Инструкция
1
Подумайте, каким бы вы хотели видеть свой сайт. Рассмотрите дизайны сайтов, которые вам нравится. Создайте макет – на бумаге или в графическом редакторе. Решите, сколько колонок будет в дизайне – две или три, как будет осуществляться навигация, в каких цветах сайт будет выполнен.
2
Оцените свои силы. Если вы впервые слышите об HTML и CCS, ваши художественные способности и умение работать в фотошоп оставляют желать лучшего, вы не сможете сами разработать дизайн сайта. Тогда вам следует обратиться в дизайн-студию. Последних в интернете сейчас просто невероятное количество – выберете подходящую именно вам – по вкусу и бюджету.
3
Если вы все-таки полагаетесь на свои силы, начинайте разрабатывать дизайн сайта. Для начала создайте всю необходимую графику – фон, логотип, дополнительные элементы, заголовки разделов. Отдельные графические элементы вы можете заказать у дизайнеров или фрилансеров.
4
Приступайте к верстке сайта. Существует два типа дизайна – фиксированный и «резиновый». При фиксированном дизайне значения всех блоков, таблиц задаются в абсолютных величинах. Если вы создаете фиксированный дизайн, возьмите за основу минимальное разрешение экрана ваших пользователей. Делайте дизайн, который мог бы вместиться в эти рамки.
«Резиновый» дизайн делать сложнее, но и результат, соответственно, лучше. При создании «резинового» дизайна ваша задача – сделать так, чтобы при любых разрешениях и размерах монитора внешний вид сайта оставался прежним. Это достигается заданием ширины таблиц и блоков не в абсолютных величинах, а в процентах. Также графику следует делать, рассчитывая на максимальное разрешение, а фон или отдельные участки изображений – размножать.
«Резиновый» дизайн делать сложнее, но и результат, соответственно, лучше. При создании «резинового» дизайна ваша задача – сделать так, чтобы при любых разрешениях и размерах монитора внешний вид сайта оставался прежним. Это достигается заданием ширины таблиц и блоков не в абсолютных величинах, а в процентах. Также графику следует делать, рассчитывая на максимальное разрешение, а фон или отдельные участки изображений – размножать.
5
Закончив верстку, займитесь деталями. Это – подбор шрифтов, оформление отдельных разделов и какие-то тонкости, свойственные каждому дизайну. Шрифты используйте стандартные (Arial, Century Gothic, Courier, Tahoma, Times New Roman, Verdana и др.), иначе у каких-то пользователей текст не будет распознаваться.