Создание дизайна сайта

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

Такой дизайн разрабатывается на основании заранее подготовленной структуры и семантики сайта. Таким образом, web-дизайнер должен разбираться не только в художественной составляющей дизайна, но и в проектировании юзабилити ресурса.

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

Создаём шаблон на html 5

Сегодня мы немножко рассмотрим главные моменты создания шаблон или даже структуры сайта на html 5. Многие из Вас наверное уже слышали о CSS 3, html 5 и новой версии Js API. Всё вместе это дает возможность создавать интересные интерактивные сайты.

В html 5 прежде всего изменилась разметка (она стала более семантической), появились новые типы форм, появилось возможность встроенного воспроизведения видео и аудио, рисования простых интерактивных форм, рисунков, drag and drop загрузка файлов на сервер и в общем улучшилось взаимодействие с Js.

Сегодня мы остановимся на рассмотрении новой разметки, которая появилась в html 5.

Новое в html 5

В html 5 изменилась семантическая структура разметки страницы, а некоторые моменты значительно упростился. Теперь браузерам стало проще отображать информацию, а поисковым системам её обрабатывать. Так как большая часть сайтов сделаны по следующему типу: шапка, навигация, основное содержимое и сайдбары, подвал (наш шаблон также будет иметь такую структуру), то появились новые html теги. Это: header — шапка (верхняя часть сайта), nav — навигация (меню) сайта, section — основное содержимое сайта, aside — сайдбары, article — сама статья, footer — подвал сайта.

Так же в html 5 не желательно применять следующие теги и атрибуты: <font>, <center>, <frame> align, bgcolor, height, width, size, type. На это нужно обратить внимание. Ещё нужно добавить, что в html 5 больше нет атрибута type.