Internet-programmirovanie / ЛАБРАБ / Лаб1

3

Лабораторная работа № 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. Титульная страница, содержащая

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

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

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

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

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

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

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

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

Выводы.

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

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?