-Поиск по дневнику

Поиск сообщений в Фитнес_красота_здоровье

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 11.04.2009
Записей: 15640
Комментариев: 45300
Написано: 67279


Как самому нарисовать шаблон сайта?

Понедельник, 02 Сентября 2013 г. 00:08 + в цитатник
Makita87 все записи автора 86197647_52222665 (136x14, 0Kb)

Вариаций готовых шаблонов для создания сайтов можно найти в интернете огромное количество. Но какими бы красивыми и удобными они не были, все же такие шаблоны не уникальны.
Для того чтобы дизайн собственного веб-ресурса был в единственном экземпляре и больше ни у кого не встречался, можно воспользоваться услугами профессионального веб-дизайнера, заплатив соответственно за его труды кругленькую сумму, в несколько раз превосходящую сумму оплаты услуги аренда сервера  vds и vps или же попробовать создать неповторимый шедевр самостоятельно.
В отличие от сложившегося мнения процедура создания подходящего шаблона для своего сайта не является невыполнимой задачей. Достаточно иметь хотя бы небольшие навыки работы в Photoshop и собственно саму программу на компьютере.
Прежде чем запускать ее в работу следует провести некоторую предварительную подготовку. К этому моменту необходимо иметь представление о внешнем виде вашего шаблона.
Чтобы он оказался как можно более удачным, важно просмотреть около сотни уже предлагаемых в сети вариантов шаблонов. Стоит посетить сайты конкурентов, базирующиеся на разных хостингах, от бесплатного до тех, кто использует услугу аренда сервера, и посмотреть, какие особые «фишки» в их дизайне были использованы. Отметьте, что понравилось, а что применять вы бы не стали.
Сделав предварительный анализ, сделайте наброски для собственного сайта. Лучше всего это делать в цвете, используя цветные карандаши, и на формате А4. Как только составится общая картина внешнего вида сайта, можно приступать к работе с Фотошопом.
Запустив программу, выбираем создание нового проекта, указываем его размер (1200х1600), устанавливаем фон (прозрачный). Включаем параметры – Линейка, Просмотр+Привязка.
Создаем направляющие, которые будут играть роль границ различных элементов шаблона – сколько и каких колонок планируется. Выставляем границы для шаблона, определяющие его левую и правую стороны и вертикаль, отделяющую шапку.
Подбираем понравившийся фон – картинка небольшого размера, рисунок которой повторяется. Открыв ее в программе создания проекта, копируем и заполняем фон, столько раз вставляя ее, сколько понадобится. Воспользовавшись инструментом «Карандаш», прорисовываем все границы шаблона по предварительно сделанным контурам. Получилась основа, на которую теперь можно наносить кнопки навигации, меню и декоративные элементы по своему усмотрению.
Созданный проект разрезаем на части, чтобы вставить их в html-код, используя инструмент «Раскройка» и сохранив полученные кусочки командой «Сохранить в Веб» в папке «Images».