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

21. Изменить внешний вид маркера первого вложенного списка на закрашенный круг. Для этого для параметра TYPE тэга маркированного списка следует задать значение disc. Параметр и его значение указываются в открывающей части тэга UL:

<ul type = ”disc”>

22. Изменить внешний вид маркера второго вложенного списка на закрашенный квадрат. Для этого для параметра TYPE тэга маркированного списка следует задать значение square (рис.4).

Рис.4. Вложенные списки на web-странице

23. Задать цвет фона страницы с помощью параметра BGCOLOR тэга BODY. В качестве значения этого параметра можно использовать английские названия основных цветов (см. Приложение. Фоновые цвета).

24. Наверху web-страницы разместить заголовок:

Мой офис

Состав и возможности MS Office

Выполнить следующие действия:

·  В начало тела web-страницы (сразу после открывающей части тэга BODY) добавить нужный текст, заключить блок из двух строк в тэг P. Разбить текст на две строки, вставив между ними тэг BR.

·  Установить логическое выделение абзаца с заголовком, добавив в тэг P параметр CLASS со значением zagolovok. Логическое выделение пока никак не отразится на внешнем виде текста заголовка.

<p class=”zagolovok”>Мойофис<br>

Состав и возможности MSOffice</p>

Задание 2. Добавить на web-страницу графические изображения, позиционировать рисунки с помощью таблицы.

25. Создать в рабочей папке (там же, где находится файл редактируемой страницы) новую папку с именем images.

26. Скопировать в папку images графические файлы из папки C:\Program Files\Microsoft Office\OFFICE12\ BITMAPS\DBWIZ.

ВНИМАНИЕ! В целях дальнейшей корректной работы компьютера проверьте, что файлы не удалены из исходной папки!

ПРИМЕЧАНИЕ: Можно использовать другие графические файлы формата GIF или JPEG (имеющие расширения .GIF, .JPG, .JPEG). Стандартная папка C:\Program Files\Microsoft Office\CLIPART\PUB60CORсодержит много различных графических файлов. Для правильного выбора файла и корректного указания его имени в коде HTML следует отобразить в окне Проводника Windows (Мой компьютер) полные имена файлов с расширениями. Для этого  выполнить команду Сервис/Свойства папки/Вид и снять флажок Скрывать расширения для зарегистрированных типов файлов. Для облегчения выбора файлов с нужным расширением рекомендуется упорядочить значки по типу в окне Проводника Windows (Мой компьютер).

27. В начало страницы «Мой офис» добавить эмблему, хранящуюся в графическом файле evtmgmt.gif. Для этого перед абзацем заголовка, вставить непарный тэг IMG с указанием в качестве значения параметра SRC имени графического файла и пути к нему:

<img src=”images/evtmgmt.gif”>

28. Расположить текст заголовка рядом с эмблемой, для чего задать обтекание изображения текстом с помощью параметра  ALIGN тэга IMG. Задать для параметра ALIGN значение right, чтобы изображение находилось справа от текста. Просмотреть результат.

29. Оформить текст, заключенный между двумя горизонтальными линиями в виде списка с графическими маркерами:

·  Заключить блок с текстом из четырех строк в тэг маркированного списка UL. Тэги BR из текста не удалять.

·  Скопировать в папку images из папки C:\ProgramFiles\MicrosoftOffice\CLIPART\PUB60COR файл изображения, который будет служить графическим маркером (например, файл с изображением бабочки AG00130_.GIF).

·  Добавить в начало первой строки тэг IMG с указанием в параметре SRC адреса графического файла-маркера. Уменьшить размер изображения-маркера, чтобы он не вы по высоте ходил за пределы строки: добавить в тэг IMG параметр HEIGHT со значением 20. Например,

<img src=”images/AG00130_.GIF” height=”20”>

·  Скопировать тэг вставки рисунка в начало каждой их строк списка (рис.5)

·   

Рис.5. Список с графическим маркером

30.  В конце страницы после текста с описанием вставить четыре графических значка для приложений офиса. Чтобы расположить графические значки в один ряд необходимо позиционировать их с помощью таблицы:

·  Перед закрывающей частью тэга BODY добавить код, задающий таблицу из одной строки и четырех столбцов: