Задание 3.
Проделайте все примеры, приведенные в качестве иллюстраций в пункте 2.5 (рис. 2.14 – 2.21). Каждый пример должен быть реализован в виде отдельной страницы.
Создайте страницы со следующими заголовками:
Главная;
Новости;
Файлы.
Структура каждой из страниц должна соответствовать примеру, изображенному на рисунке:
Требования к страницам:
Высота и ширина таблицы — 100% от размера окна браузера.
Толщина линий сетки — 0.
Для каждой из гиперссылок явным образом прописать цвет ссылки при наведении указателя мыши, цвет ссылки до перехода, цвет ссылки после перехода.
Для текста на странице: шрифт — Arial, размер — 12пт, цвет — черный.
Для фона и графического объекта использовать рисунки, располагающиеся в папке «ris_zadanie».
В рабочей области страницы «Главная» должен располагаться текст следующего содержания: «Добро пожаловать на сайт, созданный Ивановым Иваном».
В рабочей области страницы «Новости» должна содержаться таблица следующей структуры:
В первом столбце — дата (выравнивание по центру), во втором столбце — текст новости (выравнивание по ширине).
В рабочей области страницы «Файлы» должны располагаться гиперссылки на документы MS Word с текстами лекций по курсу «Разработка Web-приложений», оформленные в виде нумерованного списка (нумерация — арабскими цифрами).
Задание 4.
Все необходимые для выполнения задания графические объекты находятся в папке «ris_zad»
C помощью программы GIMP проделайте пример, приведенный в качестве иллюстраций в пункте 2.6 – рис. 2.23 (каждая из страниц к которым осуществляется переход должна быть создана предварительно).
С помощью программы Map Designer в отдельном файле создайте графическое меню на основе изображения, находящегося в файле Menu.jpg (ссылки для соответствующих активных областей должны указывать на страницы сайта, созданного в рамках выполнения пункта задания к лекции 5).
Замените созданным графическим меню гипертекстовые ссылки, расположенные в левой области каждой из страниц сайта, созданного в рамках выполнения пункта 2 задания к лекции 5).
Задание 5.
1. Проделайте все примеры, приведенные в качестве иллюстраций в пункте 2.7 (рис. 2.24 – 2.40). Каждый пример должен быть реализован в виде отдельной страницы.
2. По приведенному ниже образцу создайте страницу с формой регистрации.
Обратите внимание, что выравнивание элементов управления и подписей к ним лучше всего проводить с помощью таблицы.
Для раскрывающегося списка «Город» используйте следующие варианты значений: Арзамас, Дзержинск, Кстово, Нижний Новгород.
По приведенному ниже образцу создайте форму авторизации. Обратите внимание, что при заполнении поля «Пароль» формы вводимый текст должен заменяться символом «*».
Свяжите страницы между собой с помощью гиперссылки, поставленной в соответствие слову «зарегистрируйтесь» на странице с формой авторизации.
