- •Введение в язык 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-редакторы
- •Определения
- •Проверочная работа
- •Проверочная работа
3. Загрузка страниц в фреймы
С помощью дескриптора <FRAME>, помещенного в контейнер <FRAMESET>, можно определить, что именно должно отображаться в конкретном фрейме. Каждый дескриптор <FRAME> является одиночным. С его помощью можно указать URL или имя, связанное с конкретным фреймом. Для этого используется следующий формат:
<FRAMESET ROWS="50%, 50%">
<FRAME SRC="banner.html">
</FRAMESET>
4. Настройка фреймов
Помимо SRC, в дескрипторе <FRAME> могут использоваться NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE и другие атрибуты, связанные с рамками.
Атрибуты MARGINWIDTH, MARGINHEIGHT используются для определения правого/левого и верхнего/нижнего полей текста и графики внутри фрейма соответственно. Оба эти атрибута принимают числовые значения в пикселях. Например, в следующем коде между содержимым файла и границами фрейма определяется поле шириной 5 пикселей:
<FRAME SRC="text.html" MARGINWIDTH=5 MARGINHEIGHT=5>
Атрибут SCROLLING может принимать значения yes, no, auto. Он позволяет определить присутствуют ли в окне фрейма полосы прокрутки. По умолчанию принимается значения auto, и в большинстве случаев это лучшее решение.
Атрибут NORESIZE не принимает никаких значений; он используется для того, чтобы не позволить пользователю изменить размеры окна фрейма. Фактически, атрибут делает границы фрейма "жестко закрепленными". Причем фиксируются размеры всех фреймов, имеющих с закрепленным общую границу.
Определение границ фреймов
На внешний вид фрейма влияют также атрибуты FRAMEBORDER, BORDER, BORDERCOLOR.
Атрибут FRAMEBORDER можно использовать в дескрипторе <FRAMESET> либо <FRAME>. Он может принимать значения yes (принимается по умолчанию) и no (означает отсутствие границ). С помощью атрибута BORDER можно определить ширину рамки в пикселях.
Если установить значения FRAMEBORDER="no", a BORDER="0", то границы фреймов на вашей странице будут невидимыми.
В дескрипторах <FRAMESET> и <FRAME> можно использовать атрибут BORDERCOLOR. С его помощью определяется цвет рамок (т.е. границ фреймов). При определении можно использовать как его название, так и числовой эквивалент.
Тема 6: Гипертекстовые ссылки План
1. Типы гиперссылок
2. Понятие об URL и их использование
3. Создание гиперссылок на другие Web-страницы
4. Создание внутренних ссылок в документе
5. Создание ссылок на ресурсы мультимедиа и на адреса электронной почты
6. Загрузка страниц в различные фреймы
1. Типы гиперссылок
Гиперссылки – это основа HTML. Именно благодаря им страницы становятся динамичными. Щелкая на гиперссылках, пользователи могут переходить от одной Web-страницы к другой, практически не прилагая для этого никаких усилий.
При создании Web-страницы вам придется решить две непростые задачи: выбрать типы используемых гиперссылок и оптимальным образом построить страницу.
Существуют три основных типа гиперссылок:
Внутренние ссылки (internal links) – это ссылки на объекты в пределах одного документа. С их помощью пользователь может перемещаться по одной и той же Web-странице. Данный тип ссылок полезно использовать на длинной странице, чтобы иметь возможность быстро перемещаться между ее разделами.
Внешние (external links) или удаленные (distant links) ссылки – это ссылки на другие Web-серверы.
Относительные (relative links) или локальные (local links) ссылки – это ссылки на другие Web-страницы или службы Internet, расположенные на одном сервере со страницей, содержащей ссылки. Подобные ссылки называются относительными потому, что их адреса даются относительно адреса Web-страницы, на которой содержится ссылка.
В основе ссылок лежат URL, по умолчанию в большинстве браузеров ссылки отображаются в виде подчеркнутых текстовых строк.