Создание основы сайта: Структура
Создание структуры сайта. Первая страница. В первую очередь необходимо создать структуру: создаем папку site, в ней дополнительную папку graf и три файла с именами index.html, str2 .html и str3 .html. Далее открываем страницу index.html в простом текстовом редакторе, для этого можно использовать программу Блокнот или любую другую, и начинаем писать код.
Почему для этих целей не рекомендуется использовать сложные текстовые процессоры, как Word? Потому что они создают документы в своих собственных форматах, записывая в файлы дополнительный код, который нам абсолютно не нужен. Лучше применять редактор не сложнее Блокнота или специальный редактор для HTML-страниц.
Так называемый код веб-страниц представляет собой обычный текст (контент страницы) в сочетании с элементами разметки - тегами. Тег - это инструкция для браузера, прописывающая, каким образом следует оформить на экране объект, который описывается этим тегом. Теги, в свою очередь, заключаются в угловые скобки < > и бывают одиночными или парными. При использовании парного тега первый является открывающим, а второй - закрывающим и поэтому в своем имени содержит символ /. Например, тег, определяющий начало веб-страницы, - парный, поэтому, открывая страницу, мы всегда пишем , а в конце прописываем тег .
Простейшая веб-страница содержит всего несколько тегов:
- <html> и </html> - определяют начало и конец веб-страницы;
- <head> и </head> - описывают начало и конец «головы» веб-страницы, не отображаемой в окне браузера;
- <title> и </title> - определяют заголовок веб-страницы, отображаемый в иоле заголовка браузера, в самом верху страницы;
- <body> и </body> - задают «тело» веб-страницы, то есть ту часть, которая будет отображаться в окне браузера.
Наберем содержимое нашей страницы согласно плану. Затем обязательно сохраним страницу: меню Файл => Сохранить. Не забывайте также сохранять страницу каждый раз, когда внесли в нее какие-либо изменения, в противном случае вы не сможете увидеть их в окне браузера.
После сохранения содержимого, не закрывая редактора, открываем с помощью браузера редактируемую страницу. Для этого обычно достаточно дважды щелкнуть кнопкой мыши на ее имени index.html либо указать в строке адреса место. В результате в браузере отобразится содержимое нашей страницы.
Белый фон, черный цвет букв - это, конечно, читабельно, но очень официально для туристической фирмы, отправляющей своих клиентов в космос. Попробуем изменить цвет букв и фон страницы. Обычно для этих целей присваивают значение параметров тегов, что мы и сделаем. Задавать цветовые параметры можно как словами, так и числовыми значениями (словами более понятно, а числа дают доступ к большему количеству оттенков). Внесем в текст веб-страницы, расположенной в редакторе, исправления, задав для фона голубой цвет, а для текста - желтый, и не забудем ее сохранить.
После этого обновим страницу в окне браузера и посмотрим, что изменилось. Если полученный результат удовлетворяет, то оставляем его, иначе экспериментируем дальше, явно задавая значения параметров тега.
| ← Создание основы сайта: Форматирование | Создание основы сайта: Определение задачи → |
|---|