Практические занятия к #Уроку 1.

Практические занятия.

Прежде чем создавать сайт, надо понять из чего собственно он состоит.

Когда вы в браузере набираете адрес сайта, например www.google.com, вы знаете, что попадете на сайт Google. Далее, кликая по ссылкам и кнопкам, вы переходите с одной страницы этого ресурса на другую и так далее. Отсюда можно сделать вывод, что сайт — это набор страниц, связанных между собой. Сделать сайт — значит научиться делать и связывать эти страницы.

Теперь рассмотрим на примере страницу сайта, которая сейчас перед вами. Из чего она состоит? Из изображений и текстов. Значит, чтобы создать страницу необходимо подобрать изображения, написать текст и сообщить браузеру, каким образом все это отображать.

Но как браузер узнает, что именно эта страница предназначена для интернета? По ее расширению — html (например, страница index.txt — это текстовый документ, а index.html — это web-страница). А откуда браузеру знать как именно отображать изображения и текст? Верно, с помощью html тегов.

И так, приступим:

  1. Откройте блокнот (в будущем рекомендую пользоваться NotePad++ — практически тот же блокнот, но для редактирования файлов типа *.html, *.php — гораздо удобнее, вы его без труда сможете найти и скачать в интернете). И так, после того, как вы открыли блокнот, введите в нем следующий код:

<html>

 <head>

  <title> Мой первый сайт на HTML </title>

 </head>

     <body>

Здравствуй Мир!

     </body>

</html>

2. Сохраните этот документ: Файл>Сохранить как…>

Укажите место сохранения вашего файла (лучше создать отдельную папку и назовите ее «Site»)

Имя файла: index.html

Кодировка: UTF-8

3. Теперь откройте папку с вашим файлом и кликните на него правой кнопкой мыши, далее: Открыть с помощью>Yandex Browser — это у меня, Вы открывайте с помощью того браузера, которым привыкли пользоваться.

Вот что у вас должно получиться:

Ну вот — ваша первая страница готова. Если ее разместить на хостинге (сервер, предоставляющий услуги по хранению вашего сайта и отображению его в интернете, но об этом немного позже), то весь мир увидит вашу страницу.

Правда, пока что она только отображает текст, а делать ее ярче и интересней мы начнем в следующих уроках.А теперь давайте разберем, что мы такого написали в блокноте, что браузер ее воспринимает как веб-страницу

Посмотрите на код, который мы ввели в блокноте. Это — структура html-документа.

Теперь разберемся с его структурой поподробнее:

На этом первый урок объявляю законченным! :) Мы научились создавать страницу, и узнали что такое HTML. Предлагаю идти дальше :) Урок №2

Комментарии закрыты.