2 семестр / Задания HTML

Вариант 1: Составить на языке HTML с использованием таблицы следующий фрагмент сайта Internet:

Картинка	Основные направления деятельности		Реклама продукции или товара (фрейм)
Меню из 3 пунктов (гиперссылки)	Структура фирмы	Оформить заказ (переход на страницу с формой)
Е-mail	Информация о Web-мастере

Строку "Структура фирмы" оформить в виде заголовка уровня 1 лилового цвета и далее привести описание структуры фирмы (перечислить отделы и службы).

Для ячейки "Основные направления деятельности" построить гиперссылку на файл, в котором содержатся соответствующие сведения. В ячейке "Картинка" построить ссылку на графический объект. «Информация о Web-мастере» - выполнить в виде бегущей строки.Фрагмент разместить в отдельной папке.

Реализовать заполняемую форму на получение IP-адресов. В форме используются следующие поля: Название организации, Страна (список, только страны Европы), Количество необходимых адресов, маска подсети (4 числа, три первые 255).

Вариант 2: Составить на языке HTML с использованием таблицы следующий фрагмент сайта Internet:

Картинка	Рекламные материалы
Меню из 4 пунктов (гиперссылки)	Структура фирмы (описание структуры фирмы)
	Информация (основные направления деятельности)
E-mail	Информация об авторе (Web-мастере)	Оформить заказ (переход на страницу с формой)

Строку "Структура фирмы" оформить в виде заголовка уровня 1.

В строке "Информация" текст вывести синим цветом. Для строки "Основные направления деятельности" построить гиперссылку на файл, в котором перечислены соответствующие сведения, построенные в виде упорядоченного (нумерованного) списка зеленым цветом. В ячейке "E-mail" построить ссылку на электронный адрес. «Информация об авторе (Web-мастере)» - выполнить в виде бегущей строки. Фрагмент разместить в отдельной папке.

Описание формы:

Центр изучения потребительского спроса собирает информацию о потребляемых соках в областных городах Беларуси. Используются следующие поля: Фирма производитель, Название, Концентрация (не больше 100% и не меньше 50%), Цена. Способ приготовления (переключатель) например: из концентрированного сока, из сухих материалов и т.д., содержание заменителя сахара (флажок). Кроме того определена категория сока (переключатель «нектар/сок»), в случае нектара количество витамина C намного меньше.

Вариант 3: Построить страничку "Отделение железной дороги" следующей структуры:

Логотип	Название и размещение		Список маршрутов (фрейм)
	Руководители подразделений и их телефопы	Меню из 3 пунктов (гиперссылки)
Е-mail	Оформить заказ билетов (переход на страницу с формой)

Описание формы для заказов билетов на поезда. Используются следующие поля: Номер поезда, категория поезда (переключатель, может принимать два состояния – поезд местного формирования и проходящий поезд), Направление поезда (выпадающий список, например: Могилёв-Минск, Могилёв-Орша), Название поезда (например: «Красная стрела»), Количество билетов, Класс желаемых вагонов (элементы списка: люкс, спальный, купе, плацкарт, общий).

Вариант 4: Составить на языке HTML с использованием таблицы следующий фрагмент сайта Internet для фирмы, проводящей запись пользователей на Интернет-курсы по общеобразовательным предметам:

Логотип	Прайс-лист (гиперссылка)	Отзывы(гиперссылка)
Сроки проведения курсов (фрейм)	Общие сведения о фирме
E-mail	Записаться на курсы (переход на страницу с формой)

Форма должна содержать поля: Фамилию, Имя, Отчество, Дату Рождения, Адрес. Также должна содержать переключатели с выбором М/Ж пола. Checkbox с возможностью множественного выбора общеобразовательных предметов интересующих пользователя, выпадающий список с возможностью выбора образования.

Вариант 5: Составить на языке HTML с использованием таблицы следующий фрагмент сайта Internet:

Меню из 4 пунктов (гиперссылки)	Основные направления деятельности библиотеки		Поиск книг(переход на форму)
Логотип	Структура библиотеки	Е-mail и телефоны	Информация о Web-мастере

Строку "Структура библиотеки" оформить в виде заголовка уровня 1 и далее привести описание структуры (перечислить отделы и службы). «Информация о Web-мастере» - выполнить в виде бегущей строки.

Для ячейки "Основные направления деятельности" построить гиперссылку на файл, в котором содержатся соответствующие сведения.

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

Вариант 6: Построить страничку Интернет "Автовокзал".

Карта области с маршрутами (картинка)	Название и размещение		Оформить заказ билетов (переход на страницу с формой)
	Список маршрутов (фрейм)	Дополнительные услуги Меню из 3 пунктов (гиперссылки)
Е-mail	Расписание работы (бегущая строка)

Описание формы для заказов билетов. Используются следующие поля: Номер маршрута, Категория маршрута (переключатель, может принимать два состояния –местного отправления или проходящий), Направление маршрута (выпадающий список, например: Могилёв-Минск, Могилёв-Орша), Количество билетов, Вид билета (элементы списка: жесткий, мягкий, без места).

Вариант 7: Составить на языке HTML следующий фрагмент сайта Internet:

Логотип	П1 (гиперссылка)	П2 (гиперссылка)
Прайс-лист	Общие сведения о фирме
Зарегистрироваться (переход на форму)	Информация о владельце фирмы (бегущая строка)

Информацию в ячейке "Общие сведения о фирме" выровнять по центру и отобразить жирным текстом. Скрыть рамки таблицы.

Создать форму для дилерской регистрации на сайте торговой фирмы. Форма должна содержать следующие поля: Наименование фирмы дилера, Город (Поле с выпадающим списком обл. центров Беларуси), Адрес, Телефон, E-mail, Web-сайт.

Вариант 8: Составить на языке HTML следующий фрагмент сайта Internet:

Название фирмы	Основные направления деятельности	Как нас найти
Меню в виде списка из 4-х пунктов (гиперссылки)	Структура фирмы	Оформить перевод (переход на форму)
Е-mail	Реклама (бегущая строка)

Строку "Структура фирмы" оформить в виде заголовка уровня 2.

Для ячейки "Основные направления деятельности" построить гиперссылку на файл, в котором содержатся соответствующие сведения. В ячейке "Как нас найти" построить ссылку на графический объект.

Создать форму для перевода денег кредитными картами. Форма должна содержать следующие поля: Номер счёта, номер кредитной карты, код карты (3 цифры), дата окончания срока действия карты (два выпадающие списка с месяцем и годом). Выбор валюты сделать с помощью переключателя (USD, EURO). Форма также должна содержать кнопку «Перевести».

Вариант 9: Составить на языке HTML следующий фрагмент сайта Internet:

Логотип	Название фирмы
Регистрация (переход на форму)	Структура фирмы (описание структуры фирмы)
	Информация (основные направления деятельности)
E-mail	Рекламный слоган (бегущая строка)

Строку "Структура фирмы" оформить в виде заголовка уровня 1.

В строке "информация" вывести информацию синим цветом. Для строки "Основные направления деятельности" построить гиперссылку на файл, в котором перечислены соответствующие сведения, построенные в виде упорядоченного (нумерованного) списка зеленым цветом. В ячейке "E-mail" построить ссылку на электронный адрес. Создать форму для регистрации аккаунта на почтовом сервере. Форма должна содержать следующие поля: Имя, Фамилия, Имя для входа (логин), Пароль, Подтверждение пароля, Секретный вопрос, Ответ, Страна (выпадающий список из 10 стран.). Также форма должна содержать переключатель «Запомнить меня на этом компьютере»

Вариант 10: Составить на языке HTML следующий фрагмент сайта Internet:

Логотип	История фирмы (гиперссылка)	Руководство фирмы (гиперссылка)	Адрес фирмы (гиперссылка)
Реклама (фрейм)	Общие сведения о фирме (Сотовая компания)
E-mail	Регистрация (переход на форму)

Информация, вызываемая по гиперссылкам, должна быть записана в отдельных файлах.

Информацию в ячейке "Общие сведения о фирме" выровнять по центру и отобразить жирным текстом. Скрыть рамки таблицы.

В форме должна содержаться такая информация:

• Фамилия, Имя, Отчество абонента

• Телефонный номер абонента

• Тарифный план абонента – выпадающий список

• Сумма денежных средств затраченных на оплаты телефонных разговоров

• Независимый переключатель “Хотите поменять тарифный план”

Вариант 11: Составить на языке HTML с использованием таблицы следующий фрагмент сайта Internet:

Картинка	Основные направления деятельности		Реклама продукции или товара (фрейм)
Меню из 3 пунктов (гиперссылки)	Структура фирмы	Оформить заказ (переход на страницу с формой)
Е-mail	Информация о Web-мастере

Строку "Структура фирмы" оформить в виде заголовка уровня 1.

В строке "Информация о Web-мастере" текст вывести синим цветом. Для строки "Основные направления деятельности" построить гиперссылку на файл, в котором перечислены соответствующие сведения, построенные в виде упорядоченного (нумерованного) списка зеленым цветом. В ячейке "E-mail" построить ссылку на электронный адрес. «Информация об авторе (Web-мастере)» - выполнить в виде бегущей строки. Фрагмент разместить в отдельной папке.

Описание формы:

Центр изучения потребительского спроса собирает информацию о потребляемых соках в областных городах Беларуси. Используются следующие поля: Фирма производитель, Название, Концентрация (не больше 100% и не меньше 50%), Цена. Способ приготовления (переключатель) например: из концентрированного сока, из сухих материалов и т.д., содержание заменителя сахара (флажок). Кроме того определена категория сока (переключатель «нектар/сок»), в случае нектара количество витамина C намного меньше.