Например, на сайте веб-студии e-KAO вы можете в разделе настройки выбрать один из имеющихся стилей, чтобы значительно изменить внешний вид этого сайта. Первым условием для создания сайта с меняющимися стилями является отделение содержимого веб-страниц от их оформления. То есть в HTML-коде страниц не должно присутствовать никаких команд, относящихся к оформлению, все они должны быть помещены в отдельный файл таблицы стилей (CSS). Это требование общеизвестно, но до сих пор многие разработчики не разделяют содержимое и оформление веб-страниц. Кстати, даже если вы не планируете создавать сайт с меняющимся внешним видом, такое разделение крайне желательно.

Кроме того, необходимо отказаться от использования табличной верстки и перейти к блочной верстке. Использование таблиц для оформления противоречит описанному выше принципу, так как элемент оформления приходится включать в HTML-код. Если блоки можно при желании поместить в различные места, используя различные описания CSS, взаимное расположение колонок таблиц зафиксировано, и никакие средства CSS не смогут, например, поменять местами правую и левую колонки таблицы. Несмотря на то, что с помощью табличной верстки проще создавать сайты, следует от нее отказываться – это веление времени.

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

Перед версткой страниц сайта следует определить, какие элементы будут отображаться в тех или иных вариантах оформления. Особенность использования CSS состоит в том, что можно убрать любые элементы с экрана, то есть запретить их отображение, но добавить что-то, кроме фоновых изображений, нельзя. Например, если в одном из вариантов дизайна в заголовке сайта должна отображаться текущая дата, то соответствующий элемент должен выводиться в коде веб-страницы. В том варианте стиля, где он используется, будут описаны особенности его отображения, а во всех других вариантах следует запретить его отображение. То есть перед тем, как создавать сайт с возможностью изменения стилей, следует все же продумать границы, в которых эти стили будут меняться.

Всегда следует разработать основной дизайн сайта, который будет отображаться по умолчанию. Чаще всего в этом дизайне используются все имеющиеся элементы, а убираются те или иные элементы во второстепенных дизайнах. Средства CSS предоставляют широкие возможности для творчества. Меняя взаимное расположение блоков, устанавливая различные оттенки цвета и подключая фоновые изображения, вы сможете неузнаваемо изменить внешний вид сайта.

При создании стиля следует помнить, что все веб-страницы должны правильно отображаться по крайней мере в четырех браузерах - Internet Explorer 7, Mozilla Firefox 2, Opera 9, Internet Explorer 6 и оптимальное изображение получалось бы при использовании разрешений экрана 1280x1024 и 1024x768. Перейдя по ссылке, вы можете увидеть пример переключения стилей сайта. Выбранный стиль запоминается в cookie, и при следующем посещении сайта он будет выглядеть так, как было задано ранее.

А зачем нужно менять стили? В первую очередь для повышения привлекательности сайта. Во-первых, многим людям просто нравится, как по их команде сайт кардинальным образом меняет свой внешний вид. Кроме того, вкусы людей различаются, и нельзя в одном оформлении их учесть. Если на сайте доступно несколько стилей¸ большее количество посетителей будет удовлетворено его внешним видом. Хотя, стоит отметить, что чаще всего посетители не будут ничего менять, оставляя стиль, установленный по умолчанию.

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

Отдельно стоит отметить возможность подключения отдельного стиля для браузера Opera Mini, который становится все более популярным среди пользователей мобильных телефонов. Учтя особенности этого браузера, можно наилучшим способом отобразить сайт на экране телефона. Также рекомендуется разработать отдельный файл стиля для печати. В этом случае на сайте не понадобиться создавать специальные страницы, подготовленные для печати. Любая страница, отправленная на печать, будет оформлена не так, как пользователь ее видит на экране, а в соответствии со стилем, назначенным для печати.

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