Цвета и изображения фона задаются с помощью команды <BODY>.
Эта команда может задаваться только в начале HTML файла и не может быть изменена в дальнейшем. Ее параметры:
bgcolor = “# код цвета” - цвет фона документа,
text = “# код цвета” - цвет текста документа,
Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.
Белый = FFFFFF Малиновый = FF00FF
Желтый = FFFF00 Бирюзовый = 008080
Красный = FF0000 Темно-синий = 000080
Серый = 808080 Коричневый = 808000
Синий = 0000FF Голубой = 00FFFF
Зеленый = 00FF00 Темно-зеленый = 008000,
Черный = 000000 Индиго = 800080
Пурпурный = CC33FF Темно-красный = 800000
Для изменения цвета текущего текста можно в любом месте домашней страницы воспользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>
Определено несколько именованных цветов. Их значения видны из таблицы:
<FONT COLOR = black >
Если Вы хотите создать “обои”, то есть цветной фон с использованием 8301_ - файла с именем, например, Ground.gif, то вместо параметра BGCOLOR записываем: BACKGROUND = “Ground.gif”
Если при этом вы хотите, чтобы фоновое изображение не двигалось, т.е. чтобы создался эффект “водяных знаков”, то задайте дополнительный параметр: BACKGROUND = “Ground.gif” BGPROPERTIES=FIXED
|
|
Задания для практического занятия:
Создать документ, состоящий из 6 строк оформленных в виде заголовка 1- 6 уровня и каждая строка выполнена шрифтом: жирным, курсивом, подчеркнутым, равноширинным, выделенным и с усиленным выделением.
1. Запустить текстовый редактор Блокнот командой [Пуск - Программы - Стандартные - Блокнот].
2. Ввести HTML-код, задающий структуру Web-страницы:
<HTML>
<HEAD>
<TITLE>Zagolovok</TITLE>
</HEAD>
<BODY >
<center> <h1> <b> Заголовок первого уровня – жирный </b></h1></center>
<center> <h2> <i>Заголовок второго уровня - курсив </i></h2></center>
<center> <h3><U> Заголовок третьего уровня- подчеркнутый </U></h3></center>
<center> <h4> <B><I><U>Заголовок четвертого уровня - жирный подчеркнутый курсив </B></I></U></h4></center>
<center> <h5><TT> Заголовок пятого уровня- равноширинный </TT></h5></center>
<center> <h6><STRONG> Заголовок шестого уровня - усиленное выделение </STRONG></h6></center>
</BODY>
</HTML>
3. Сохранить данный документ, предварительно создав на диске С свою папку (имя папки – инициалы записанные латинскими буквами – IPC). Имя документа – IPC11b1.htm
4. Запустить браузер и открыть созданный файл командой [Файл - Открыть]. В заголовке окна браузера высвечивается название Web-страницы Zagolovok с тэгами HTML.
Форма контроля выполнения практических работ:
Студент предоставляет страницу сайта, в котором созданы и отредактированы несколько строк текста
|
|
Критерии оценки:
Создана страница сайта, выполнено самостоятельное задание, представлено правильное форматирование - оценка 5
Выполнены все, но есть неточности – 4
Задания выполнены частично, редактирование неполное – 3
Задание не выполнено-2.
Занятие 42
Практическая работа по теме:
5.3.Списки на Web-страницах. Дизайн. Гиперссылки.
Учебные цели и задачи: Научиться записывать теги по созданию списков и разделительной линии, на практике закрепить умения по представлению информации на Web-странице в виде списка.