Статья 4. Добавление необходимых элементов в «шапку» макета шаблона сайта

Шапка» сайта может использоваться как для наличия только графических элементов ( просто для красоты), так и для несения определённых полезных функций. Так как высота «шапки» данного макета  довольно таки большая, целых  500px, я справедливо решил нагрузить её основательно. В данной шапке будут располагаться кнопки внутренних ссылок, ссылка адреса сайта, форма поиска по сайту, логотип, вертикальное меню, форма входа и регистрации  и ещё некоторое кол-во клип Арта для украшательства.
В папке «header»  создаю папку «внутренние ссылки» и размещу  в ней три файла формата GIF (можно формата PNG) на прозрачном фоне.  Так как эти кнопки будут кликабельны то следует располагать их не в связке , а именно раздельно. Каждую кнопку в отдельности.

Нарисую подчёркивание кнопок и соединю подчёркивание  со слоем ноль.  Так же в папку «внутренние ссылки» добавлю адрес сайта.  Текстовым файлом с подчёркиванием. Это делается для того что бы верстальщик понимал что это должна быть активная ссылка.

Скучный серый фон «шапки» мне хочется немного разнообразить и поэтому я вновь использую немного кистей.

С тематикой сайта ( пока писал данный урок) я определился.  Это будет макет шаблона сайта о вкусной и здоровой пище.  Зайдя в Google  нашёл несколько картинок и сделав из них небольшой коллаж  размещу в шапочку  и свяжу со слоем ноль.

Теперь мне нужно добавить поле ввода для формы поиска по сайту.   Поле ввода я объединю со слоем ноль.  А вот для текстовых файлов формы поиска создам ещё одну папку «поиск по сайту»  в  папке «header»  и вложу  их туда.  Собственно слой ноль уже готов и может быть переименован в слой background. Потому что больше никаких графических элементов в него добавляться не будет,  а будут добавляться только  блоки на отдельных слоях.

Вот что мы имеем в папке слоёв.

А вот так выглядит в данный момент «шапка» сайта.

Удачи!  :)