Программные средства разработки Web-страниц и презентаций: Методические указания по выполнению лабораторных работ, страница 4

4.  В окне браузера перейти в режим просмотра web-страницы, выполнив команду Вид/Просмотр HTML-кода. Команда позволяет просматривать код документа с подсветкой тэгов, их параметров и значений параметров различными цветами.

5.  Открыть web-страницу word.htm для дальнейшего редактирования с помощью приложения Блокнот (щелкнуть правой кнопкой мыши на значке файла страницы в окне Проводника Windows или Мой компьютер и выбрать команду Открыть с помощью). Изменить заголовок страницы, для этого в качестве содержимого тэга TITLE ввести текст «Новые возможности Word» (после открывающей и перед закрывающей частью тэга TITLE).

<title>Новые возможности Word</title>

Сохранить произведенные изменения.

6.  Перейти в окно браузера и просмотреть в нем отредактированную web-страницу, нажав кнопку Обновить на панели инструментов браузера. Проанализировать изменения, произошедшие в строке заголовка окна браузера (в заголовке отображается содержимое тэга TITLE).

7.  Поместить в тело страницы текст:

·  Открыть приложение MS Word 2007, вызвать справку Word, щелкнув на кнопке ,  выбрать раздел справки Новые возможности / Новые возможности MicrosoftOfficeWord, щелкнув на соответствующих ссылках в окне справки.

·  Выделить мышью текст открытого раздела справки, исключая рисунок в начале раздела, и скопировать его в окно блокнота (вставить текст в качестве содержимого тэга BODY – после открывающей, но перед закрывающей его частью).

<body>

--- Текст справки ---

</body>

·  Сохранить изменения и просмотреть результат в окне браузера. Текст отображается единым блоком, без разбиения на абзацы.

·  Перейти в блокнот и удалить из текста, кроме последнего вхождения в самом конце страницы, фразы «к началу страницы»

8.  Добавить перед вставленным блоком текста (сразу после открывающего тэга BODY) строку «Новые возможности Word», оформив ее как отдельный абзац, для чего заключить ее в тэг P (добавить перед текстом строки открывающую, а после текста – закрывающую часть тэга P).

<p>Новые возможности Word</p>

9.  Разбить текст на отдельные абзацы (как это было в справке Word):

·  Текст подзаголовков, которые в справке выделены серым и оранжевым цветом, заключить в тэг P.

·  Текст каждого из остальных абзацев, оформленных в справке мелким шрифтом, заключить в тэг DIV (за исключением абзацев между горизонтальными линиями в начале страницы).

·  Текст ссылок после строки «Предполагаемое действие:», оформленный в справке мелким шрифтом голубого цвета и выделенный горизонтальными линиями, пока ни в какие тэги не заключать.

Например, начало кода с текстом будет выглядеть следующим образом:

<div>Microsoft Office Word 2007 с новым интерфейсом помогает создавать профессионально оформленные документы, предоставляя набор разнообразных средств для создания и форматирования документов. Широкие возможности редактирования, записи примечаний, а также сравнения текстов позволяют быстро собирать и обрабатывать отзывы коллег. Передовая система объединения данных обеспечивает сохранение связи документов с важными источниками деловой информации.</div>

<p>Предполагаемое действие:</p>

----------------------------------------------

Создание профессионально оформленных документов

Совместная работа над документами с сохранением конфиденциальности

Документы без границ

Восстановление после сбоев в работе компьютера

----------------------------------------------

<p>Создание профессионально оформленных документов</p>

<div>В Office Word 2007 предусмотрены все необходимые инструменты для редактирования и проверки текстов, что дает возможность с небывалой легкостью создавать безупречно подготовленные документы.</div>

10.  Внимательно просмотреть текст страницы в окне браузера и проверить правильность его форматирования (текст подзаголовков должен быть выделен пустыми строками (рис.2)). При необходимости следует внести исправления в код.