Создание дизайна для веб-сайта
Современный веб-дизайн довольно тяжелый процесс и порой таит в себе ряд трудностей, с которыми начинающему веб-дизайнеру рано или поздно придется столкнуться. Что бы избежать некоторых трудностей при разработке дизайна сайта, достаточно придерживаться простого алгоритма создания и верстки сайтов.
Создание дизайна, очень часто, начинается с бумаги, что очень разумно и позволяет наглядно представить проект на начальной стадии разработки. Так же на бумаге можно отметить основные элементы дизайна, а наиболее важные детали пометить более подробно. Профессиональные веб-дизайнеры тоже используют бумагу, помечая расположения основных контейнеров <div>, а так же присваивая им имена, например, <div id=”first”> Такие пометки позволят ориентироваться при создании html-макета и написании каскадных таблиц стилей.
После того, как нарисован дизайн сайта на бумаге, нужно нарисовать сайт в графическом редакторе. Для создания дизайна сайтов отлично подходит Adobe Photoshop. Этот превосходный графический редактор способен создавать дизайн и адаптировать его под веб-стандарты. Использование программы Photoshop очень удобно, так как в нем реализованы основные элементы, необходимые при создании веб-дизайна.
При создании дизайна каждый элемент следует сохранять на отдельном слое, а наиболее крупные элементы следует объединять в папки. Когда работы над дизайном завершены, все необходимые элементы нужно вырезать и сохранить в отдельном графическом файле. Позже эти элементы будут необходимы для верстки сайта.
При помощи Dreamweaver можно создать html-макет. Этот макет будет выполнять функцию каркаса, на котором будет работать сайт. При создании сайта необходимо обратить особое внимание на макет, его код должен быть без ошибок и лишних тегов. После создания нужно обязательно проверить код на валидность.
После написания html нужно заняться написанием каскадных таблиц стилей, именно при помощи их будет происходить верстка. Для верстки необходимо пользоваться свойствами css, в том числе необходимо свойство background. Заранее сохраненные графические элементы при помощи background помещаются в html-макет, соединяясь с ним в единое целое.
Выполнив все эти операции нужно проверить работоспособность сайта на локальном хостинге и при необходимости исправить все выявленные недостатки. После того, как все исправлено, можно переносить сайт на виртуальный хостинг и начинать наполнение контентом, а затем продвижение.