Подготовка простейших Web- страниц
Лабораторная работа, 07 Декабря 2012, автор: пользователь скрыл имя
Описание работы
Цель работы: изучение языка гипертекстовой разметки, получение практических навыков работы по оформлению и подготовке материалов к публикации в Интернет, созданию документов, имеющих формат, принятый в Интернете, а также Web-страниц, написанных на языке HTML..
Работа содержит 1 файл
Создание Web.doc
— 359.50 Кб (Скачать)- Завершите таблицу тегом </TABLE>.
- Сохраните документ под именем table.htm.
- Запустите обозреватель Internet Explorer.
- Откройте файл table.htm (рис. 2).
- Изучите, как созданная таблица отображается в программе Internet Explorer, обращая внимание на влияние заданных атрибутов.
- Измените ширину окна обозревателя и установите, как при этом изменяется внешний вид таблицы.
<Table border="10" width="100%"> <caption align ="TOP">Список телефонов</caption> <tr bgcolor="yellow" align="center"> <TH>Фамилия<TH>Номер телефона <tr> <td>Иванов</td> <td>424242</td> <tr> <td>Сидоров</td> <td>454545</td> <tr> <td>Петров</td> <td>555555</td> <tr> <td>Акимов</td> <td>313131</td> <tr> <td>Круглов</td> <td>123123</td> <tr> <td>Колосов</td> <td>525252</td> <tr> <td align="center" colspan="2">На первом этаже здания имеется бесплатный телефон-автомат </table> </BODY> </HTML> |
Рис. 2
Задание 8
Создание описания фреймов.
- Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
- Введите следующий документ:
- <HTML> <HEAD>
- <ТITLE>Описание фреймов</ТITLE> </HEAD>
- <FRAMESET ROWS="60%,*">
<FRAME SRC="table.htm">
<FRAMESET COLS="35%,65%" NORESIZE>
<FRAME SRC="2.htm">
<FRAME SRC="4.htm">
</FRAMESET>
</HTML>
- Сохраните этот документ под именем frames.htm.
- Запустите обозреватель Internet Explorer.
- Откройте файл frames.htm (рис. 3).
- Изучите представление нескольких созданных ранее документов, в отдельных фреймах.
- Посмотрите, что происходит при изменении ширины окна обозревателя.
- Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.
- Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.
- Щелкните на кнопке «Назад» на панели инструментов и убедитесь, что возврат к предыдущему документу не нарушает структуру фреймов.
- Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.
- Вернитесь в программу Internet Explorer и щелкните на кнопке «Обновить» на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.
Рис. 3
Контрольные вопросы.
- Перечислите назначение элементов: <BODY>, <STYLE>, <META>, <HEAD>, <A> </А>, <BASE>.
- Объясните понятие гипертекстовые ссылки, атрибуты.
- Каким тегом вводятся параграфы?
- Что обозначается тэгом <H1>…..</H1>? Сколько существует уровней заголовка?
- Какие средства языка используются при создании списков?
- Опишите приемы создания таблиц средствами языка HTML для представления данных.
- Какие атрибуты тегов языка HTML изменяют вид таблиц?
- Для чего используют фреймы?
- Каким парным тэгом описания фреймов заменяется тело документа?
- Как влияют атрибуты тега <IMG> на способ отображения изображения.
- Какие элементы языка HTML, которые могут использоваться для форматирования текста документа. Как эти элементы воздействуют на отображение документа, и какие элементы можно вкладывать друг в друга.
- Какие форматы изображений используют Web-страницы?
- Какие существуют тэги для форматирования текста?
- Как использованные элементы HTML влияют на способ отображения текста.