Задание 7 Создать в файле Lab7.html таблицу для шаблона сайта (см. рисунок 6), которая будет отвечать следующим требованиям:
Рисунок Образец выполнения задания 7
шапка таблицы должна состоять из двух ячеек;
размер левой верхней ячейки задать в зависимости от размера рисунка-фона;
фоном этой ячейки сделать изображение;
правая верхняя ячейка должна занимать все оставшееся место в окне браузера и иметь цвет фона подходящий под цветовую гамму изображения;
в верхней правой ячейке измените цвет текста и его выравнивание (согласно рисунку) и запишите в ней свою фамилию;
центральную (контентную) часть сделать высотой в 350 пикселей и задать цвет фона #fff3e5;
в центральной ячейке объединить две ячейки так, что бы получилась одна общая, установить выравнивание текста по ширине и по верхнему краю ячейки;
задать подвал таблицы высотой в 30 пикселей, текст выровнять по правому краю. Включить в подпись символ ©.
Задание 8 В файле Lab8.html создать таблицу размером 3х3, (пунктиром указаны границы ячеек).
Рисунок Образец для выполнения задания 3
Задать ширину и высоту таблицы и ячеек так, что бы ширина таблицы уменьшалась и увеличивалась при изменении размеров окна браузера, а высота была установлена равной высоте браузера.
Задание 9 Создайте файл anketa.html на своем домене.
Создать поля для ввода имени пользователя и пароля пользователя (символы, вводимые в поле Пароль должны отображаться звездочками).
Создать поля для ввода даты рождения. День и месяц рождения выбирается из выпадающего списка, а год вводится в ручную в поле ввода, причем количество вводимых символов не должно превышать четыре.
Создать переключатели для выбора пола. Реализовать возможность выбора только одного варианта.
Создать флажок, с текстом «Да, я желаю получать спам» с флажком, установленным по умолчанию.
Создать переключатели для выбора количества писем получаемых в день.
Создать список интересов с возможностью выбора нескольких элементов.
Добавить поле для ввода нескольких строк текста с дополнительной информацией о пользователе. Поле должно иметь размеры 7 строк и 30 столбцов.
Создать поле с кнопкой «Обзор» для загрузки файла изображения.
Создать две кнопки. Первую для передачи данных формы на сервер, а вторую для очистки формы.
Задание 10 Создайте html-файл (frame.html), состоящий из трех фреймов (см. рисунок 8).
Рисунок Образец разбивки на фреймы
Поместите файл на свой веб-сервер и дайте каждому фрейму уникальное имя.
Задайте левому фрейму фиксированную ширину в 234 пикселя с запретом изменять ширину фрейма.
В левый фрейм поместите файл меню (menu.htm), который будет состоять из списка лабораторных работ. Меню разместите в таблице, состоящей из 3-х строк, в каждую строку фоном поместите рисунок (см. рисунок 9).
Рисунок Образец меню
Задайте для каждой лабораторной работы ссылку на соответствующий документ, который будет открыт в правом нижнем фрейме.
В верхний фрейм поместите в качестве источника поисковую систему google.com.
Создайте в папке своего домена файла map.html, содержащий карту изображений.
Поместите в файл map.html изображение-карту г.Тюмени (см. рисунок 10)
Нанесите на карту ссылки на сайты административных округов.
Добавьте в файл, находящийся в левом фрейме ссылку на обе карты изображений.
Рисунок Карта г. Тюмени
|