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

Наименование: Верстка сайта по созданному шаблону

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, а точнее его сетку.




Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: