Урок №2. Ваша первая страница.

В данном уроке Вы создадите свой первый сайт, хоть и примитивный, но сайт.
Если начинать что-то, то нужно начинать правильно, дабы в дальнейшем вам было проще, так что давайте учить все правильно.

Итак, начнем.

Для начала создайте папку на своем компьютере, папка должна соответствовать названию вашего будущего сайта. Внутри папки сайта создайте еще одну папку, название папки www, а внутри, еще одну парку с названием img.

Примерно вот так:

Пример папок сайта

 

Писать код Вы будете в обычном текстовом документе. Причиной тому служит простота документа, он не искажает все, что было написано в нем.

Следующим шагом будет создание в папке www текстового документа(блокнота).
Думаю, о том как создать текстовый документ Вам на примере показывать не нужно.

Открываем текстовый документ, пишем нашу первую простую страницу.
Для этого просто вспомните предыдущий урок.

Пример:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>

   <head>

       <title>Привет, я твой первый сайт!</title>

   <head>

   <body>

       <!—Здесь я написал текст своей первой странички!-->

       Надо стремиться к самосовершенству!!!

   </body>

</html>

 

Вот и все. Ваша первая страничка готова.
Теперь нужно сохранить все то, что Вы только что создали.

Сохранять написанный документ нужно в расширении .html , дабы компьютер понял что это HTML-документ и открывать его нужно с помощью браузера.

Для этого в меню Файл — нажмите — Сохранить как, в появившемся окне в строчке — Тип Файла — должно стоять — Все файлы. В строчке — Имя файла — прописываем название файла и добавляем расширение .html.

Пример:

Пример файла сайта

 

А теперь просто запустите полученный файл и увидите что получилось.

Для внесения изменений в Вашу первую страницу , просто полученный файл открывайте с помощью текстового редактора.

До встречи на следующем уроке. Удачи.

Закрыть меню