- •Глава 1. Создание документа в html
- •1.1. Начало работы
- •1.2. Общие сведения о html-документе
- •1.3. Структура html-документа
- •1.4. Форматирование текста
- •1.4.1. Шрифтовое выделение фрагмента текста
- •1.4.2. Форматирование абзацев
- •1.4.3. Шрифты
- •Характеристика цветов
- •1.4.4. Верхние и нижние индексы
- •1.5. Заголовки текста
- •1.6. Специальные символы
- •1.7. Цитаты
- •Вопросы для самоконтроля к главе 1
- •Глава 2. Элементы оформления страницы
- •Отступы от края окна
- •Цвет фона
- •Цвет текста
- •Бегущая строка
- •Горизонтальные линии
- •Сокращения
- •Комментарии
- •Вопросы для самоконтроля к главе 2
- •Глава 3. Графика
- •Вставка графических изображений на страницу
- •Размеры изображения
- •Изображение в рамке
- •Графика и текст
- •Сопровождение рисунка текстом
- •Вопросы для самоконтроля к главе 3
- •Глава 4. Гипертекстовые ссылки
- •4.1. Создание гиперссылок
- •4.2. Создание закладок
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление рабочих листов
- •Оглавление
- •Глава 1. Знакомство с ms Excel 2003
- •Глава 2. Расчеты в ms Excel 2003
- •Глава 3. Оформление ms Excel 2003
- •4.3. Изображение как гиперссылка
- •Вопросы для самоконтроля к главе 4
- •Глава 5. Списки
- •5.1. Нумерованные списки
- •5.2. Маркированные списки
- •Многоуровневые списки
- •Список определений
- •Вопросы для самоконтроля к главе 5
- •Глава 6. Табличный дизайн
- •6.1. Создание таблиц
- •6.2. Горизонтальное выравнивание в таблице
- •6.3. Рамки таблицы
- •6.3.1. Толщина и цвет рамок
- •Частичное отображение рамок
- •Фон таблицы и ячеек
- •Шрифт таблицы и ячеек
- •Объединение ячеек
- •Заголовок таблицы
- •Вопросы для самоконтроля к главе 6
- •Глава 7. Фреймы
- •Понятие фреймовой структуры
- •Расположение фреймов в окне браузера
- •Способы задания размеров фреймов
- •Вложенные фреймы
- •Обрамление фреймов
- •Открытие страниц во фреймах
- •Вопросы для самоконтроля к главе 7
- •Глава 8. Внешние параметры web-страницы
- •8.1. Название страницы
- •8.2.1. Мета-запись keywords
- •8.2.2. Мета-запись description
- •8.2.3. Мета-запись refresh
- •8.2.4. Мета-запись expires
- •8.2.5. Мета-записи author и copyright
- •Вопросы для самоконтроля к главе 8
Заголовок таблицы
В структуре таблицы можно предусмотреть заголовок, который будет сопровождать таблицу. Например, пусть для нашего примера необходимо сделать заголовок «Сотрудники фирмы»:
СОТРУДНИКИ ФИРМЫ
ФИО |
Дата рождения |
Орлов Н.Л. |
12.03.1970 |
Яковлев В.К. |
05.06.1981 |
Для этого после записи тега <TABLE> используют парный тег <CAPTION>, внутрь которого помещают название таблицы (в нашем случае СОТРУДНИКИ ФИРМЫ), что позволит жестко связать заголовок и таблицу:
…
<TABLE border=1>
<CAPTION> СОТРУДНИКИ ФИРМЫ </CAPTION>
<TR>…
</ TABLE >
При этом заголовок располагается по центру относительно краев таблицы (а не окна браузера). Режим выравнивания по центру используется по умолчанию. Если же необходимо изменить режим выравнивания, то используется параметр align и соответствующие значения: left (по левому краю) или right (по правому краю). Например:
<CAPTION align=right> СОТРУДНИКИ ФИРМЫ </CAPTION>
Размер заголовка таблицы можно задать, используя известный тег <Hn>…</Hn>. Например:
<CAPTION > <H2>СОТРУДНИКИ ФИРМЫ </H2></CAPTION>
Задать шрифт заголовка можно, записав после использования тега <CAPTION> тег <FONT>. Например:
< CAPTION >< H2><FONT face="Comic Sans MS">Расписание занятий </FONT></ H2></ CAPTION >
Вопросы для самоконтроля к главе 6
Для чего могут служить таблицы на Web-странице?
Из каких элементов состоит HTML-структура, описывающая таблицу?
Какие существуют параметры тега <TABLE>?
Какие существуют параметры тега <TR>?
Какие существуют параметры тега <TD>?
Как сделать в таблице горизонтальное выравнивание?
Как сделать горизонтальное выравнивание в отдельной ячейке?
Как изменить толщину и цвет рамок таблицы?
В чем отличие внешних и внутренних рамок таблицы?
Как сделать, чтобы пустая ячейка имела рамку?
Как задать фон для таблицы и для отдельной ячейки?
Как сделать фоном таблицы графическое изображение?
Какие средства имеются для объединения ячеек?
Какое средство имеется для оформления заголовка таблицы?
По умолчанию заголовок таблицы располагается по центру таблицы или по центру окна браузера?
Как изменить размер заголовка таблицы?
Как изменить шрифт заголовка таблицы?
Глава 7. Фреймы
Понятие фреймовой структуры
В переводе с английского языка frame – обрамлять, рама, остов. Применительно к Web-дизайну это слово означает разбиение окна браузера на области, в которых может располагаться любая информация. Информация в каждой такой области окна (фрейме) может быть логически связана друг с другом, поскольку обычно любая Web-страница создается на определенную тему, но может быть совершенно самостоятельной, если отдельный фрейм служит, например, только для размещения рекламы. Такая структура окна браузера, разделенная на мелкие области, с размещенной в них информацией, называется фреймовой структурой.
Для организации фреймовой структуры необходимо создать HTML-файлы с интересующей вас информацией, которая будет содержаться в отдельных фреймах, и «главный» HTML-файл, в котором эта фреймовая структура будет описана. Для создания фреймовой структуры служат теги <FRAMESET>…</FRAMESET> и <FRAME>, которые образуют следующую структуру:
<FRAMESET параметры>
<FRAME src=”file1.html”>
<FRAME src=”file2.html”>
</FRAMESET>
HTML-документ, описывающий структуру фреймов, не имеет раздела <BODY>.
Для дальнейшей работы создадим 3 произвольных файла Фрейм1.html, Фрейм2.html и Фрейм3.html, которые затем будут размещены в отдельных фреймах. При этом один из файлов, например, Фрейм2.html, будет содержать гиперссылки на файлы, заготовленные заранее и содержащие информацию о театрах, кино и т.п. И главное, создадим четвертый файл с именем Фрейм_файл.html, в котором будет описана фреймовая структура. Подробный код этих страниц находится в приложении 1 практикума.