Web-дизайн |
Здесь находится краткое руководство по созданию своих домашних страниц.Руководство предназначено для тех,кто абсолютно впервые слышит о языке HTML,не имеет о нем ни малейшего представления,но хочет создать свою домашнюю страничку.
КРАТКОЕ
РУКОВОДСТВО ПО СОЗДАНИЮ WEB-СТРАНИЦ
Итак,начнем.Создание
своей дамашней странички дело не
сложное и если вы будете четко
следовать моим инструкциям,то вы
поймете,что HTML-это просто.
Для создания своей домашней
странички вам понадобится
следующий набор
инструментов:компьютер с Windows'95
вместе с Internet Explorer (IE),(некоторые
пользователи при установке Windows его
не ставят,так как считают,что без
доступа в Интернет он им ни к
чему),или же Netscape Navigator (NN),Блокнот
(Notepad) или же WordPad, и мое
руководство.Конечно же желательно
иметь доступ в Интернет,но это дело
второстепенное.
Пользователям Windows'98 повезло
особенно:они в своем распоряжении
уже имеют редактор Web-страниц Front Page
Express 2.0.,что дает им большие
преимущества перед пользователями
Win'95 в плане облегчения работы.
Начните с
того,что внимательно изучите
руководство с описанием элементов
HTML.Возможно многое вам будет не
понятно,но не отчаивайтесь!
Найдите в
Интернет чью-нибудь простенькую
страничку которая вам внешне
понравилась (не отягощенную
излишними сложностями) и вы хотите
сделать что-то похожее на
нее.Сохраните ее и все
странички,которые относятся к ней в
формате *.htm на жесткий диск вашего
компьютера.
После этого можно приступать к
работе.
Лично мне удобно еще
пользоваться Windows
Commander 3.01,хотя
вовсе не обязательно.
Щелкните два раза на сохраненом
файле *.htm и он откроется в браузере
IE или NN.Затем откройте этот же файл
в Блокноте.Начните по очереди
анализировать написанное в
Блокноте с соответствующим ему
изображением в браузере и
периодически смотрите в
руководство элементов.Находите в
руководстве
записи,соответствующие
написанному в Блокноте и
запоминайте,что они означают. Очень
скоро вы заметите,что стали
понимать,что некоторые записи
означают.Например
на этой страничке надписи "Здесь
находится краткое руководство по
созданию своих домашних
страниц.Руководство предназначено
для тех,кто абсолютно впервые
слышит о языке HTML,не имеет о нем ни
малейшего представления,но хочет
создать свою домашнюю
страничку." соответствует запись
на языке HTML в Блокноте:
<p><font color="#000080" size="3"><strong>Здесь находится краткое руководство по созданию своих домашних страниц.Руководство предназначено для тех,кто абсолютно впервые слышит о языке HTML,не имеет о нем ни малейшего представления,но хочет создать свою домашнюю страничку. </strong></font></p>
Или же надписи:"Итак,начнем.Создание своей домашней странички дело не сложное и если вы будете..." соответствует запись:
<p><font color="#000000" size="2"><strong>Итак,начнем.Создание своей дамашней странички дело не сложное и если вы будете... </strong></font></p>
Или же в разделе Инструментарий тексту "Получив информацию о вас можно что-либо и предпринять ;-) ... Например подложить вам троянца прямо из сети,пока вы мирно болтаете в чате,в IRC или просто смотрите сайт Playboy",сответствует:
<p><font
color="#000000"
size="2"><strong>Получив
информацию о вас можно что-либо и
предпринять ;-) ... Например
подложить вам троянца прямо из сети
пока вы мирно болтаете в чате,в IRC,
смотрите <a href="http://www.playboy.com"
target="_blank">Playboy</strong></font></a>
При этом запись
<a href="http://www.playboy.com" target="_blank">Playboy</a>
указывает на сайт Playboy.
Присмотритесь к этим записям повнимательней и поймите,где ссылка указывает на ресурс в сети, а где на ссылку на этом же сайте,но только на другую страничку.
Ссылка на ресурс в сети это Playboy,а ссылка на этот же сайт,но только на другую страничку это разделы "Page of Hacker", "Virii" и т.д.
Проводя аналогии вы сможете элементарно разобраться в том,как написана страничка.А затем, также по аналогии начать писать в Блокноте свою страничку.
Откройте
Блокнот и начните писать
страничку.Написав несколько строк
текста сохраните этот файл как *.txt,а
затем переименуйте расширение в
*.html или в *.htm формат.Откройте в
блокноте уже *.html файл и продолжайте
написание странички в
нем,периодически сохраняя этот
файл с тем же *.html именем и тем же
расширением (меню Файл,
опция Сохранить)
и просматривайте ваше
"творение" в окне браузера IE
или NN,производя двойной щелчок на
*.html файле.
При
использовании ссылок не на другие
ресурсы в сети,а на те,что относятся
к вашей страничке помните,что все
файлы,картинки,фоновые обои вашей
странички должны лежать в одной
папке.(Правда это вовсе не
обязательно,т.к. вы можете конечно
прописать путь к ним,но не
забивайте себе голову этим).
При этом не надо указывать <a
href="d:\temp\my_page.htm">Моя
страничка</a>,а достаточно
написать <a href="my_page.htm">Моя
страничка</a>.Тоже самое
относится и к графике: <img
src="background.gif">.
Для ускорения процесса написания страницы и для того,чтобы избежать утомительного набора на клавиатуре часто повторяющихся тег HTML используйте хотя бы (вы должны были сами до этого додуматься) простейшие функции Windows,такие как Вырезать,Копировать и Вставить (Ctrl+X, Ctrl+C, Ctrl+V).
Для удобства
и ускорения (да и в обычной работе
потом пригодится) рекомендую все же
использовать Windows
Commander.
Wincmd является "смесью" Norton и
Windows и может значительно облегчить
вашу работу.Имеется много настроек
и функций,прост в применении,
многоязыковая поддержка (в т.ч. и
русский)."Горячие"
клавиши,функциональные - как в Norton'е
(F1,F2,F3...),контекстное меню
Windows,функция "тащи и
бросай",упаковка и распаковка
различных архивов и многое другое...
В общем,рекомендую,сам
пользуюсь.Очень удобно открывать
редактируемый html файл нажатием F4 в
Блокнот,или просмотреть его в
браузере,произведя двойной щелчок
и не мучиться с "форточками".
Пользователям Windows'98 вовсе не обязательно оббивать рученьки об клаву,набирая текст вручную (хотя в этом есть свои прелести - поймешь что к чему,разберешься с тегами и языком). Возпользовавшись Front Page Express (посмотрите в папке Program Files папку Front Page Express) они смогут сделать страничку не утомляя себя набором тег.Им остается только набрать нужный текст,вставить графику,затем может быть слегка подредактировать исходный код HTML (меню Вид опция HTML...) и страничка готова.
Только не забудьте о правильном написании адресов ссылок.Тщательно проверьте,все ли они работают.Если нет,то вернитесь к редактированию.Если да,то можете занятся поиском в сети мест для бесплатного размещения страниц.
Остальным могу посоветовать скачать с FREWARE.RU какой-нибудь HTML-редактор,например Site-Aid (2,39MB).У него довольно таки удобный интерфейс, поковырявшись с ним не больше часа,сможете понять,как он работает.Зато значительно упростите себе работу.(Правда я все же рекомендую вручную).
РЕЗЮМЕ.
Примерно
через неделю (а я
надеюсь,что мозги у вас хоть
немного работают,вы не страдаете
тяжелой формой шизофрении или же
просто не томозите) вы
сможете спокойно ориентироваться в
тексте странички на HTML и вы
поймете,что все очень просто и
доступно ;-)
Аналогия - великая вещь!Сколько в
мире идей было воплощено в жизнь
благодаря ей - не счесть. Не
думайте,что вы не настолько
умны,чтобы разобраться во всей этой
тарабарщине (я о языке HTML).
Я
верю в вас!
У вас получится!
Желаю удачи!
Ниже представлены дополнительные материалы, которые помогут вам в освоении HTML.
Просто кликайте на ссылку и документ откроется в этом же фрейме!!!
