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

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

Полезности

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

Архив новостей

Декабрь 2018 (9)
Ноябрь 2018 (20)
Октябрь 2018 (29)
Сентябрь 2018 (14)
Август 2018 (16)
Июль 2018 (18)

Друзья проекта

1  2  3  4  5  5  7  8 

Авторизация

Опрос

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

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

Реклама

Реклама

Реклама

Реклама

Карта: 1, 2, 3, 4, 5, 6, 7, 8, 9

Счетчики


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

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

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

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

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

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

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

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

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

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





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


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

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

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

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

Информация

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