Как сделать шаблон сайта


1. Базовые понятия.


Наверное, многие хотели бы научиться делать свои шаблоны для сайтов.

Что для этого потребуется.

  • PhotoShop
  • ImageReady (входит в программу PhotoShop)
  • Flash (если собираетесь делать анимацию)
  • Текстовой редактор, какой большого значения не имеет.

А так же минимальные знания HTML и CSS (Подробнее о HTML и CSS можно прочитать, здесь).

 

Структура сайта
Для начала определим структуру сайта, а именно – главное меню. Для чего это надо? Если у вас десяток другой основных разделов, то придется делать вертикальное меню, если например 5 то лучше использовать горизонтальное.
И так будем исходить из того что на сайте 5 основных разделов, в каждом из которых N-ое количество подразделов. В результате получим первичный шаблон сайта.
Например такой.

шаблон сайта

Где, 1 – логотип сайта, 2 – главное меню, 3 – меню разделов (можно размещать и справа, не имеет значения, а если подразделов много , слева и справа), 4 – контекст, 5 – дубликат главного меню (рекомендую размещать нижнее меню для того что бы посетитель после просмотра страницы не мотал ее вверх, а сразу мог перейти по ссылке).

Фиксированный или «резиновый» шаблон сайта.
Фиксированный шаблон имеет четко прописанные размеры, в то время «резиновый» открывается во все поле браузера


Фиксированный шаблон сайта


Фиксированный шаблон сайта

"Резиновый" шаблон сайта


Резиновый шаблон сайта

Преимущества.
Фиксированный шаблон сайта – полный контроль над отображением сайта в браузере.
«Резиновый» шаблон сайта – использует все поле браузера.

 

В качестве примера рассмотрим фиксированный шаблон сайта, т. к. он немного проще.


Фиксированный шаблон сайта. Какой ширины делать шаблон.


Наверно не секрет, что каждый пользователь устанавливает разрешение экрана, какое ему больше нравится, до не давнего времени стандартным разрешением считалось 800х600 px, но с появлением мониторов с высоким разрешением большинство пользователей используют разрешение 1024х768 px и выше.

Статистика за месяц для сайта с посещаемостью 1 млн. человек в месяц.

1280x1024

51,90

1024x768

29,86

Другие

6,26

1600x1280

5,54

1152x864

3,90

800x600

1,33

640x480

0,92

Не опр.

0,3

Исходя из статистики видно, что если сделать сайт шириной 1024 px 91,2% посетителей увидят сайт без горизонтальной прокрутки. Не забывайте о полосе прокрутки, то есть реальная ширина будет ~1000 px.
И так мы определились с шириной (высота большого значения не имеет) и структурой сайта. Теперь можно приступать к графическому воплащению шаблона, для примера сделаем шаблон сайта "Личная страничка товарища Бэтмэна".




http://les-vins.org/catalog/wine/?manufacturer=Glaetzer вино Glaetzer. доставка бетона миксером, доставка миксером бетона цена