Создаем на своем
компьютере папку с названием вашего будущего сайта, в данном случае назовем
ее "stranica". Внутри папки "stranica"
создадим еще одну папку с названием "www".
Внутри папки "www" создадим еще
одну папку для изображений с названием
"img". В итоге у Вас получится следующая структура:
ЭТАП 2:
Заходим в
созданную на предыдущем шаге папку "www"
и создаем внутри нее текстовый документ. Для этого заходим в нее, кликаем
правой кнопкой мыши и в выпадающем меню выбираем
"Создать - Текстовый
документ". Выглядит это все следующим образом:
Использую
знания, полученные в предыдущих уроках, напишем текст:
Пример:
<!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
"http://www.w3.org/g/TR/html4/loose.dtd">
<html>
<head>
<title>Первая
страничка!
</title>
</head>
<body>
<!—Создаю свою
первую страничку!-->
Я практически изучил html!!!
</body>
</html>
Однако, для
того, что бы браузер смог прочитать Вашу страничку ее необходимо сохранить в
формате понятном браузеру.
ЭТАП 5:
Сохраняем документ в папке "www", как
"index.htm"
(расширение ".htm" указывает, что это HTML-документ. ".html" даст тот же
результат., это не имеет значения). Для этого на
страничке текстового документа
"БЛОКНОТ", в меню Файл выберите
"Сохранить
Как":
В пункте Имя
файла пишем "index.htm"
В пункте
"Тип файла" выбираем
"Все файлы" и нажимаем
"Сохранить"
ЭТАП 6:
Если вы запустите файл
"index.htm" увидите примерно следующее...
Осталось
поздравить Вас с созданием первой странички!
Обратите
внимание, что в заголовке документа написано - "Первая страничка!"
(вспомните тэги <title>, а именно
- <title> Первая страничка! </title>). Также обратите внимание на
комментарии (<!—Создаю свою первую страничку!-->)
их в тексте невидно.
Для того, чтобы
внести изменения в страничку, Вы открываете текстовый документ либо подведя
курсор прямо на файл
"index.htm" нажимаете правую кнопку мышки и открываете
через "открыть с помощью - "БЛОКНОТ".
Вот и все!
Осталась самая
малость, научиться форматировать текст, таблицы, вставлять рисунки,
привязывать ссылки, создавать фон, раскрашивать, подводить и т.п.
