Разработка электронного учебника
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
ровней заголовков разделов документа, пронумерованных цифрами от 1 до 6. Заголовки объявляются парой тэгов с номерами, соответствующими требуемым уровням, например: шрифтом.
тАжтАжтАжтАжтАжтАжтАж
тАжтАжтАжтАжтАжтАжтАжтАжтАжтАжтАжтАж
.
От простого текста заголовки отличаются размером и толщиной букв. Заголовок первого уровня h1 выполняется обычно очень крупным шрифтом, а заголовок шестого уровня h6 - очень мелким.
Надо обратить внимание, что не следует путать заголовки разделов документа с заголовком страницы, определяемым директивой .
По умолчанию заголовок выравнивается по левому краю страницы, но его можно также выровнять по правому краю или центрировать. Для правостороннего выравнивания в тэге указывает, что текст заголовка должен быть выровнен по центру, а размер шрифта должен быть наибольшим.
Вставка рисунков. На каждую Web-страницу можно поместить любое число рисунков, используя готовые графические изображения или создавая их.
Изображения, которые необходимо разместить на Web-страницах, должны быть в таком графическом формате, который поддерживается броузером. Стандартные форматы Web-графики - GIF, JPG и PNG. Размеры их файлов минимальны по сравнению с файлами других форматов.
Для вставки графического файла применяется одиночный тэг с атрибутом src. Значение атрибута указывает полное имя файла или его адрес в Интернете.
Вставка гиперссылок. Так как HTML означает язык гипертекста, вспомним, что же такое гипертекст?
В отличие от простого текста, который, как правило, мы читаем только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Справочные системы многих программных продуктов построены именно по принципу гипертекста. При щелчке левой кнопкой мыши на некотором выделенном цветом и подчеркнутом фрагменте текущего документа - гипертекстовой ссылке -происходит переход к заранее определенному документу или фрагменту документа. На Web-страницах гипертекстовые ссылки широко используются для перехода к определенному фрагменту текущей страницы, следующей или любой странице сайта или документу другого сайта.
Для задания перехода по гиперссылке в языке HTML используются тэги с атрибутом href, значением которого является адрес перехода. В качестве адреса может использоваться имя файла другого документа или URL-адрес.
Для осуществления перехода на отдельные страницы сайта необходимо в директиве указать только имя этой страницы, причем адрес файла следует заключать в кавычки, так как не все браузеры могут отличить адрес без кавычек.
На примере нашего электронного учебника посмотрим как создать гиперссылку перехода с титульного листа (1 стр.) на содержание.
тАжтАжтАжтАж.
<img src=
"C:\Windows\Рабочий стол\Учебник\рисунки\187.gif" align="right" alt="Содержание" />
.
Создание таблиц. До сих пор мы создавали документы, в которых текст располагался в одной колонке. На практике иногда бывает необходимо внести текст в несколько колонок. Сделать это можно, создавая таблицы, аналогичные таблицам Word. Кроме того, таблица, состоящая из одной ячейки, помогает эффективно выделить фрагмент текста, на который следует обратить внимание читателя. В ячейках таблицы удобно размещать рисунки и текст. Часто таблицу применяют для создания пользовательского меню. Конечно же, таблица нужна для отображения информации непосредственно в табличном виде.
Технологию создания рассмотрим на примере таблицы из одной колонки и двух строк которая создана в электронном учебнике по диiиплине Численные методы (рисунок 1).
Для создания таблицы необходимо выполнить следующие действия:
открыть текстовый или создать новый документ, уже в открытом редакторе;
ввести основные тэги, ее создающие структуру документа.
Рис. 1. Пример таблицы
Каждая таблица начинается тэгом . Каждая пара этих тэгов образует строку столбца. Таким образом код HTML, описывающий таблицу, показанную на рис. 1, будет иметь следующий вид:
.
Данный код необходимо ввести между открывающим .
Итак, таблица разработана, осталось создать ссылки на соответствующие страницы сайта.
Для задания перехода по гиперссылке используем тэги с атрибутом href, указывающим имя страницы.
Создание многооконной страницы (страницы с фреймами).