- •Введение в язык html
- •1. Понятие о html
- •2. Понятие о гипертексте
- •3. Понятие о html-файле
- •4. Понятие о тегах языка html
- •5. Структурные теги
- •6. Создание шаблона html-документа и первой Web-страницы
- •Тема 2: Основная часть Web-страницы План
- •1. Использование заголовков
- •2. Символы разрыва абзаца и разрыва строк
- •4. Форматирование текста с помощью стилей
- •5. Добавление линий и комментариев
- •Тема 3: Создание таблиц План
- •1. Начальный этап создания кода таблиц
- •2. Создание строк и столбцов таблицы
- •3. Выбор типа таблицы
- •4. Выравнивание данных в ячейках таблицы по горизонтали и вертикали
- •5. Окрашивание таблиц и рамок
- •Тема 4: Создание списков План
- •1. Списки как инструмент структурирования. Типы списков
- •2. Нумерованные списки
- •3. Маркированные списки
- •4. Списки определений
- •5. Вложение и комбинирование списков
- •Тема 5: Использование фреймов План
- •1. Идея использований фреймов
- •2. Создание фреймов
- •3. Загрузка страниц в фреймы
- •4. Настройка фреймов
- •Тема 6: Гипертекстовые ссылки План
- •1. Типы гиперссылок
- •2. Понятие об url и их использование
- •3. Создание гиперссылок на другие Web-страницы
- •4. Создание внутренних ссылок в документе
- •5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
- •6. Загрузка страниц в различные фреймы
- •Тема 7: Графика в Web План
- •2. Выравнивания текста относительно изображения
- •3. Плавающие изображения. Поля вокруг изображений
- •4. Определение ширины и высоты изображения
- •5. Обтекание изображений текстом
- •Тема 8: Использование графики, цвета и текста План
- •1. Добавление на Web-страницы цветных фоновых изображений
- •2. Добавление на Web-страницы графических фоновых изображений
- •3. Изменение цвета текста и гиперссылок
- •4. Добавление кнопок перемещения
- •Тема 9: Мультимедиа План
- •1. Понятие о гипермедиа-ссылках
- •2. Создание гипермедиа-ссылок
- •4. Создание бегущей строки
- •5. Воспроизведение видеофайлов в окне Internet Explorer
- •Тема 10: Средства создания html-файлов План
- •1. Стандартные html-редакторы
- •1. Стандартные html-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
5. Вложение и комбинирование списков
При желании можно комбинировать различные типы списков, а также вкладывать их друг в друга независимо от того, к одному или к разным типам они относятся.
В следующем листинге приведен пример использования вложения маркированного списка в нумерованный.
<HTML>
<HEAD>
<TITLE>Вложение списков</TITLE>
</HEAD>
<BODY BGCOLOR=#FF00FF>
<H1>Вложенные списки</H1>
<HR>
<H2>Как приготовить эликсир молодости</H2>
<OL>
<LI>Взять равные части следующих элементов:
<UL>
<LI>Крокодиловы слезы
<LI>От мертвого осла уши
<LI>Дырку от бублика
</UL>
<LI>Все перемешать и растолочь в порошок
<LI>Порошок залить спиртом
<LI>Полученную жидкость перелить в бутылку
<LI>Закопать бутылку в саду
<LI>Выкопать ровно через 1 год
<LI>Выбросить бутылку в море и не морочить себе голову!
</OL>
<HR>
</BODY>
</HTML>
Тема 5: Использование фреймов План
1. Идея использований фреймов
2. Создание фреймов
3. Загрузка страниц в фреймы
4. Настройка фреймов
1. Идея использований фреймов
В сущности, фреймы – это еще один способ создания уникального интерфейса Web-сервера. Разделив страницу на части, каждая из которых обновляется отдельно, можно создавать для них различные элементы интерфейса. Даже самая простая спецификация фрейма позволяет зафиксировать в нужном месте страницы графическое изображение или логотип фирмы, в то время как остальную часть страницы можно будет прокрутить.
Фреймы прекрасно подходят для оформления следующих элементов
-
Оглавление. Если вы поместите на Web-страницу оглавление в виде вертикального столбца, то пользователи смогут обратиться к нему в любой момент, и им не нужно будет постоянно щелкать на кнопке возврата к предыдущей странице.
-
Неподвижные элементы интерфейса. Как уже упоминалось, можно "закрепить" на экране графику, логотипы и другие элементы, в то время как остальная часть страницы будет прокручиваться в другом фрейме.
-
Формы и результаты. Вы можете создать форму в одном фрейме, а в другом отобразить результаты запроса.
2. Создание фреймов
Чтобы получить страницу, содержащую фреймы, нужно сначала создать несколько документов: во-первых, те, которые будут помещаться в фреймы, а во-вторых, документ, определяющий общую структуру страницы. Его обычно называют документом фреймовой структуры, или просто структурным документом.
Для создания структурного документа используется контейнер FRAMESET. Дескрипторная пара <FRAMESET></FRAMESET> полностью заменяет в структурном документе пару <BODY></BODY>.
В дескрипторе FRAMESET используются два атрибута: ROWS и COLS. Оба они принимают числовые значения (в пикселях или в процентах). Значение * говорит о том, что конкретная строка или столбец будет занимать всю остальную часть страницы. Создавая фреймы, вы должны решить, как будет разделена страница: по вертикали или по горизонтали.
Для этих атрибутов используется следующий формат:
<FRAMESET ROWS="числа, проценты, *">
<FRAMESET COLS="числа, проценты, *">
В отдельном дескрипторе <FRAMESET> может использоваться только один из атрибутов ROWS или COLS. Это означает, что фреймовая структура может состоять или только из строк, или только из столбцов. Чтобы создать строки внутри столбцов (или наоборот), вам потребуются вложенные дескрипторы <FRAMESET>. Например, с помощью кода, приведенного в следующем листинге, создается структура из двух столбцов, каждый из которых содержит по две строки.
<FRAMESET COLS="25%, 75%">
<FRAMESET ROWS="50%, 50%">
</FRAMESET>
<FRAMESET ROWS="10%, 90%">
</FRAMESET>
</FRAMESET>