1. Простой сайт
Для начала создадим простейший сайт. Состоит он из одной HTML страницы. HTML (HyperText Markup Language - язык разметки гипертекстов) – универсальный язык, описывающий веб-страницы. Его задача – указать браузеру, что и как отображать при загрузке страницы на компьютере пользователя. Каждая из его команд, называемых тегами, описывает фрагмент страницы.
Перейдем к делу. Перед Вами текст простейшей HTML-страницы:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"><head><title>Моя первая страничка</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /><link rel="stylesheet" href="style.css" type="text/css" /></head><body><div id="wrapper"><div id="nav"><ul><li><a href="#">Контакты</a></li><li><a href="#">Загрузки</a></li><li><a href="#">Главная</a></li></ul></div><div id="header"><h1> </h1></div><div id="showcase"><p>Здравствуйте! Я - Перец.<BR>Добро пожаловать!</p></div><div id="top"> </div><div id="text"><h1>Ах, перец, перец!</h1><p>Сорта перца подразделяют на сладкие и острые, или горькие..</p><p>Родина сладкого перца - Мексика. В Европе он стал известен только после открытия Америки. Горький перец издавна выращивали .</p><p>Перец - многолетнее растение из семейства пасленовых. .</p></TD></div><div id="footer"><p>© Name | Разработка <a rel="nofollow" target="_blank" href="http://www.internet-technologies.ru/">http://www.internet-technologies.ru/</a> </p></div></div></body></html>
Скопируйте его и сохраните у себя на компьютере в файле с именем index.html. Ваш первый сайт готов. Можно открыть страничку в любом браузере и посмотреть результат. Выглядеть она должна приблизительно так.
<p>Кстати, index.html – не случайно выбранное нами имя. </p>
<p> Конечно, не обязательно, но считается хорошим тоном главную (или ту, которая должна отображаться первой) страницу назвать именно так.</p> <p>
По умолчанию, любой веб-сервер страницу index.html пытается выдать браузеру при обращении к нему (необязательно, потому, что на любом веб-сервере это настраивается).</p>
<p> Сохранили? Запускаем. Не получилось? Не расстраивайтесь, Вы все сделали правильно. Просто мы вплотную столкнулись с основным свойством HTML-документа - он может содержать только текст</p>
. Контент любого другого типа должен либо храниться в отдельных файлах, либо генерироваться при загрузке страницы.
<p> Поскольку наш сайт самый простой, то и решение этого самое простое. Все, что необходимо – в отдельных файлах.</p>
<p>
Качаем архив (6.8Mb), разворачиваем и запускаем mysite/index.html. Результат налицо. </p>
<p>
Примите наши поздравления, Ваш первый сайт – готов! На этом простом примере разберем, как создать сайт.</p>