Как выбрать шаблон для тренировочной верстки?
Сегодня я бы хотела поговорить о шаблонах для верстки.
Какой шаблон стоит выбрать? Где его найти? С чего начать верстку? - самые популярные вопросы начинающих верстальщиков, которые иногда заводят в тупик.
Начнем по порядку!
Для начала разберемся что же из себя представляет шаблон. Шаблон - некая страница, в формате .psd, которая отражает дизайн сайта (e-mail рассылки), его размеры и расположение элементов.
Каждый элемент шаблона изображен на отдельном слое для возможности изменить его внешний вид при необходимости.
На просторах Интернета существует немало сайтов с большим количеством бесплатных шаблонов, например:
Font-Family
http://font-family.ru/luchshie-besplatnye-psd-makety-sajtov-dlya-verstki/
PDS HTML CSS
http://psd-html-css.ru/
RuSeller
http://ruseller.com/adds.php?rub=36
Шаблон для своей первой верстки я выбрала на сайте http://ru.365psd.com/.
Какой шаблон стоит выбрать? Где его найти? С чего начать верстку? - самые популярные вопросы начинающих верстальщиков, которые иногда заводят в тупик.
Начнем по порядку!
1. Где найти шаблон для верстки?
Для начала разберемся что же из себя представляет шаблон. Шаблон - некая страница, в формате .psd, которая отражает дизайн сайта (e-mail рассылки), его размеры и расположение элементов.
Каждый элемент шаблона изображен на отдельном слое для возможности изменить его внешний вид при необходимости.
На просторах Интернета существует немало сайтов с большим количеством бесплатных шаблонов, например:
Font-Family
http://font-family.ru/luchshie-besplatnye-psd-makety-sajtov-dlya-verstki/
PDS HTML CSS
http://psd-html-css.ru/
RuSeller
http://ruseller.com/adds.php?rub=36
Шаблон для своей первой верстки я выбрала на сайте http://ru.365psd.com/.
2. Какой шаблон выбрать?
Критерии, которыми стоит руководствоваться при выборе шаблона:
- размеры страницы не более 1000х2500;
- 4-5 горизонтальных блоков;
- горизонтальное меню;
- несколько столбцов;
- кнопки;
- элементы. которые меняются в цвете при наведении;
- около 5 картинок разных по размеру и расположению на странице.
По таким параметрам я ориентировалась в выборе шаблона, ведь нужно выбрать такой, на котором можно отработать всю базовую теорию верстки!
Если есть чувство, что самостоятельно сверстать шаблон пока не можете, советую обратиться к роликам на YouTube. Там можно найти видео-уроки по верстке определенного макета.
Все просто: открываете видео-урок, скачиваете шаблон, верстаете вместе с автором видео. который все доступно объясняет и ваш первый сайт ГОТОВ!
Я поступила так: выбрала шаблон, верстала по примеру.
В YouTube я нашла отличную серию видео-уроков для новичков. Состоит из из 4-х частей. В каждой из которых верстается один горизонтальный блок (секция).
Если соберетесь верстать страницу - выделите на это день, а то и два! Чтобы лучше разобраться. все понять и осознать.:)
3. С чего начать верстку?
Я поступила так: выбрала шаблон, верстала по примеру.
В YouTube я нашла отличную серию видео-уроков для новичков. Состоит из из 4-х частей. В каждой из которых верстается один горизонтальный блок (секция).
Если соберетесь верстать страницу - выделите на это день, а то и два! Чтобы лучше разобраться. все понять и осознать.:)
В следующем посте, я подробнее расскажу о самом процессе верстки шаблона (с наглядными) примерами.
Удачи!
Как называется этот шаблон?
ОтветитьУдалитьStudio Nanx. Вот ссылка http://ru.365psd.com/psd/banx-free-psd-template-56885
УдалитьСпасибо за ваш блог, очень познавательно. Со своей стороны посоветую вам создать сайт с помощю сайта templatemonster та эсть какие угодно шаблоны сайтов html5 , которые вам точно понадобятся
ОтветитьУдалить