Дизайн сайта.

Дизайн и верстка шаблона сайта.

Дизайн и верстка сайта.Дизайн - это обертка для сайта, которая должна раскрывать его содержимое. Красивый снаружи и интересный внутри, как конфеты.

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

Красота дизайна – это понятие очень личное, кому-то по душе обилие картинок и широкая цветовая гамма, а кому-то радует глаз строгость и простота, и сколько людей – столько и мнений. Учесть мнение каждого невозможно, потому опираться надо на мнение большинства – посмотрите основную массу сайтов – не все из них обладают гениальным дизайном и являются очень красивыми, но большинство имеют “среднюю” степень красоты и правильную подачу контента, чего будет вполне достаточно для привлечения пользователя. Шаблон сайта должен быть хотя бы таким.

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

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

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

Так же вебмастер должен не забывать, что пользователи работают с разными средствами просмотра веб-страниц – браузерами. Каждый браузер немного по разному отображает элементы сайта в силу архитектуры и других принципиальных отличий, таких как восприятие Flash и размеров окна (например мобильные браузеры). По этому, в процессе верстки, вебмастер должен просматривать свой сайт на разных браузерах и устройствах, и адаптировать под них свой сайт. Этот процесс называется кроссбраузерная верстка. Большинство шаблонов для WordPress имеют кроссбраузерную верстку, однако контент, добавляемый в процессе наполнения сайта, может иметь другой вид в разных браузерах.

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

Далее структура и навигация