2015-05-27
181Лабораторная работа 12-13
Тестовые процессоры – инструменты для создания Web – документов
Цель работы
1.1 Ознакомиться с языком гипертекстовых ссылок HTML.
1.2 Научится создавать документ HTML.
Пояснения к работе
2.1 Краткие теоретические сведения:
Бегущая строка
| Бегущая строка | <MARQUEE> </MARQUEE> | движение |
Фон
| Фоновая картинка | <BODY BACKGROUND="URL"> |
Таблицы
| Определить таблицу | <TABLE></TABLE> | |
| Окантовка таблицы | <table border=?></TABLE> | |
| Желаемая ширина | <TABLE WIDTH=?> | (в точках) |
| Ширина в процентах | <TABLE WIDTH="%"> | (проценты от ширины страницы) |
| Строка таблицы | <TR></TR> | |
| Выравнивание | <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Ячейка таблицы | <TD></TD> | (должна быть внутри строки) |
| Выравнивание | <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Растягивание по колонке | <TD COLSPAN=?> | |
| Растягивание по строке | <TD ROWSPAN=?> | |
| Желаемая ширина | <TD WIDTH=?> | (в точках) |
| Ширина в процентах | <TD WIDTH="%"> | (проценты от ширины страницы) |
| Цвет ячейки | <TD BGCOLOR="#$$$$$$"> | |
| Заголовок таблицы | <TH></TH> | (как данные, но жирный шрифт и центровка) |
| Выравнивание | <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | |
| Растягивание по колонке | <TH COLSPAN=?> | |
| Растягивание по строке | <TH ROWSPAN=?> | |
| Цвет ячейки | <TH BGCOLOR="#$$$$$$"> | |
| Заглавие таблицы | <CAPTION></CAPTION> | |
| Выравнивание | <CAPTION ALIGN=TOP|BOTTOM> | (сверху/снизу таблицы) |
Ссылки и графика
|
|
|
| Ссылка | <A HREF="URL"></A> | |
| Ссылка на закладку | <A HREF="URL#***"></A> | (в другом документе) |
| На другое окно | <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> | |
| Определить закладку | <A NAME="***"></A> | |
| Цвет ссылки | <BODY LINK="#$$$$$$"> | |
| Пройденная ссылка | <BODY VLINK="#$$$$$$"> | |
| Активная ссылка | <BODY ALINK="#$$$$$$"> |
Перечень используемого оборудования
Персональный компьютер
Задание
3.1. Открыть созданный ранее документ HTML.
3.2. Вставить на страницу бегущую строку.
3.3. Сохранить документ.
3.4. Создать новый документ HTML.
3.5. В новом документе создать фоновый рисунок.
3.6. В новом документе создать таблицу
| ведомость назначения на стипендию группы № | ||||||
| № п/п | Фамилия, имя, отчество | Математика | Рус. Яз. | Физика | Средний балл | Стипендия |
| Итого стипендиальный фонд по группе |
3.7. В первом документе создать ссылку на второй документ.
3.8. Задать цвет (активной, пройденной) ссылки.
Работа в лаборатории
4.1. Ознакомиться с теоретическим материалом.
|
|
|
4.2. Выполнить предложенные задания.
4.3. Продемонстрировать результаты выполнения заданий.
Контрольные вопросы
5.1. Как задать фон страницы рисунком?
5.2. Как создать таблицу?
5.3. Как задается гипертекстовая ссылка?
5.4. Как осуществляется вставка бегущей строки?
Содержание отчёта
Отчет должен содержать:
6.1. Название работы;
6.2. Цель работы;
6.3. Задание;
6.4. Ответы на контрольные вопросы:
6.5. Выводы к работе.
Список литературы
| 7.1. | Информатика: Учебник. – 3-е перераб. изд. / Под ред. проф. Н.В.Макаровой. – М.: Финансы и статистика, 2002. – 768с. |
| 7.2 | Шафрин Ю.А. Информационные технологии. – М.: Бином. Лаборатория знаний, 1999. – 336с. |
| 7.3 | Симонович С.В. Специальная информатика: Учебное пособие. – М.: АСТ – ПРЕСС КНИГА; Инфорком – Пресс, 2002. – 480 с. |
