Наименование: Верстка сайта по созданному шаблону
1. Цель: Сверстать сайт интернета - магазина в соответствии с созданным на предыдущем занятии шаблоном. Формировать компетенции ОК 1, ОК 2, ОК 3, ОК 8, ОК 9; овладеть знаниями и умениями для освоения ПК 1.2, ПК 1.3, ПК 1.4, ПК 1.5
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.4 Текстовые редакторы
5. Задание:
5.3 Требуется разработать сайт в соответствии с подготовленным шаблоном.
5.4 Главная страница должна быть сверстана с учетом просмотра ее на различных устройствах с разными разрешениями, т.е. иметь адаптивную (“резиновую”) верстку для просмотра на компьютере при различных разрешениях.
|
|
6. Порядок выполнения работы:
6.1 По предложенной литературе изучить необходимый материал и ответить на вопросы для допуска к практическому занятию;
6.3 Выполнить задание практического занятия;
6.4 Дать ответы на контрольные вопросы;
7. Содержание отчета:
7.1 Наименование и цель работы
7.2 Скрины выполненного задания
7.3 Ответы на контрольные вопросы
7.4 Вывод о проделанной работе
8. Контрольные вопросы:
8.1 Какие веб – технологии были использованы при верстке сайта?
8.2 На каких устройствах (с каким расширением экрана) можно просматривать сайт?
ПРИЛОЖЕНИЕ:
Для создания адаптивного сайта используйте фреймворк Bootstrap, а точнее его сетку.