Выбрать пункт меню File-New

2. Создать Web-страницу:
Ввести заголовок страницы: My first Home Page
(Моя первая базовая страница).
Организовать абзац с содержанием:Hello, World!
(Здравствуй, мир!)
Сохранить страницу в каталог HTML под именем d1_1.html.
Просмотреть страницу с помощью браузера: Internet Explorer.

3. Работаем с созданной Web-страницей:
Организовать другой абзац с содержанием:
“Среди ключевых технологий, на которых держится современная сеть Internet, одной из важнейших и, как это ни странно, вызывающих наиболее ожесточенные споры является язык HTML, предназначенный для разметки и оформления документов World Wide Web.”
Сделать переход на новую строку и набрать:

“Необычайно интересно проследить историю развития этого языка - историю, в которой столкнулись противоположные подходы к проблеме компьютерного представления текста, и которая послужила ареной сотрудничества и противоборства крупнейших компьютерных компаний, определяющих пути развития и будущее Internet.”

Сохранить страницу в каталог HTML под именем d1_1.html.

Просмотреть страницу с помощью браузера.

4. Продолжаем работать с созданной Web-страницей:

4.1 Вводим внутренние заголовки документа:
Using Heading Levels(Использование внутренних уровней заголовка).

4.2 Вставить в документ тег <Н1> и ввести заголовок:
This is a level 1 heading(заголовок уровня 1).

4.3 Вставить в документ тег <Н2> и ввести заголовок:
This is a level 2 heading(заголовок уровня 2).

4.4 Вставить в документ тег <Н3> и ввести заголовок:
This is a level 3 heading(заголовок уровня 3).

4.5 Вставить в документ тег <Н4> и ввести заголовок:
This is a level 4 heading(заголовок уровня 4).

4.6 Вставить в документ тег <Н5> и ввести заголовок:
This is a level 5 heading(заголовок уровня 5).

4.7 Вставить в документ тег <Н6> и ввести заголовок:
This is a level 6 heading(заголовок уровня 6).

Сохранить страницу под именем d1_1.html.

Просмотреть страницу с помощью браузера.

5. Продолжаем работать с созданной Web-страницей:

5.1 Ввести заголовок страницы: Using Paragraphes
(Использование абзацев).

5.2 Вставить в документ заголовок: Example of
Paragraph Formatting(Примеры форматирования абзацев)

5.3 Вставить и ввести содержание первого абзаца:
This is paragraph 1(Это абзац 1).

5.4 Вставить и ввести содержание второго абзаца:
This is paragraph 2.
This is was tacked on the end of paragraph 2.
(Это абзац 2. Это было добавлено в конце абзаца 2)

5.5 Вставить и ввести содержание третьего абзаца:
This is paragraph 3 (Это абзац 3).

Сохранить страницу под именем d1_1.html.

Просмотреть страницу с помощью браузера.

6. Продолжаем работать с созданной Web-страницей:

6.1 Ввести заголовок страницы: Using Line Breaks
(Использование обрыва строки).

6.2 Вставить в документ заголовок: Example of Line Breaks
(Примеры обрыва строки).

6.3 Во второй абзац вставить метку перехода на новую строку после слов:This is paragraph 2 и добавить следующее содержимое.

«В языке HTML нет никаких средств для создания абзацного отступа (красной строки), поэтому для удобства между абзацами обычно вводят пустую строку. Для создания разделителей в тексте используются горизонтальные полоски - линейки, они создаются с помощью дескриптора HR ».

6.4 Во второй абзац вставить метку перехода на новую строку после слов: This is was tacked on the.

6.5 Вставить и ввести содержание третьего абзаца:
This is paragraph 3(Это абзац 3) со следующим содержимым.

«Все лишние пробелы между словами и переходы на новую строку при воспроизведении документа игнорируются. Для перехода на новую строку без создания абзаца используется дескриптор BR или PRE ».

Сохранить страницу под именем d1_1.html.

Просмотреть страницу с помощью браузера internet Explorer.

7. Продолжаем работать с созданной Web-страницей:
7.1 Ввести заголовок страницы: Using Comment
(Использование комментариев).
7.2 Вставить в документ заголовок: Exsamples of Comment
(Примеры комментариев).

7.3 Просмотрите содержание первого абзаца:
This is paragraph 1 (Это абзац 1).

7.4 Просмотрите содержание второго абзаца: This is was tacked on the end of paragraph 2.
(Это абзац 2. Это было добавлено в конце абзаца 2.)

7.5 Во второй абзац вставить комментарий:
This comment is in the middle of paragraph
(комментарий в середине абзаца)

7.8 Сохранить страницу под именем d1_1.html.

7.9 Просмотреть страницу с помощью браузера
Internet Explorer.

8. Создать свою Web-страницу (наполнение может быть любое, тема ваша):

8.1 Ввести заголовок страницы.

8.2 Вставить в документ заголовки.

8.3 Вставить и ввести содержание трех абзацев.

8.4 Третий абзац организовать с тремя переходами на новую строку.

8.5 Между абзацами поставить горизонтальные линии.

8.6 После заголовка документа вставить комментарий.

8.7 Сохранить станицу под именем d1_2.html.

8.8 Просмотреть страницу с помощью браузера.

Защитить лабораторную работу у преподавателя.

Лабораторная работа №2

УСЛОЖНЕННЫЕ СТРУКТУРЫ ТЕКСТА НА

WEB-СТРАНИЦАХ

Цель:

- ознакомиться с метками цитирования, акцентирования, усиления;

- научиться создавать метки кода, образца, метки переменной;

- освоить основные приемы физического форматирования;

- внедрение в текст горизонтальной линии (тэг HR);

- использование тэга PRE;

- освоить работу с цветом, шрифтом.

1. Создать Web-страницу с использованием метки
цитирования для следующего фрагмента:

Автоматизация офисной деятельности изложена в учебнике "Пакеты программ офисного назначения" под редакцией С. В. Назарова.

Сохранить страницу под именем d2_l . html.
Просмотреть страницу с помощью браузера Internet Explorer.

2. Продолжаем работать с созданной Web-страницей, добавляя текст с использованием меток акцентирования и усиления для выделенных фрагментов.

Наши рекомендации