Упражнения

1. Скачайте Open Server – портативную программную платформу для Веб-разработки. Установите ее на локальный носитель - USB флеш диск (в директорию OpenServer).

2. Разместите в корневой директории локального веб сервера (OpenServer/domains/localhost) несколько html файлов. Просмотрите их по HTTP протоколу через локальный веб сервер.

3. Откройте фрейм инструментов разработчика IE (F12)

   1. Рассмотрите содержание и структуру HTTP запроса к локальному веб серверу при запросе html файлов.

   2. Рассмотрите содержание и структуру HTTP ответа к локальному веб серверу при запросе html файлов.

   3. Проделайте то для HTTP запросов и ответов при просмотре файлов изображений, предварительно разместив их в директории localhost, обслуживаемой локальным веб сервером.

Задание

1. Разместите разрабатываемый сайт интернет магазина на локальном веб сервере. Убедитесь в его корректной работе. Просмотрите и проанализируйте HTTP запросы и ответы при просмотре страниц сайта.

2. Используя FTP клиента, разместите копию разрабатываемого сайта на внешнем веб сервере (sandbox.mmc.nsu.ru). Убедитесь в его корректной работе.

3. С помощью инструментов разработчика просмотрите HTTP запросы и ответы IE к удаленному веб-серверу. Проанализируйте их.

Занятие 6. Html формы и работа с Cookies Упражнения

1. Ознакомьтесь с редакторм notepad++ , имеющим встроенные средства синтаксического анализа текстов на различных языках, в том числе html и css.

2. Создайте страницу с простой HTML формой. В качестве обработчика формы используйте файл request_test.php, разместив его на локальном сервере.

3. Рассмотрите поведение различных элементов HTML форм на странице и данные, отправляемые этими формами обработчику.

4. Установите с помощью включения в HTML страницу тега META ключик на сеанс.

5. Убедитесь с помощью инструментария разработчика в IE, что ключик установлен и передается на сервер.

6. Размещая на различных веб серверах (localhost, sandbox.mmc.nsu.ru) скрипт request_test.php, анализируйте отправляемы в HTTP запросы параметры, ключики и данные.

7. Уберите с помощью тега МЕТА с просроченной датой установленный ключик.

Задания

1. Создайте на сайте интернет магазина страницу обратной связи. Форма, размещенная на сайте должна собирать данные о пользователе, на локальном веб сервере. Убедитесь в его корректной работе.

2. Используя FTP клиента, разместите копию разрабатываемого сайта на внешнем веб сервере. Убедитесь в его корректной работе.

3. С помощью инструментов разработчика просмотрите HTTP запросы и ответы IE к удаленному веб-серверу. Проанализируйте их, выделите

Занятие 7. Css – основы синтаксиса и быстрый старт Упражнения

1. Создайте внешнюю таблицу стилей и примените ее к тестовой html странице.

2. Задавайте различные значение изученных свойств к элементам документа и просмотрите их влияние на внешний вид страницы.

3. Задайте для документа стили уровня документа, а для некоторых элементов и внутренние стили, так, чтобы CSS правила каскадировались.

4. С помощью инструментов разработчика встроенных в IE (F12) рассмотрите каскады стилей для различных элементов документа. Посмотрите различные опции инструментария в отношении стилей, в том числе блокировку правил.