CASE-средства для разработки информационных систем

             2.2.2. Команды форматирования заголовков

В HTML предусмотрены управляющие коды заголовков шести уровней, которые можно использовать для форматирования заголовков и подзаголовков документа: <H1>, <H2>, <H3>, <H4>, <H5> и <H6>. Эти коды должны использоваться парами; например, последовательность HTML.

Управляющие коды заголовков оказывают важное влияние на текстовый поток. Когда встречается код заголовка, текущий абзац заканчивается и текст заголовка выводится выровненным по левому краю визуально отличающимся шрифтом с дополнительным промежутком сверху и снизу; далее поток текста снова начинается с левого края. Размер промежутка выше и ниже заголовка приблизительно равен высоте одной строки заголовка.

2.2.3. Команды форматирования текстового потока

Три наиболее часто используемых управляющих кода данной категории - <P>, <BR> и <HR>. Это одиночные, а не парные коды; другими словами, программы просмотра не требуют кодов </P>, </BR> и </HR>.

Управляющий код <P> означает конец абзаца и соответствует  коду \par формата RTF (Rich Text Format - расширенный текстовый формат). Если остальные управляющие коды не устанавливают иного, весь текст между кодами <P> программой просмотра может быть разбит на строки в соответствии с размером окна, экранного шрифта и т. п. По соглашению программы просмотра Web используют для отделения каждого абзаца от следующего промежуток размером в одну строку.

Управляющий код <BR> вводит принудительный перевод строки и  соответствует нажатию клавишной  комбинации [Shift]-[Enter] в текстовых  процессорах Word. Код <BR> не означает конца логического абзаца, и за строкой с этим кодом дополнительная пустая строка не появится.

Управляющий код <HR> сообщает программе просмотра, что в этом месте следует изобразить горизонтальную линию, пересекающую клиентскую область окна.

Управляющие коды <LISTING> и <BLOCKQUOTE> по смыслу похожи на коды <PRE>. Текст между <LISTING> и </LISTING> рассматривается как исходный текст программы или листинг, сгенерированный транслятором языка программирования. Коды <BLOCKQUOTE> и </BLOCKQUOTE> ограничивают цитаты или извлечения из других источников. Цитируемый текст выделяется с обеих сторон отступом, перед ним и после него могут быть дополнительные промежутки, он может быть выведен другим шрифтом.

2.2.4. Команды форматирования списков

Версии HTML предусматривают  три типа списков: упорядоченные списки, неупорядоченные списки и списки определений, которые обозначаются соответственно метками <OL>, <UL> и <DL>. Упорядоченные списки предназначены для последовательных операций или алгоритмов, и программа просмотра Web автоматически генерирует номера для каждого пункта в списке. Неупорядоченные списки используются, например, при составлении перечня покупок, когда порядок несуществен и перед каждым элементом в выводимом на экран списке будет стоять буллит. Списки определений обеспечивают специальное форматирование, как в словарях, или глоссариях, для терминов и связанных с ними описаний.

Отдельные элементы в  упорядоченном и неупорядоченном  списке помечаются одиночным кодом <LI>, а элементы в списках <DL> - кодами <DT> и <DD> для термина  и его значения соответственно.

 

2.2.5. Коды форматирования символов

Управляющие коды форматирования символов можно разделить на две  подгруппы: коды физических атрибутов  символов и коды логических атрибутов  символов. Эти коды всегда парные. Коды физических атрибутов соответствуют параметрам форматирования, применяемым в текстовых процессорах:

   <B> Полужирный  шрифт

   <I> Курсив

   <U> Подчеркивание

   <TT> "Телетайпный"  текст - равноширинный шрифт (Курьер)

Коды логических атрибутов  более абстрактны и более многочисленны и примерно соответствуют стилям символов из таблицы стилей текстового процессора:

<ADDRESS>	Информация для контакта с автором  документа HTML
<CITE>	Цитата
<CODE>	Используется для директив HTML
<DFN>	Определение
<EM>	Выделение (обычно курсивом)
<KBD>	Клавиатурный символ
<SAMP>	Пример вывода команды
<STRONG>	Усиленное выделение (полужирным шрифтом)
<VAR>	Переменная в программе

 

2.2.6. Специальные символы

Спецификация HTML определяет набор символов для документов HTML как набор 8-разрядных однобайтовых символов ISO 8859/1, который также известен как Латинский алфавит N 1 (Latin-1). Это набор из 256 символов, который содержит много графических элементов и символов с диакритическими знаками, необходимых для текстов на большинстве европейских языков, в том числе и на английском. Младшие 128 кодов символов ISO 8859/1 практически те же, что и в ASCII, и этот поднабор иногда называют International Reference Version, или ISO-646.

HTML предусматривает специальные  "escape-последовательности", которые могут использоваться для кодирования символов, не входящих в таблицу ASCII, и ограничителей команд HTML. В спецификациях HTML эти escape-последовательности называются символьными объектами (character entities). Вот наиболее важные из них:

Escape-последовательность	Отображается как
&lt;	<
&gt;	>
&amp;	&
&quot;	"

Специальные символы  могут также кодироваться цифровой escape-последовательностью, где число  соответствует коду символа ISO 8859.

Escape-последовательность	Отображается как
&#60;	<
&#62;	>
&#38;	&
&#34;	"
&#169;	©
&#174;	®

Отметим, что, согласно спецификации HTML, escape-последовательности для специальных  символов чувствительны к регистру символов. Но некоторые программы  просмотра (в том числе Netscape Navigator) воспринимают символы верхнего регистра так же, как и нижнего.

2.2.7. Команды гипертекстовых связей

Эти управляющие коды применяются для кодирования  гипертекстовых связей - выделенных цветом или подчеркиванием кусочков текста или растровых изображений в специальной рамке, щелчком на которых пользователь может перейти к другому документу или к другому месту того же документа. Основная форма кода гипертекстовой связи такая:

   <A HREF="URL">некоторый  текст</A>

где "некоторый текст" - это то, что видит пользователь, а URL - "место назначения" гипертекстовой связи. Адрес этого места может быть абсолютным, с полным именем сервера и именем файла документа назначения; относительным, означающим, что имя сервера и начальный каталог предполагаются теми же, что и у документа, содержащего код гипертекстовой связи; или даже локальным, если файл находится на компьютере, где запущена программа просмотра Web, а не на сервере Web. Между кодами <A> и </A> можно поместить текст любого объема, код <IMG> для вставки графики или сочетание того и другого.

Обычно, когда пользователь щелкает на гипертекстовой связи, программа  просмотра извлекает документ, форматирует  его и затем показывает, начиная с верхней части окна просмотра. Однако код связи позволяет также немедленно прокрутить документ до метки в документе назначения. Общий вид кода гипертекстовой связи такого вида:

   <A HREF="URL#метка">некоторый  текст</A>

Метка должна находиться в HTML-документе назначения и иметь  такой вид:

<A NAME="метка">текст,  который увидит пользователь</A>

2.2.8. Команды вставки графики

Одно из самых главных свойств WWW - ее мультимедиа-возможности, т. е. вставка рисунков, пиктограмм, видеоклипов и звука наравне с текстом и представление результатов в визуально насыщенном, привлекательном и цельном виде.

На простейшем уровне графические элементы вставляются в текст с помощью управляющего кода <IMG>. Он содержит унифицированный адрес ресурса URL, определяющий действительное положение графического объекта в отдельном файле, и некоторые подробности его вывода на экран. Другими словами, графика на самом деле не включается в документ HTML, а вызывается по ссылке. Адрес может быть абсолютным или относительным, так что сам графический объект может находиться или на той же машине, что и обращающийся к нему документ HTML, или на любом другом адресуемом сервере Web, или даже на собственном жестком диске пользователя. Полный вид кода <IMG> такой:

<IMG SRC="URL" [ALIGN=TOP|MIDDLE|BOTTOM] [ALT="text"]>

Посмотрим простой пример встраиваемой графики. Приведенный ниже фрагмент в документе HTML отображает графический файл JOHNDOE.GIF в левой части окна просмотра, а текст "John Doe" - в правой, при этом линейка, на которой располагается текст, будет находиться на половине высоты рисунка.

   <P>

   <IMG SRC="JOHNDOE.GIF" ALIGN=MIDDLE>

   John Doe<P>

Адрес графического файла - относительный, так что программа просмотра будет пытаться найти его там же, где и сам документ HTML, содержащий ссылку на него.

Проверка адреса и  вопросы производительности - больное  место для мультимедиа-публикаций Web. Поскольку документы HTML и их встроенная графика в действительности находятся в разных файлах на сервере Web, ссылка на файл в документе и реальный файл легко могут рассогласоваться.

 

 

 

3. Рекомендации пользователю по работе с электронным учебником

Для начала работы с учебником  в локальном режиме, необходимо зайти  в папку учебник и двойным  нажатием левой кнопки мыши открыть HTML документ под названием Index.

 

 

Пользователь попадёт  на главную страницу, где отображается содержание учебника.

 

 

Каждая глава является ссылкой, по нажатию на которую, осуществляется переход на страницу с текстом данной главы.

Во всех главах есть под  главы, переход на которые так  же осуществляется через ссылки. В конце каждой главы и под главы есть ссылка «К содержанию» при нажатии на нее мы выходим на содержание всей книги.

 

Заключение

В курсовом проекте мы подробно рассмотрели  и создали свой электронный учебник и контрольные тестирования для проверки знаний.

Поставленная задача выполнена полностью. Разработанный  электронный учебник можно успешно применять на практике, внедряя его в учебный процесс.

Электронный учебник  необходим для самостоятельной  работы учащихся при очном и, особенно, дистанционном обучении потому, что он

- облегчает понимание изучаемого материала;

- допускает адаптацию в соответствии с потребностями учащегося, уровнем его подготовки, интеллектуальными возможностями и амбициями;

- освобождает от громоздких вычислений и преобразований, позволяя сосредоточиться на сути предмета, рассмотреть большее количество примеров и решить больше задач;

- предоставляет широчайшие возможности для самопроверки на всех этапах работы;

- выполняет роль бесконечно терпеливого наставника, предоставляя практически неограниченное количество разъяснений, повторений, подсказок и проч.

Учебник необходим студенту, поскольку без него он не может  получить прочные и всесторонние знания и умения по данному предмету.

Электронный учебник  полезен на практических занятиях. Учебник удобен для преподавателя.

 

Список литературы

Основная:

1. HTML и CSS. Совместное использование: Вирджиния ДеБольт — Санкт-Петербург, НТ Пресс, 2006 г.- 512 с.

2. HTML и CSS в примерах, типовых решениях и задачах (+ CD-ROM): С. А. Соколов — Санкт-Петербург, Вильямс, 2007 г.- 416 с.

3. HTML, скрипты и стили: В. В. Дунаев — Санкт-Петербург, БХВ-Петербург, 2011 г.- 816 с.

4. HTML и XHTML. Подробное руководство: Чак Муссиано и Билл Кеннеди — Санкт-Петербург, Символ-Плюс, 2008 г.- 752 с.

5. HTML 4.0: А. Матросов, А. Сергеев, М. Чаунин — Москва, БХВ-Петербург, 2008 г.- 672 с.

Дополнительная:

6. Информатика. Базовый курс. Учебник для Вузов/под ред. С.В. Симо-новича, - СПб.: Питер, 2000.

7. Основы веб-программирования с использованием HTML, XHTML и CSS: Джон Дакетт — Санкт-Петербург, Эксмо, 2010 г.- 768 с.

8. HTML. Самое необходимое (+ CD-ROM): Н. П. Кисленко — Санкт-Петербург, БХВ-Петербург, 2008 г.- 352 с.

9. Фигурнов В. Э. IBM PC для пользователя. М.: Инфра-М, 2001 г.

10. Гончаров А. HTML в примерах. СПб.: Питер, 1997.