Занятие 15. Как поменять шапку сайта на юкозе (часть 1)

Вот и настало время вплотную заняться внешним видом сайта. Пора замахнуться на смену дизайна, так сказать.

Для создания сайта юкоз предлагает довольно много шаблонов на разную тематику. Однако, занимаясь сайтом, в определенный момент понимаешь, что шаблон шаблоном, а хочется чего-то индивидуального, не такого как у всех.
Самое простое – сменить стандартную шапку сайта на свою собственную.

Вот этим мы и займемся на следующих занятиях.
Для начала давайте разберемся в структуре сайта, то есть выясним, что есть что.

Верхняя графическая часть сайта и называется шапкой или хедером.
Есть несколько способов создания хедера:
1) одним рисунком на всю ширину сайта:
2) небольшими кусочками или частями;
3) хедер убирается вовсе, остается лишь название сайта или логотип рядом с навигацией.

Чтобы узнать, как устроен хедер на вашем сайте, нужно открыть сайт в браузере и пощелкать правой кнопкой мышки на картинках в верхней части сайта.
Если в разных частях шапки вы видите ссылку на один и тот же рисунок, то, значит, у вас хедер загружен одним куском. Как, например, на нашем школьном сайте.
Это самый простой случай.

Довольно часто встречаются ситуации, когда хедер состоит из нескольких частей. Делают это для того чтобы уменьшить вес рисунков и ускорить загрузку сайта. В современном дизайне все более популярны легкие, не перегруженные графикой сайты, поэтому в верхней части сайта размещают только название сайта и небольшой логотип или картинку.
Если, кликая мышкой, вы обнаружили ссылки на несколько рисунков, то ваш хедер состоит из нескольких кусочков. Заменять можно все или несколько, внося только небольшие коррективы.
Как, например, на сайте Пирожок.Кулинарные рецепты.
Было в шаблоне

Теперь на сайте
 
Итак, прежде чем заняться переделыванием хедера, выясните, к какому типу он относится (один рисунок или несколько), и сохраните эти рисунки в отдельную папку на своем компьютере.

Для сайта Пирожок.Кулинарные рецепты получилось:

Создайте эскиз будущей шапки вашего сайта в любом виде: от руки, на компьютере, (кому как удобно) и подберите подходящие рисунки.

На следующем занятии мы будем подгонять выбранные рисунки под ваш шаблон.