Выбрать пункт меню 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-страницей, добавляя текст с использованием меток акцентирования и усиления для выделенных фрагментов.