И так, если вы перешли ко второму этапу, значит уже освоили основные теги HTML и
табличную верстку.
В принципе уже на данном этапе можно наполнять страницы контентом и выбрасывать их на
хостинг, и если кого устраивает это, то следует подготовить сайт к индексации
поисковыми системами, читайте статью Мета теги и индексация сайта.
Теперь давайте попробуем основные стили форматирования текста вынесем в отдельный
файл. Для этого создаем новый файл и назовем его style, или main… и сохраним его в
формате CSS.
Пример оформления файла CSS найдете в Extra Hide Studio, в шаблонах.
Но, для начала, создадим его на своей же странице, чтобы удобнее было его редактировать,
не прыгая со страницы на страницу. Для этого, после закрывающего тега пишем
следующее
, будем задавать
различные параметры форматирования текста (как это делается вы узнаете из прилагаемых
статей), а сразу же за /style открываем тег , и размечаем страницу при помощи
таблиц, где будем размещать свой текст, ссылки...
Я не буду подробно описывать эту процедуру, так как это очень обьемная и разнообразная
информация, с большим количеством различных стилей простых и сложных.
С помощью CSS можно просто отформатировать текст, можно создать полностью страницу из
блоков, без применения таблиц, (этот вариант капризный) можно, как сделал я, разбил
страницу с помощью таблиц, а в таблицах использовал блоки, созданные с помощью CSS, и
размещенные в отдельных файлах, из которых собираются страницы кодом PHP, но об этом
чуть позже.
Использование отдельного файла CSS очень удобно, когда у вас большое количество
страниц, с одинаковым оформлением текста, уменьшается "вес" сайта, можно в одном
файле менять цвет всего фона, отдельных ячеек, текста, ссылок, и т. д.
В ссылках вы найдете статьи по CSS, которыми я пользовался, выбрав из множества
других. Кроме этого я просмотрел десятки разных файлов, старался вникнуть в различные
стили, скачивал множество бесплатных
шаблонов с применением CSS.
Наберите в браузере "Бесплатные шаблоны для сайта", и увидите множество предлагаемых
вариантов.
Я распечатал справочник по CSS, и он у меня всегда под рукой, но время от времени все
равно приходится просматривать статьи в поисках того или иного решения.
Начать советую со статьи Влада Мержевича -Что такое CSS, на мой взгляд, это наиболее
доступное для понимания новичка и более обьемное изложение темы.
В статьях других
авторов много повторений, но и много других взглядов на эту тему.
Например, в статье
"Пример верстки CSS" вы узнаете как создаются страницы из отдельных блоков, это то, о
чем я намекал ранее.
После того, как вы создадите свои стили непосредственно на странице, описанным выше
способом, с помощью редактора, его можно перенести в отдельный, созданный нами файл,
а на нашей странице установить ссылку на этот файл
< link rel="stylesheet"
type="text/css" href="main.css">,
где вместо main указываете свое название файла.
Конечно обьем информации большой, много дополнений и изменений в уже привычном
использовании нами тегов HTML, но заметьте, в основе, почти везде те же, уже знакомые
нам теги.
Так что дерзайте, это вам в дальнейшем очень и очень пригодится. Сейчас уже немного
сайтов где еще не используется CSS.
И еще совет, не пытайтесь использовать полностью готовый файл стилей CSS, пока не
создадите свой, с нуля, и не поймете основные принципы определения стилей и работы с
ними, так как в дальнейшем вам будет очень сложно что то изменить или добавить,
вы просто запутаетесь.
Теперь немного о возможности построить сайт, собирая его основу из отдельных блоков,
т.е. разбив страницу на несколько блоков, сохраняем их в отдельной папке (у меня как
текстовый файл) и вызываем на нужную страницу с основным текстом, в нужное место
кодом PHP (созданные обычные HTML страницы сохранять как файлы php, иначе код не
срабатывает).
Это дает нам возможность редактировать каждый из этих файлов отдельно, например
менять/добавлять ссылки, рекламу, другую информацию, которая автоматически меняется на
всех страницах сайта.
Я не буду описывать подробно этот вариант, а обращусь опять же к статье Нелли
Федосенко, из которой я впервые и узнал про эту возможность. Правда, я лично
использовал прочитанный в последствии на одном из форумов код
?php
include (' название папки/название файла.txt');
?
Для работы (редактирования на компьютере) PHP, как и JScript нужно установить
виртуальный Хост, желательно Базовый пакет (denwer.ru) Денвер. В последующем, вы сможете с его помощью
установить и редактировать на своем компьютере любую CMS (систему управления сайтом).