Статьи

Веб дизайн


Как самостоятельно создать шаблон дизайна сайта


Первым этапом создания сайта является разработка его дизайна. От внешнего вида и уникальности веб-страницы во многом зависит ее будущий успех в глобальной сети.

Существует большое множество бесплатных и платных шаблонов сайтов в Интернете, но доступ к ним имеют много желающих. Сайт, созданный из такого шаблона, не будет уникален, а оплата услуг веб-дизайнера по карману не каждому. Постараемся описать в этой статье как сделать свою уникальную неповторимую веб-страницу самостоятельно.
Начать разработку шаблона нужно с подготовки. Можно просмотреть сайты в интернете подобной тематики. Необходимо определиться с основными составляющими частями будущей веб-страницы. Часто практикуют предварительное создание эскиза сайта на бумаге. В процессе подготовки обычно возникают несколько вариантов оформления. При этом требуется определиться какой вариант лучше подойдет в конкретном случае.
Рисование дизайна осуществляется в графическом редакторе. Сам процесс рисования ограничен только фантазией и умением пользоваться редактором. Выбор программы не важен, главное чтобы она поддерживала все необходимые функции. Наиболее распространен программный пакет Adobe Photoshop. Данная программа содержит весь спектр функций для работы с изображениями.
После того как картинка создана, требуется разделить ее на части. Ведь в дальнейшем верстка сайта будет осуществляться таблично или блочно. Изображение после разрезки должно будет разместить в блоках или ячейках.
Каждый редактор содержит специальные инструменты для разрезания изображения. Нужно учитывать, что элементы, на которых будет расположен текст, могут растягиваться. Данные элементы при копировании не должны создавать эффект плитки.
Разрезанное изображение сохраняют в формате gif или jpg. Следующей операцией создается htm или html файл, в котором средствами языка HTML описывается размещение на странице изображений и текстовой информации. Далее необходимо отредактировать полученный файл htm: следует устранить разрывы в изображении и белые полосы, необходимо определить какие ячейки будут растягиваться. Возможно, с первого раза правильно разрезать и разместить куски изображения не получится, тогда придется повторить операцию для достижения лучшего результата.
В результате получаем файл index.htm и папку images, в которой расположены все элементы картинки, который уже и будет нашим шаблоном.
Дизайн – это один из основных компонентов, от которого зависит востребованность ресурса. Каждый может научиться самостоятельно создавать внешний вид своего будущего сайта. Необходимо тщательно подходить к этому вопросу и стремиться доводить работу до идеала.

По материалам студии интернет-проектов «Бакай»


Дата публикации: 2015-06-11
Прочитано: 649 раз


[ Назад | Начало | Наверх ]
Нет комментариев. Почему бы Вам не оставить свой?
Вы не можете отправить комментарий анонимно, пожалуйста зарегистрируйтесь.