![]() Приступать к разработке дизайна следует взяв лист бумаги и карандаш. Нужно нарисовать проект дизайна на бумаге, это поможет лучше воспринимать, создаваемый дизайн сайта. Делая наброски, желательно разметить места, где будут находиться контейнеры, таблицы, списки и остальные элементы html-разметки. Это нужно для того, что бы быстро и без затруднений создать html-разметку, осуществляющую функции каркаса сайта. Размечать сайт, а точнее основную его часть нужно в виде таблицы, согласно разработанному макету, это обычно это таблица с двумя или тремя колонками. Такой каркас наиболее удобен и прост в разработке. После того, как проект сайта нарисован на бумаге, нужно приступить к его созданию в графическом редакторе, это нужно для создания основных элементов и их дальнейшей верстке. Для создания макета сайта идеально подходит Photoshop, он отлично синхронизирован с веб-стандартами и имеет множество инструментов, необходимых для создания дизайна для сайта. Перед размещением на холсте основных элементов, нужно предварительно его разметить при помощи линеек, это значительно облегчит процесс верстки при написании каскадных таблиц стилей. Конечно, лучше пользоваться процентным соотношением, но все-таки придется описывать размещение или размер некоторых элементов в пикселях, так что использование линеек значительно упростит эту задачу. Разметив лист нужно разместить все элементы, желательно использовать уникальную графику, что бы дизайн не повторял дизайн других сайтов. После того, как html-шаблон уже размечен на бумаге, остается перенести его в Dreamweaver и проверить на валидность. Если ошибок в коде не возникло, то можно приступать к созданию каскадных таблиц стилей и верстке сайта. Перед созданием стилей разрезаем созданный в Photoshop макет на основные элементы. Каждый элемент нужно сохранить в формате используемом веб-страницами, для этого в Photoshop есть специальная вкладка. Это необходимо, что бы графические элементы не были такими «тяжелыми» и не занимали много памяти. Иначе, это может привести к медленной загрузке сайта, что может существенно сказаться на посещаемости. После сохранения всех элементов, нужно приступить к описанию стилей. Создание каскадных таблиц стилей при определенных навыках не займет много времени. После окончания работ готовый дизайн нужно обязательно протестировать на локальном сервере, что бы избежать ошибок и долгого процесса переписывания кода, а так же повторного размещения на хостинге. Именно так выглядит процесс верстки и создания дизайна современных сайтов, так что следует прислушаться к основным его требованиям и пользоваться ими при создании сайтов. |