4. Содержание отчета:

4.1 Наименование и цель работы

4.2 Код программы

4.3 Ответы на контрольные вопросы

4.4 Вывод о проделанной работе

5. Порядок выполнения работы:

5.1 Создайте свою папку, куда в дальнейшем будете размещать свои документы.

5.2 Запустите Блокнот.

5.3 Наберите HTML – код своей программы.

5.4 Сохраните свой документ с расширением *.html, для чего в меню файл выберите команду Сохранить как... Из перечня Тип файла выберите Все файлы.

5.5 Откройте свой файл и просмотрите результат.

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

6.1 Для каких целей применяются формы на веб - страницах?

6.2 В чем отличие кнопки – переключателя и кнопки - флажка?

ПРИЛОЖЕНИЕ:

Формы помогают организовать взаимодействие пользователя с авторами сайта. Главное при создании форм – следить за тем, чтобы предложенные вами поля были удобны для посетителей и приемлемы для ответов на ваши вопросы.

Форма определяется тэгами: <FORM>...</FORM>. Тег <FORM> всегда записывается с обязательным атрибутом ACTION, который используется для того, чтобы соединить вашу форму с программой по сбору данных.

<FORM ACTION="URL"> Содержание формы с тегами и атрибутами. </FORM>

Содержание формы - это теги для сбора данных (они всегда используются вместе с атрибутами): <INPUT> - это тег для сбора информации от посетителей ваших страниц и её сохранения для последующей обработки. NAME=".." - это атрибут - метка, для обработки собранных данных механизмом CGI. TYPE=".." - это атрибут, который указывает на способ обработки собранных данных. Атрибуты NAME и TYPE используются совместно с тегом INPUT

<FORM ACTION="URL"> <INPUT NAME="метка 1"> <INPUT TYPE="submit"> Остальная часть формы... </FORM>

Практическая работа № 12

Наименование: Создание простой таблицы CSS для HTML – документа

1. Цель: Научится применять таблицы стилей при оформлении вед - страницы

2. Литература:

2.1 Квинт И. HTML и CSS на 100%. – СПб.: Питер, 2008с.

3. Задание:

3.1 В строке заголовка должен отражаться номер практической работы

3.2 В теле документа создайте заголовок первого уровня, где укажите наименование работы. Заголовком второго уровня – цель работы.

3.3 Создать html – страницу с заголовком h1 – Моя страница

Далее идет текст в §1

Заголовок h2

Далее идет текст в §2 и ссылка на любой документ

Заголовок h2

Далее идет текст в §3 и две ссылки

3.4 В таблице CSS создать правила для html – страницы

Вариант 1

1. h1 – синего цвета

2. §1 – черного цвета

3. §2 – красного цвета

4. Все h2 – зеленого цвета

5. Ссылки: непосещенные – желтые, с нижним подчеркиванием;

посещенные – красные, с верхним подчеркиванием;

под указателем мыши – черные, без подчеркивания;

активные – фиолетовые, без подчеркивания.

Вариант 2

1. h1 – зеленого цвета

2. §1 – синего цвета

3. §2 – черного цвета

4. Все h2 – красного цвета

5. Ссылки: непосещенные – розового, с нижним подчеркиванием;

посещенные – желтого, с верхним подчеркиванием;

под указателем мыши – зеленого, без подчеркивания;

активные – оранжевого, без подчеркивания.