Практическое занятие №18

Наименование: Создание шаблона для будущего сайта

1. Цель: Разработать шаблон сайта для интернета - магазина в соответствии с предоставленными прототипами страниц (Mockup). Формировать компетенции ОК 1, ОК 2, ОК 3, ОК 8, ОК 9; овладеть знаниями и умениями для освоения ПК 1.3

2. Подготовка к занятию: по предложенной литературе повторить тему «Дизайн и верстка веб сайта» и ответить на следующие вопросы:

2.1 Какие программные средства используются при подготовке шаблона сайта?

2.2 Что означает слово «адаптивность». Как добиться адаптивности сайта?

3. Литература:

3.1 Шомас Е.А. Веб – дизайн, учебное пособие. Самара, КС ПГУТИ, 2014

3.2 http://ruseller.com/adds.php?rub=12&id=1673 – Создаем сайт с нуля

4. Перечень оборудования и программного обеспечения:

4.1 ПЭВМ, подключенные к сети Интернет

4.2 Браузеры

4.3 Графический редактор Photoshop

5. Задание:

5.1 Разработать шаблон сайта для интернет-магазина «…» по продаже продуктов питания и напитков (например, чая, кофе и сопутствующих товаров или пиццы, ролов и напитков), используя вводные данные и требования. Дизайн вашего сайта должен эффективно поддерживать цели сайта – вы должны выбирать цвета, шрифты, графические элементы исходя из сферы деятельности организации (например, сине-голубая гамма цветов ассоциируется с корпоративным стилем).

5.2 Дизайн сайта должен использовать принцип единообразия в структуре страницы: единый размер элементов, одинаковую высоту навигационных кнопок, оформление заголовков, подзаголовков и основного текста, оформления ссылок и изображений для всех страниц сайта.

6. Порядок выполнения работы:

6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;

6.3 Выполнить задание практического занятия;

6.4 Дать ответы на контрольные вопросы;

7. Содержание отчета:

7.1 Наименование и цель работы

7.2 Скрины выполненного задания

7.3 Ответы на контрольные вопросы

7.4 Вывод о проделанной работе

8. Контрольные вопросы:

8.1 Опишите по шагам, что вы делали при создании шаблона сайта

ПРИЛОЖЕНИЕ: