- •Лабораторная работа №4 Создание сайта с помощью языка html
- •1 Общие положения
- •1.1 Основные понятия языка html
- •1.2 Структура документов html
- •1.3 Создание html-документов
- •1.3.1 Основные приемы работы
- •1.3.2 Теги разбивки текста
- •1.3.3 Создание гиперссылок
- •1.3.4 Создание фреймов
- •1.3.5 Создание таблиц
- •2 Порядок выполнения работы
- •3 Вопросы для самоконтроля знаний
- •Оформление документов html
- •1 Общие сведения
- •1.1 Цветовое оформление
- •1.2 Параметры шрифтов
- •1.3 Вставка графических изображений
- •2 Порядок выполнения работы
- •3 Вопросы для самоконтроля знаний
- •Приложение а Образец текста по теме «Документальные и фактографические информационные системы» Введение
- •Раздел 1 Документальные системы
- •Раздел 2 Фактографические системы
- •Приложение б Варианты заданий для самостоятельного выполнения по теме «Проектирование документов html»
- •Приложение в Основные теги языка html
3 Вопросы для самоконтроля знаний
Охарактеризуйте понятие гипертекстовых документов.
Назовите способы создания Web-документов.
Из каких разделов состоит структура документа HTML?
Что такое теги?
Каково назначение тега <head>?
Для чего используется тег <title>?
Как выровнять заголовок документа по центру экрана?
Каково назначение тега <p>?
Поясните понятие гиперссылки. Как добавить гиперссылку в документ HTML?
Что такое фреймы? Как задать размеры фреймов?
Как в документ HTML вставить таблицу? Какие теги используются для создания строк и ячеек таблицы?
Как установить ширину рамки в таблице HTML?
Оформление документов html
Цель работы: Изучить теги языка HTML цветового оформления документов, изменения параметров шрифтов, вставки графических изображений.
Задачи работы: Изучить возможности языка HTML по оформлению документов, научиться вставлять графические изображения в документы HTML.
Требования к организации рабочего места: Лабораторная работа должна проводиться в компьютерном классе с компьютерами Pentuim II и выше с операционной системой Windows 98/2000/XP.
1 Общие сведения
1.1 Цветовое оформление
Одним из способов цветового оформления документов HTML является использование возможностей тега <body> </body>, ограничивающего тело документа. При этом можно использовать следующие атрибуты:
bgcolor – задает цвет фона документа (указывается в специальных кодах системы цвета RGB);
background – задает URL - адрес файла фонового рисунка. Окно полностью заполняется изображением, начиная с верхнего левого угла;
text – указывает цвет основного текста документа;
alink – задает цвет активной ссылки;
link – позволяет задать цвет не просмотренной ссылки;
vlink – задает цвет просмотренной ссылки.
Например, команда <body bgcolor=navy text=yellow alink=white link=white vlink=#FFFFFF> установит в документе темно-синий фон, причем вывод основного текста будет осуществляться желтым цветом, вывод текста всех гиперссылок - белым.
Цветовая модель RGB (Red-Green-Blue) определяет при этом соотношение красного, зеленого и синего тонов в цвете. Например, #000000 - черный цвет (отсутствие цвета), #FF0000 - ярко-красный, #00FF00 - ярко-зеленый, #0000FF - ярко-синий, а #FFFFFF - белый.
Таблица 1 Основные цвета цветовой модели RGB
Название |
Код RGB |
Имя |
Цвет |
Название |
Код RGB |
Имя |
Цвет |
черный |
#000000 |
black |
|
серебряный |
#C0C0C0 |
silver |
|
темно-бордовый |
#800000 |
maroon |
|
красный |
#FF0000 |
red |
|
зеленый |
#008000 |
green |
|
известь |
#00FF00 |
lime |
|
оливковый |
#808000 |
olive |
|
желтый |
#FFFF00 |
yellow |
|
темно-синий |
#000080 |
navy |
|
синий |
#0000FF |
blue |
|
фиолетовый |
#800080 |
purple |
|
фуксия |
#FF00FF |
fuchsia |
|
чирок |
#008080 |
teal |
|
аква |
#00FFFF |
aqua |
|
серый |
#808080 |
gray |
|
белый |
#FFFFFF |
white |
|