Начало
Урок 2: Создаем свою первую страницу
Давайте учиться сразу делать все правильно. Хотя это самая примитивная страничка создадим ее по всем правилам (в дальнейшем это пригодятся при работе с Adobe Dreamweaver).
ШАГ 1:
Сейчас довертись мне , а дальше когда изучать 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 и видите приблизительно следующее:
Для внесения изменения в страницу, Вам необходимо открыть этот файл через простой блокнот. Так же, можно изменять прямо в браузере, но лишь в браузере Opera.
Как видите в заголовке документа действительно написано "Это моя первая страничка!" а комментарии не отразились в браузере!
Осталось дело за малым! Научиться форматировать таблицы , текст и.т.д.
См. также
Следующий - Урок 3: Разбираемся с текстом
Предыдущий - Урок 1: Конструкция web-документа. Вставка комментария
