Практическая часть
Задание 1.
Вызовите текстовый редактор БЛОКНОТ. Наберите следующий ниже текст и сохраните под именем web1.html.
<HTML>
<HEAD>
<TITLE>Моя персональная страничка (заголовок для браузера)</TITLE>
</HEAD>
<BODY>
ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут (……………………).
</BODY>
</HTML>
Задайте цвет фона и цвет текста для Web-страницы, отличные от установленных по умолчанию.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Расположите каждую фразу в теле документа на новой строке.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Расположите текст в теле документа по центру.
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Выделите текст в теле документа стилем заголовок 1-го уровня (тег <H1>).
Загрузите файл web1.html в Internet Explorer. Оцените результат.
Задание 2.
Откройте файл web1.html в БЛОКНОТЕ и дополните тело документа нижеуказанным фрагментом. Пропуски в тексте заполните индивидуальной информацией. После редактирования файл web1.html сохраните под именем web2.html.
…
<HR>
<H2> Мой город </H2>
<p>Я живу в Минске
<H3 ALIGN =Left> Моя работа </H3>
<p ALIGN = Left> Я учусь в ……
<H4 ALIGN = Center> Мои увлечения </H4>
<p ALIGN = Center> Мои увлечения ‑ ……
<H5 ALIGN = Right> Мои коллеги </H5>
<p ALIGN = Right> Мои коллеги ….. </p>
<br>
<HR>
<H6 ALIGN = Center> Design by "…………" </H6>
Задайте цвет линий, их ширину и высоту, выравнивание по центру Web-страницы.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
В разделе Мои увлечения добавьте нумерованный список из 5 пунктов. Нумерацию выполнить римскими цифрами.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
В разделе Мои коллеги добавьте маркированный список из 5 пунктов. В качестве маркера использовать незакрашенный круг.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
Дополните описания списков всплывающими подсказками.
Загрузите файл web2.html в Internet Explorer. Оцените результат.
Задание 3.
Откройте файл web2.html в БЛОКНОТЕ и отредактируйте тело документа. После редактирования файл web2.html сохраните под именем web3.html.l
Задайте для каждого заголовка: цвет шрифта, размер (1..7), гарнитуру по своему выбору.
Загрузите файл web3.html в Internet Explorer. Оцените результат.
В разделе Мои увлечения нумерованный список из 5 пунктов отформатируйте курсивом (<I>).
Загрузите файл web3.html в Internet Explorer. Оцените результат.
В разделе Мои коллеги маркированный список из 5 пунктов отформатируйте жирным начертанием (<В>).
Загрузите файл web3.html в Internet Explorer. Оцените результат.
Раздел Design by выделите подчеркиванием.
Загрузите файл web3.html в Internet Explorer. Оцените результат.
Задание 4.
Создайте HTML-документ следующего вида:
Имя файла – web4.html
Заголовок документа <TITLE> - Советы по изготовлению страничек
Тело документа:
Тиканье, мерцание, перемещение, прокрутка…
Эти новые спецэффекты повсюду на Web.
Полезные советы!
- По возможности избегайте пиктограммы "В процессе производства";
- Не перегружайте страницу большими изображениями;
- Проверяйте орфографические ошибки;
- Проверяйте как можно чаще ссылки на странице.
Загрузите файл web4.html в Internet Explorer. Оцените результат.
Тело документа оформите с помощью контейнера <PRE>.
Загрузите файл web4.html в Internet Explorer. Оцените результат.
Задание 5.
Создайте документ, в котором текст будет организован с помощью списков терминов и определений. В список внесите следующие термины и их определения:
Сеть Интернет
Гипертекст
Обозреватель
<dl>
<dt>Сеть интернет
<dd>…..
<dt>Гипертекст
<dd> …..
<dt>Обозреватель
<dd> …..
</dl>
Сохраните документ под именем web5.html.
Выделите каждый термин красным цветом, жирным начертанием.
Загрузите файл web5.html в Internet Explorer. Оцените результат.
Контрольное задание.
Создать с помощью программы БЛОКНОТ гипертекстовый файл. Имя файла — фамилия на английском языке. Файл сохранить в личной папке.
Задать заголовок, отображаемый в строке заголовка окна браузера. Текст заголовка — фамилия на русском языке.
Установить выбранные цвета для фона и текста документа.
Написать название лабораторной работы заголовком первого уровня. Выровнять по центру.
Написать цель лабораторной работы самым крупным шрифтом. Выровнять по левому краю.
Создать список терминов и определений для следующих понятий:
WWW
HTML
Тег
Каждый термин и его определение отформатировать различными цветами и гарнитурами (Arial, Times, моноширинный шрифт). Сам термин должен быть выведен полужирным курсивом с подчеркиванием.
Создать нумерованный список тегов со вложенными маркированными списками тегов блочного уровня и тегов для форматирования текста.
Предъявить работу преподавателю (в браузере и Блокноте).