18

Міністерство освіти і науки України

ОДЕСЬКИЙ НАЦІОНАЛЬНИЙ ПОЛІТЕХНІЧНИЙ УНІВЕРСИТЕТ

МЕТОДИЧНІ ВКАЗІВКИ

ДО ЛАБОРАТОРНИХ ЗАНЯТЬ

З ДИСЦИПЛІНИ

«ПРОГРАМУВАННЯ ІНТЕРНЕТ»

Одеса: ОНПУ, 2016

Міністерство освіти і науки України

ОДЕСЬКИЙ НАЦІОНАЛЬНИЙ ПОЛІТЕХНІЧНИЙ УНІВЕРСИТЕТ

МЕТОДИЧНІ ВКАЗІВКИ

ДО ЛАБОРАТОРНИХ ЗАНЯТЬ

З ДИСЦИПЛІНИ

«ПРОГРАМУВАННЯ ІНТЕРНЕТ»

для студентів напряму

6.050103 — Програмна інженерія

Затверджено

на засіданні кафедри

системного програмного забезпечення

Протокол № 6 від 21.11.16

Одеса: ОНПУ, 2016

Методичні вказівки до лабораторних занять з дисципліни «Програмування Інтернет» для студентів напряму 6.050103 — Програмна інженерія / Укл.: В.С. Кавіцька, В.Т.Роговський. — Одеса: ОНПУ, 2016. — c.

Укладачі: В.С.Кавіцька, старш. викл.,

В.Т.Роговський, к.т.н., доц.

Лабораторная работа № 1 Разработка стартовой страницы web-приложения.

Цель работы. Получить практические навыки создания HTML-страниц с использованием CSS.

Задание для выполнения

1. Разработать структуру приложения “Интернет-магазин” и его системы администрирования (перечень страниц и их взаимосвязи)

2. Разработать стартовую страницу WEB-приложения.

3. Разработать страницу стилей в соответствии с заданием

Варианты заданий (номер варианта соответствует номеру студента в журнале группы)

Вариант	Тип продукции Интернет-магазина	Селекторы стилей
		Теги	Классы	Иденти- фикаторы	Псевдоклассы
1	Компьютерные комплектующие	2		3
2	Телевизоры		3		2
3	Продукты	1	2	2
4	Обувь		2	3
5	Одежда	2		2	1
6	Мебель		1	3	1
7	Книги	3	2
8	Программное обеспечение		3	1	1
9	Бытовая техника	1	3		1
10	Автомобили	1	2	1	1
11	Автозапчасти	2	2		1
12	Строительные материалы	1	1	2	1
13	Косметика	3		1	1
14	Хозяйственные товары	1		2	2
15	Канцелярские товары	1	2	2
16	Мобильные телефоны		2	1	2
17	Игрушки	2	1		2
18	Подарки		2	2	1
19	Ювелирные изделия	3	1		1
20	Сантехника		3	1	1
21	Часы	1	2	1	1
22	Напитки	2	2		1
23	Спортивные товары	2	1	2
24	Бытовая химия		1	2	2
25	Инструменты	3	1		1
26	Музыкальные товары	1	2		2
27	Аудио и видео диски	1	3	1
28	Аудио аппаратура	1	1		3
29	Мотоциклы	2	2	1
30	Посуда		3	1	1

Пояснения к заданию.

1. Структура приложения должна содержать схематичное изображение страниц приложения с указанием их связей с базой данных и между собой.

2. Стартовая страница приложения должна содержать

   • Заголовок страницы, содержащий название приложения.

   • Меню приложения (слева), содержащее не менее пяти пунктов.

   • Контактная информация

   • Поля для авторизации посетителей (логин, пароль)

   • Не менее трех рисунков продукции магазина

3. Страница стилей должна содержать не менее пяти стилей c использованием селекторов-тегов, селекторов-классов, селекторов-идентификаторов и селекторов-псевдоклассов в соответствии с таблицею задания

Содержание отчета о лабораторной работе

1. Титульная страница, содержащая

   • название учебного заведения и кафедры

   • номер и тему лабораторной работы

   • номер группы и фамилию студента

   • фамилию преподавателя

2. Название приложения и его структура (страницы, доступные пользователю и их связи)

3. Структура системы администрирования приложения (страницы и их связи)

4. Внешний вид и HTML-код стартовой страницы приложения

5. Код страницы стилей

6. Выводы.

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

1. Какова структура HTTP-сообщения?

2. Какие методы используются в HTTP-запросах?

3. Какова структура HTTP-ответа?

4. Для чего используются методы GET, POST, PUT, LINK, DELETE?

5. В чем заключается сущность HTML кодирования?

6. Для каких целей используется язык JavaScript?

7. Для каких целей используется язык PHP?

8. Какова структура HTML-документа?

9. Какие теги может содержать заголовок HTML-документа ?

10. Каково назначение тега <meta> ?

11. Каково назначение тега <title> ?

12. Каково назначение тега <link> ?

13. Какие теги используются для создания списков в HTML-документе?

14. Какие теги используются для гиперссылок в HTML-документе?

15. Каким образом вставляется изображение в HTML-документ?

16. Каким образом вставляется таблица в HTML-документ?

17. Для чего используются формы в HTML-документе?

18. Каково назначение таблиц стилей CSS?

19. Какие способы используются для добавления стилей CSS в HTML-документ ?

20. Для чего используются классы в таблицах стилей?

21. 4 Для чего используются идентификаторы в таблицах стилей?

22. Каков общий вид правила записи стиля в CSS?

23. Как определяется стиль и вид текста в CSS?

24. Какие типы селекторов используются в СSS?

25. Как определяется цвет в CSS?

26. Как создаются списки в CSS?

27. Какие единицы измерения и как используются в CSS?