JoomDom - Скачать шаблоны для Joomla, модули и компоненты для сайтов бесплатно.

Карта сайта Контакты Главная

Полезности

Наши партнеры

1  2  3  4  5  5  7  8 

Авторизация

Опрос

Мои среднемесячные расходы на хостинг

Больше 1001 руб.
От 501 до 1000 руб.
От 201 до 500 руб.
от 1 до 200 руб.
Пользуюсь бесплатным

Реклама

Реклама

Реклама

Реклама

Счетчики


Яндекс.Метрика

В интернете полно ресурсов, предоставляющих шаблоны для сайтов, но они имеют существенный минус – они не уникальны. Дабы такого не случилось, и дизайн сайта был особенным, есть два варианта, заказать сайт у профессионала своего дела или же создать его самому.

Чтобы начать эту операцию самостоятельно установите Adobe Photoshop. Именно с этой программой рекомендует работать веб-студия Территория креатива.

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

Второй шаг. После анализа шаблонов, стоит приступить к созданию примерного наброска сайта, сделать его лучше всего от руки на листе А4, не пренебрегая цветами карандашей. Рисовать нужно карандашами, дабы исправить что-то, если будет нарисована какая-то деталь не так или не точно.

Третий шаг. Теперь приступаем к работе с Фотошопом. Открываем Adobe Photoshop и создаем проект 1200х1600 с прозрачным фоном. Смотрим, есть ли на экране инструмент «Линейка», если нет, тогда выполняем операцию: Ctrl+R. После привязываем: «Просмотр» - «Привязка».

Четвертый шаг. Разделяем шаблон на строки, колонки и т.п. Делается это с помощью вертикальных и горизонтальных линий.

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

Шестой шаг. Теперь у нас готов шаблон для сайта с разметкой необходимых колонок и строчек, после этого все пространство заполняется кнопками, меню, другими элементами, чтобы их добавить стоит найти в интернете статьи, которые посвящены работе с Photoshop.

Седьмой шаг. Осталось только раскроить шаблон на кусочки, чтобы было можно вставлять в html-страницу. Разрезаем с помощью «Раскройка». Находится инструмент в меню «Рамка», нажимаем на «Рамка» правой кнопкой и дальше выбираем «Раскройка». Чтобы сохранить так, как надо нажимаем на «Файл» «Сохранить для Web».





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


Опубликовано: 26-10-2015, 11:23   Комментариев Категория: Статьи Просмотров Просмотров: 1096

Другие новости на эту тему:

Теги к статье:

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.