Урок 2: Создаем свою первую страничку
Давайте сразу учиться все делать правильно. Хоть это и самая примитивная страничка, создадим ее по всем правилам (они пригодятся при работе с Adobe Dreamweaver). ШАГ 1: Создайте на своем компьютере папку с названием вашего будущего сайта, ну, к примеру, в данном случае актуально будет назвать папку obuchenie_html. Внутри папки создайте еще одну папку с названием www, а внутри нее еще одну для изображений с названием img (позже вставим туда картинки). Для наглядности я нарисовал вам приблизительную структуру, получившуюся в результате:
Пока поверьте мне на слово, дальше, когда начнете изучать Dreamweaver, все поймете. ШАГ 2: Зайдите в созданную на предыдущем шаге папку www и создайте внутри нее текстовый документ. Для этого зайдите в нее, кликните правой кнопкой мыши в выпадающем меню выберите Создать – Текстовый документ. Перед собой вы должны видеть примерно следующее:
ШАГ 3: Теперь, следуя предыдущему уроку, напишите в Блокноте текст простейшей странички: Приведу пример: <! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01 Transitional//EN" " http: //www.w3.org/TR/html4/loose.dtd" > < html> < head> < title> Это моя первая страничка! < /title> < /head> < body> <! -- сейчас я напишу свою первую строчку текста! --> Ура!!!! Я создал свою первую страницу на html!!! < /body> < /html> Готово! Вы создали свою первую настоящую веб-страницу! ШАГ 4: Теперь сохраните ваш документ как " index.htm" (расширение ".htm" указывает, что это HTML-документ. ".html" даст тот же результат. Это не имеет значения). Для этого в меню Файл выберите Сохранить Как:
В пункте Тип файла выберите " Все файлы". После сохранения можете удалить текстовый документ. ШАГ 5: Теперь если вы запустите получившийся файл index.htm, увидите примерно следующее:
Теперь если хотите что-нибудь поменять, жмете правой кнопкой мыши и в выпадающем меню выбираете " Просмотр исходного кода". Меняете, сохраняете изменения и любуетесь! Как видите, действительно в заголовке документа написано " Это моя первая страничка! ", а комментарии действительно не отобразились в браузере! Дело осталось за малым! Научиться форматировать текст, таблицы и т.п.
|
