Шрифт. Некоторые тэги имеют атрибуты, которые являются именами свойств и могут принимать определенные значения. С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта. Атрибут FACE позволяет задать гарнитуру шрифта (например, FACE="Arial"), атрибут SIZE — размер шрифта (например, SIZE=4).

Атрибут COLOR позволяет задавать цвет шрифта (например, COLOR="blue"). Значение атрибута COLOR можно задать либо названием цвета (например, "red", "green", "blue" и т. д.), либо его шестнадцатеричным значением.

Шестнадцатеричное представление цвета использует RGB-формат "IRRGGBB", где две первые шестнадцатеричные цифры задают интенсивность красного (red), две следующие — интенсивность зеленого (green) и две последние — интенсивность синего (blue) цвета. Минимальная интенсивность цвета задается шестнадцатеричным числом 00, а максимальная — FF. Например, синий цвет задается значением в).

Выравнивание текста. Задать способ выравнивания текста позволяет атрибут ALIGN. Выравнивание по левой границе задается так: ALIGN="left", выравнивание по правой границе: ALIGN="right", выравнивание по центру: ALIGN= "center".

Таким образом, синий цвет заголовка, выровненного по центру, можно задать следующим образом:

<FONT COLOR="blue">

<Н1 ALIGN" center "Компьютер и ПО</Н1>

</FONT>

Горизонтальная линия. Заголовки целесообразно отделять от остального содержания страницы горизонтальными линиями с помощью одиночного тэга <HR>.

Абзацы. Разделение текста на абзацы производится с помощью контейнера <рх/р>. При просмотре в браузере абзацы отделяются друг от друга интервалами. Для каждого абзаца можно задать определенный тип выравнивания и параметры форматирования шрифта.

Домашняя страница сайта. На домашней странице сайта обычно размещается текст, кратко описывающий его содержание. Поместим на домашнюю страницу сайта «Компьютер» текст, разбитый на абзацы с различным выравниванием:

<Р ALIGN="left">Ha этом сайте вы сможете получить различную информацию о компьютере, его программном обеспечении и ценах на компьютерные комплектующие.</Р> <Р>ALIGN="right">Терминологический словарь познакомит вас с компьютерными терминами, а также вы сможете заполнить анкету.</Р>

Таким образом, домашняя страница сайта «Компьютер» будет содержать отцентрированный крупный заголовок синего цвета, отделенный горизонтальной линией от двух по-разному выровненных абзацев (рис. 5.27):

<FONT COLOR="blue"> <Н1>ALIGN="center"> Компьютер и ПО

</FONT>

<HR>

<Р ALIGN="left">Ha этом сайте .</Р>

<Р ALIGN="right"> Терминологический словарь

Заключение

Контрольные вопросы

1. Какие тэги (контейнеры) используются для ввода заголовков? Форматирования шрифта? Ввода абзацев?

Задания для самостоятельного выполнения

Практическое задание.

- Продолжение создания Web-страницы «Компьютер». [9]

Урок №11-12

Тема урока: Разработка простого Web-сайта. Вставка графики, звука, анимации.

Цели:

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

· Развить внимание, мышление, память

· Закрепить навык работы на компьютере.

Оборудование: ученические ПК, основные тэги.

Ход урока:

1.Организационный момент.

2.Основная часть

.а) Повторение.

· Какие тэги (контейнеры) должны присутствовать в HTML-документе обязательно? Какова логическая структура Web-страницы?

б) Объяснение нового материала.

Разработка Web-сайтов

с использованием языка разметки гипертекста HTML

Вставка изображений в Web-страницы

На Web-страницы можно помещать изображения, хранящиеся в графических файлах трех форматов — GIF, JPEG и PNG.

Вставка изображений. Для вставки изображения используется тэг <IMG> с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:

<IMG SRO"computer.gif">

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

<IMG SRC="C:\computer\computer.gif"> Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:

<IMG SRC="http: //www. server, ru / computer . gif "> Положение рисунка относительно текста. Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа).

На домашней странице сайта «Компьютер» логично разместить изображение компьютера. Для того чтобы рисунок располагался по правому краю текста, тэг вставки изображения должен принять следующий вид <IMG SRC="computer.gif" ALIGN="right">

Гиперссылки на Web-страницах

Гиперссылки. Гиперссылки, размещенные на Web-странице, позволяют загружать в браузер другие Web-страницы, хранящиеся на локальном компьютере или в Интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки.

Гиперссылка создается с помощью универсального тэга <А> и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:

<А HREF="Адрес">Указатель ссылки</А>

Если загружаемая в браузер Web-страница размещена на локальном компьютере в той же папке, то вместо адреса указывается просто имя файла, например:

<А HREF="filename.htm">Указатель ссылки</А>

Если загружаемая в браузер Web-страница размещена в Интернете, то вместо адреса указывается Интернет-адрес, например:

<А HREF="http://www.server.ru /Web-сайт/ filename.">Указатель ссылки</А>

Указатель ссылки мы видим при просмотре Web-страницы в браузере. Указателем ссылки может быть текст, обычно выделенный синим цветом и подчеркиванием, или рисунок, выделенный рамкой. При указании на него мышью, ее курсор превращается в значок «рука». Щелчок мышью по указателю вызывает переход на Web-страницу, указанную в гиперссылке.

Гиперссылки могут содержать адреса не только Web-страниц, но и файлов других типов. Активизация таких гиперссылок будет приводить:

• к просмотру изображения в браузере:

<А HREF="picture. jpg">Изображение</A>

• к запуску проигрывателя, встроенного в браузер и воспроизведению звукового файла: