Студопедия КАТЕГОРИИ: АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция |
Краткие теоретические сведения
Таблицы в HTML используются в целях упорядочивания и группировки данных. Для создания таблицы служит элемент TABLE, который обозначается парными тегами <TABLE>, </TABLE>. По умолчанию таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации. Таблица имеет многочисленные атрибуты Ячейки таблицы задаются элементом TD внутри тегов <TD>, </TD>, закрывающий тег может не использоваться. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок. Такое разграничение позволяет браузерам оформлять содержимое ячейки-заголовка и ячеек с данными разными шрифтами. Заголовок таблицы задается с помощью элемента CAPTION и может состоять только из текста. Данный элемент должен быть задан непосредственно после тега <TABLE>. Он задается парными тегами <CAPTION>, </CAPTION>. Порядок проведения работы: Убедиться, что созданные ранее документы 1_name.htm, 2_name.htm и 3_name.htm также находятся в вашей папке на жёстком диске. 1. Создание гиперссылок и закладок. · В документе 3_name.htmзакрепить гиперрсылки за следующими элементами списка: За словом Шрифт – гиперссылка на документ 1_name.htm. За словом Заголовки – на документ 1_name.htm. За словом Абзацы - на документ 2_name.htm. · Создать закладку в документе 1_name.htm перед фразой «Нас утро встречает прохладой». Дать ей имя «Morning». · Изменить первую гиперссылку (слово Шрифт) так, чтобы она указывала на закладку «Morning»в документе 1_name.htm. · Создать закладку в начале текущего документа 3_name.htm.. Присвоить ей имя «Hello». · Изменить вторую гиперссылку (на слове Заголовки), определив для неё переход в начало текущего документа на установленную закладку «Hello». · Создать закладку в документе 2_name.htm перед фрагментом монолога. Присвоить ей имя «Mono». · Установить на слово переформатирования гиперссылку на закладку «Mono». · Проверить правильность переходов по всем гиперссылкам. 2. Закрепить гиперссылки за графическими файлами: · Отредактировать тег вставки рисунка Arrows1.wmf, ввести в тег атрибут ALT для отображения текста подсказки «Вернуться». Просмотреть в броузере как реагирует рисунок на наведение курсора мыши. · Закрепить за рисунком Arrows1.wmfв документе 4_name.htmгиперссылку на документ 3_name.htm. Выполнить переход между документами. 3. Создать таблицу по приведенному образцу, сохранить документ под именем tabl_name.htm. Сверху над таблицей разместить заголовок Таблица №1 При отображении таблицы в броузере должны удовлетворяться следующие условия: · таблица должна быть выравнена по центру и быть правильной (симметричной) формы; · в центральной ячейке поместить символ * (звездочка), остальные ячейки должны быть пустыми. Примечание. Для отображения пустых ячеек в них нужно поместить символьный примитив пробела 4. В этом же документе создать копию таблицы №1, ввести заголовок Таблица №2 и модифицировать ее: · В центральной ячейке разместить рисунок Arrows3.wmf · «Раскрасить» все остальные ячейки в различные цвета. 5. Создать еще одну копию таблицы – Таблица №3 и отредактировать теги таблицы так, чтобы она соответствовала приведенному ниже образцу. Примечание. Для объединения ячеек в тегах <TD> необходимо использовать параметры colspan= и rowspan= 6. Создать новый HTML-документ - rasp_name.htmс расписанием занятий. · Документ должен начинаться заголовком · Первая строка таблицы должна быть оформлена как заголовки полей (с использованием тегов <TH>). · Таблица по ширине должна занимать полный размер окна. Ширину отдельных столбцов задать в относительных единицах (в %), с тем, чтобы при изменении ширины окна пропорции таблицы сохранялись.
· Просмотреть созданный документ в броузере при различных размерах окна и различных настройках размера шрифта. 7. Сохранить файл с расписанием под именем rasp_menu_name.htmи модифицировать его. 8. После заголовка создать таблицу, состоящую их одной строки меню с названиями дней недели. 9. В таблице с расписанием установить закладки на названия дней недели. 10. В таблице меню создать гиперссылки на соответствующие дни недели. 11. Выполнить цветовое оформление каждой ячейки меню. 12. Проверить правильность выполнения переходов по гиперссылкам. 13. Создать группу web-страниц, объединенных меню: · На рабочем диске создать папку My_raspisanie для размещения файлов расписания. · Поместить расписание на каждый день недели и таблицу с меню в отдельные файлы. Имена файлов:menu.htm – для главной страницы, названия дней недели – для остальных. Все документы разместить в папке My_raspisanie. · Отредактировать гиперссылки меню так, чтобы по ним выполнялись переходы на соответствующий документ. · В конце каждого файла с расписанием на день организовать гиперссылку для возврата в главный документ с меню. · Оформить фон каждого дня недели собственным цветом, совпадающим с цветом ячейки таблицы меню. 14. Предъявить результат преподавателю. |
||||||||||||||||||||||||||||||||||||||
Последнее изменение этой страницы: 2018-04-12; просмотров: 290. stydopedya.ru не претендует на авторское право материалов, которые вылажены, но предоставляет бесплатный доступ к ним. В случае нарушения авторского права или персональных данных напишите сюда... |