- •Лабораторная работа №1 Создание простейших Web-страниц. Форматирование текста средствами языка html
- •Контрольные вопросы
- •Часть 1. Теоретические сведения. 1
- •Часть 2 . Практические задания 1-5 (использовать таблицы 1-2). 10
- •Часть 3. Выполнить контрольное задание 6. 12
- •Часть 1. Теоретические сведения. Общие положения языка html
- •Структура html-документа
- •Форматирование текста
- •3.1. Цвета в html-документе
- •3.2. Элементы форматирования на уровне блоков
- •3.3. Теги, задающие шрифт
- •Специальные теги html
- •Часть 2 . Практические задания 1-5 (использовать таблицы 1-2).
- •1.2 Расположите каждую фразу в теле документа на новой строке.
- •1.3 Расположите текст в теле документа по центру.
- •3.4 Раздел Design by выделите подчеркиванием.
- •5.1 Выделите каждый термин красным цветом, жирным начертанием.
- •Часть 3. Выполнить контрольное задание 6.
Часть 2 . Практические задания 1-5 (использовать таблицы 1-2).
Задание 1. Вызовите текстовый редактор БЛОКНОТ. Наберите следующий ниже текст и сохраните под именем web1.html.
<HTML>
<HEAD>
<TITLE>Моя персональная страничка (заголовок для броузера)</TITLE>
</HEAD>
<BODY>
ПРИВЕТ! Это моя личная домашняя страничка! Меня зовут (……………………).
</BODY>
</HTML>
1.1 Задайте цвет фона и цвет текста для Web-страницы, отличные от установленных по умолчанию.
Загрузите файл web1.html в Internet Explorer. Оцените результат (скриншот в отчет)..
1.2 Расположите каждую фразу в теле документа на новой строке.
Загрузите файл web1.html в Internet Explorer. Оцените результат (скриншот в отчет)..
1.3 Расположите текст в теле документа по центру.
Загрузите файл web1.html в Internet Explorer. Оцените результат (скриншот в отчет)..
1.4 Выделите текст в теле документа стилем заголовок 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>
2.1 Задайте цвет линий, их ширину и высоту, выравнивание по центру Web-страницы.
Загрузите файл web2.html в Internet Explorer. Оцените результат (скриншот в отчет)..
2.2 В разделе Мои увлечения добавьте нумерованный список сокурсники из 5 пунктов. Нумерацию выполнить римскими цифрами.
Загрузите файл web2.html в Internet Explorer. Оцените результат(скриншот в отчет)..
2.3 В разделе Мои с добавьте маркированный список из 5 пунктов. В качестве маркера использовать незакрашенный круг.
Загрузите файл web2.html в Internet Explorer. Оцените результат (скриншот в отчет)..
2.4 Дополните описания списков всплывающими подсказками.
Загрузите файл web2.html в Internet Explorer. Оцените результат (скриншот в отчет)..
Задание 3. Откройте файл web2.html в БЛОКНОТЕ и отредактируйте тело документа. После редактирования файл web2.html сохраните под именем web3.html.l
3.1 Задайте для каждого заголовка: цвет шрифта, размер (1..7), гарнитуру по своему выбору.
Загрузите файл web3.html в Internet Explorer. Оцените результат (скриншот в отчет)..
3.2 В разделе Мои увлечения нумерованный список из 5 пунктов отформатируйте курсивом (<I>).
Загрузите файл web3.html в Internet Explorer. Оцените результат (скриншот в отчет)..
3.3 В разделе Мои коллеги маркированный список из 5 пунктов отформатируйте жирным начертанием (<В>).
Загрузите файл web3.html в Internet Explorer. Оцените результат (скриншот в отчет).
3.4 Раздел Design by выделите подчеркиванием.
Загрузите файл web3.html в Internet Explorer. Оцените результат (скриншот в отчет)..
Задание 4. Создайте HTML-документ следующего вида:
Имя файла – web4.html
Заголовок документа <TITLE> - Советы по изготовлению страничек
Тело документа:
Тиканье, мерцание, перемещение, прокрутка…
Эти новые спецэффекты повсюду на Web.
Полезные советы!
- По возможности избегайте пиктограммы "В процессе производства";
- Не перегружайте страницу большими изображениями;
- Проверяйте орфографические ошибки;
- Проверяйте как можно чаще ссылки на странице.
Загрузите файл web4.html в Internet Explorer. Оцените результат (скриншот в отчет)..
4.1 Тело документа оформите с помощью контейнера <PRE>.
Загрузите файл web4.html в Internet Explorer. Оцените результат (скриншот в отчет).
Задание 5. Создайте документ, в котором текст будет организован с помощью списков терминов и определений. В список внесите следующие термины и их определения:
Сеть Интернет
Гипертекст
Обозреватель
<dl>
<dt>Сеть интернет
<dd>…..
<dt>Гипертекст
<dd> …..
<dt>Обозреватель
<dd> …..
</dl>
Сохраните под именем web5.html.