Инструментальные средства создания электронных образовательных ресурсов План лекции 2 Основные теги языка HTML: оформление таблиц; понятие ссылки, оформление. - презентация

1 Инструментальные средства создания электронных образовательных ресурсов План лекции 2 Основные теги языка HTML: оформление таблиц; понятие ссылки, оформление ссылок.

2 Таблицы Для оформления таблиц в документе используется несколько тегов: … - начало – конец таблицы, … - начало – конец строки таблицы, … - начало – конец ячейки строки таблицы. Вместе с тегом table обычно используют параметры: border – определение рамки таблицы; align – выравнивание таблицы в окне браузера; width – ширина таблицы (в пикселах или %).

3

4

5 Тег tr, может иметь параметр align (center, left, right), который определяет горизонтальное выравнивание текста ячейках и действует для всей данной строки таблицы, если он не отменяется другим параметром внутри ячейки. Тег td имеет параметры: align – горизонтальное выравнивание (center, left, right), ; valign – вертикальное выравнивание (middle, top, bottom); bgcolor – цвет фона в ячейке.

6

7 Сложные таблицы Объединение ячеек В случае сложной структуры таблицы возникает необходимость горизонтального или вертикального объединения двух или более ячеек. В этом случае используют следующие параметры тега : rowspan – объединение ячеек, находящихся в одном столбце; colspan - объединение ячеек, находящихся в одной строке.

8 Предположим, нам необходимо создать таблицу следующей структуры: Размерность таблицы (без объединения) – 3 х 3.

9

10 Ссылки Гипертекстовый документ – это документ, содержащий ссылки на другие документы. Ссылки позволяют при помощи нажатия кнопки мыши быстро перемещаться от одного документа к другому. Любая ссылка состоит из двух частей: указатель – это то, что отображается на Web-странице; адресная часть – инструкция браузеру, т.е. адрес документа, который будет загружаться при нажатии на указатель ссылки.

11 Указатели Указатели могут быть текстовые (слово, группа слов) или графические (изображение). При отображении на web-странице текстовые указатели обычно выделяются подчеркиванием и цветом. Графические указатели выделяются рамкой.

12 Адресная часть Указатель Адресная часть Указатель

13 Ссылки можно разделить на: внешние ссылки- указывающие на другие html- документы, хранящиеся на Вашем жестком диске; внутренние ссылки - указывающие на какие-то элементы внутри данного документа; ссылки на Интернет-ресурсы - указывающие на документы, находящиеся в сети Интернет; ссылки на электронную почту – позволяет быстро обратиться к адресату электронной почты.

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

15

16 Внешние ссылки Для создания внешней ссылки (на другой локальный html- документ) используют только одну часть – указатель, на тот документ, который должен быть открыт. Например, если необходимо из файла first.html перейти по ссылке к файлу second.html (и оба эти файла находятся о одном каталоге), достаточно включить следующую строку в html-код: second.html

17

18 Ссылки на Интернет-источники Для создания ссылки на Интернет-источник используется точно такой же механизм, как и при создании внешней ссылки. Отличие заключается только в том, что в адресной части указывается не путь к другому html-файлу, электронный адрес Интернет-источника. Например, если необходимо в электронный учебник включить ссылку на сайт Министерства образования и науки РФ, следует в html-код документа включить следующую строку: Сайт МОиН РФ

19 Ссылки на электронную почту Для создания ссылки на электронную почту используется зарезервированное слово mailto, которое используется в адресной части ссылки в следующем формате: Мой электронный адрес

20 Задание Разработать фрагмент электронного гиперссылочного учебного пособия по своей дисциплине. Фрагмент должен содержать: -методические рекомендации к изучению данного фрагмента; -теоретическую часть (подобрать не только текст, но и иллюстрации, по возможности - таблицы); -элементы блока самоконтроля (вопросы, тесты); -элементы блока самообразования (список литературы, словарь основных терминов); -ссылку на электронную почту преподавателя.