- •Создание простейших html-документов. Работа со шрифтами, формирование абзацев. Создание списков, заголовков. Вставка изображений. Лабораторная работа Задание 1
- •Задание 2
- •Задание 3
- •Задание 4
- •7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 5
- •7. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Создание гиперссылки. Управление структурой web-документа через таблицы. Создание формы на странице сайта. Лабораторная работа Задание 1
- •3. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 2
- •4. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 3
- •4. Посмотрите, какие теги необходимо использовать для разметки этого задания:
- •Задание 4.
Задание 4.
-
Создайте web-страницу с помощью языка разметки гипертекста HTML по образцу (рисунок 31).
-
Сохраните ее под именем Главная.html
Рисунок 31 – Просмотр HTML-документа в браузере
-
В качестве заголовка web-страницы укажите свою фамилию и инициалы.
-
Цвет фона страницы установите небесно-голубой (sky blue).
-
Текст “Организация РУП «Белпочта»” оформите следующим образом: в виде бегущей строки, полужирное начертание, шрифт Monotype Corsiva, цвет – красный (red), размер 8.
-
Текст «приглашает на работу» оформите следующим образом: расположите по центру, шрифт Arial, курсивное начертание, цвет – пурпурный (purple), размер 6.
-
Добавьте две горизонтальные линии и расположите их по центру. Для первой линии установите длину – 50%, толщину – 6 пикселей, цвет – желтый (yellow). Для второй линии установите длину – 80%, толщину – 8 пикселей, цвет – оранжевый (orange).
-
Вставьте на веб-страницу сопроводительный рисунок. Расположите картинку по правому краю. Задайте следующий размер рисунку: ширина – 220 пикселей, высота – 250 пикселей. Задайте рамку вокруг картинки толщиной 4 пикселя.
-
Абзац страницы с перечнем требуемых специалистов оформите с помощью маркированного списка с квадратными маркерами следующим образом: шрифт Bookman Old Style, цвет – темно-синий (navy), размер 5.
-
Текст «Возможна подработка для студентов» оформите следующим образом: расположите по центру, шрифт Arial, подчеркнутое начертание, цвет – пурпурный (purple), размер 4.
-
Текст «Справки по телефонам: …» оформите следующим образом: расположите по левому краю, шрифт Bookman Old Style, цвет – зеленый (green), размер 5. Обратите внимание, что текст «Справки по телефонам:» выделен подчеркнутым начертанием, а оставшийся текст с контактной информацией выделен полужирным начертанием.
-
Создайте гиперссылку на web-страницу Форма регистрации.html Ссылкой является слово «Регистрация». Оформите ее следующим образом: расположите по правому краю, шрифт Algerian, цвет – красный, размер 5.
-
Создайте web-страницу Форма регистрации.html по образцу (рисунок 32). Для оформления формы используйте таблицу.
-
Создайте три однострочных текстовых поля разных размеров (ФИО, Телефон, Какую вакансию выбираете?).
-
Создайте переключатели (кнопки выбора «частичная» или «полная»).
-
Создайте раскрывающийся список с возможностью выбора одного элемента.
-
Создайте кнопку отправки содержимого формы серверу с названием «Регистрация» и расположите ее по правому краю формы.
Рисунок 32 – Просмотр HTML-документа в браузере
-
Предусмотрите возврат на главную страницу по ссылке «НАЗАД», которую расположите по центру формы.
-
На лазерном диске CD-RW сохраните созданную web-страницу.
-
Для отчета распечатайте web-страницу и HTML-код созданной web-страницы.