Математика / Реферат: Лекция17

Реферат: Лекция17

Tenepь, чтобы заменить кружок на графический маркер, заменим свойство list-style-type на свойство list-style-image и определим местоположение нашего файла-рисунка:

Вот и все! Можно наслаждаться списком с графическими маркерами. Обратите внимание на то, что при указании имени файла мы заключили его не в обычные двойные кавычки, а в одинарные. Это сделано потому, что все значение атрибута STYLE = заключено в двойные кавычки. Поэтому если бы мы ошибочно написали

то кавычка перед словом Images была бы воспринята как закрывающая, то есть атрибуту STYLE= было бы присвоено значение "list-style-image: url(", a все, что следует за этим, стало бы еще одним, нераспознанным атрибутом тега <UL>.

Рамки

Рамки (или фреймы — Frame) — мощный механизм представления информации на Web-страницах. С помощью рамок экран разделяется на несколько областей, в каждой из которых отображается содержимое отдельной страницы и даже Web-узла.

Создание рамок

Для создания рамок (областей страницы) иcпользуют флаг <FRAMESET> и парный ему флаг </FRAMESET>, а для их описания — флаги < FRAME >. Начнем с простого примера.

Создайте в текстовом редакторе два маленьких Web-документа и сохраните их как файлы a.htm и b.htm. Эти страницы будут отличаться только названиями.

Файл a.htm:

<HTML><HEAD><ТIТLЕ>Рамки. Страничка A</TITLE></HEAD><BODY>

<ВОDY>страничка А</BODY></HTML>

Файл b . htm :

<HTML><HEAD><TITLE> Рамки. Страничка B</TITLE></HEAD><BODY>

<ВОDY>страничка В</BODY></HTML>

Создайте базовую страницу, на которой будут отображаться рамки, и сохраните baza.htm:

<HTML><HEAD><TITLE>Paмки</TITLE></HEAD>

Откройте страницу baza.htm в программе просмотра, и Вы увидите, что она состоит из двух областей:

Приведем небольшой комментарий к использованию флага <FRAMESET>. В нем указывается, что экран подразделяется на две колонки (параметр COLS), каждая из которых занимает ровно половину экрана (COLS="50°/o, 50%").

Флаг < FRAMESET> представляет собой флаг-контейнер, то есть флаг, который может включать в себя другие флаги. Флаг - контейнер заканчивается парным ему флагом </FRAMESET>. Флаг <FRAME > не является флагом - контейнером и не требует парного закрывающего флага.

Как разделить страницу на большее число областей?

Создайте четыре HTML-файла: a.htm, b.htm, c.htm, d.htm. Кроме того, измените цвет фона каждой страницы, для чего используйте атрибут BGCOLOR флага BODY: на странице А укажите цвет FFOOFF, на странице В — OOFFOO, на странице С — FFFFOO и на странице D —FFFFFF.

Файл a.htm:

<HTML><HEAD><Т1ТLЕ>Рамки. Страничка A</TITLE></HEAD>

<BODY BGCOLOR="#FFOOFF">ФреймАрозовогоцвета</BODY></HTML>

Файл b.htm:

<HTML><HEAD><Т1ТLЕ>Рамки. Страничка B</TITLE></HEAD>

<BODY BGCOLOR="#OOFFOO">ФреймВзеленогоцвета •</BODY></HTML>

Файл c.htm:

<HTML><HEAD><Т1ТЬЕ>Рамки. Страничка C</TITLE></HEAD>

<BODY BGCOLOR="#FFFFOO">фреймСжелтогоцвета</BODY> </HTML>

Файл d.htm:

<HTML> <HEAD><Т1ТЪЕ>Рамки.Страничка D</TITLE></HEAD>

<BODY BGCOLOR=#tFFFFFF">фрейм D белогоцвета </BODY></HTML>

|Базовая страница demo . htm : (в нашем случае – это и есть index . html )

<HTML><HEAD><Т1ТLЕ>Демонстрация фреймов</Т1ТLЕ></HEAD>

FRAMESET COLS="25%, 25%, 25%, 25%">

Откройте файл demo.htm в программе просмотра. На экране компьютера Вы увидите, как выглядят созданные Вами рамки

Можно ли сделать рамки разного размера? Да вайте попробуем!

Отредактируйте Ваш файл demo.htm и сохранитe его как demo2.htm:

•<HTML> <HEAD>

<Т1ТLЕ>Демонстрация фреймов 2</TITLE> </HEAD>

Обратите внимание, что размер четвертой ;cамой правой рамки указан не числовым значением, символом «*». Это означает, что данная рамка должна занимать всю оставшуюся площадь главной стра-ицы. ^; Просмотрите файл на экране:

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

<HTML> <HEAD><Т1ТLЕ>Демонстрация фреймов 3</TITLE></HEAD>

Здесь следует сделать важное замечание. Созданные Вами страницы будут просматривать разные пользователи, у которых мониторы имеют разноe разрешение. Использование абсолютных величин может привести к нежелательным эффектам — страница, которая отлично смотрится с разрешением 1024х768, может выглядеть совсем по-другому в разрешении 800х600. Поэтому следует придерживаться простого правила: задавать размер одной из рамок символом «*».

Во всех рассмотренных примерах использовались рамки в виде колонок. Естественно, что мы можем использовать и горизонтальные ряды. Обратите внимание, когда создавался файл demo.htm, Вы использовали флаг <FRAMESETCOLS>. Измените базовый файл с четырьмя рамками указанным ниже образом, используя флаг <FRAMESETROWS>. Сохраните его как файл demo3.htm.

<HTML> <HEAD><Т1ТLЕ>Демонстрацияфреймов 3</TITLE> </HEAD>

К-во Просмотров: 338

Бесплатно скачать Реферат: Лекция17

>>> Скачать <<<