Подготовка простейших Web- страниц

Автор: Пользователь скрыл имя, 07 Декабря 2012 в 19:34, лабораторная работа

Описание работы

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

Скачать полностью (244.45 Кб) Сколько стоит заказать работу?
Работа содержит 1 файл

Создание Web.doc

— 359.50 Кб (Скачать)
  1. Завершите таблицу тегом </TABLE>.
  2. Сохраните документ под именем table.htm.
  3. Запустите обозреватель Internet Explorer.
  4. Откройте файл   table.htm (рис. 2).
  5. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая внимание на влияние заданных атрибутов.
  6. Измените ширину окна обозревателя и установите, как при этом изменяется  внешний вид таблицы.

 

<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

Создание описания фреймов.

  1. Запустите текстовый редактор Блокнот (Пуск > Программы > Стандартные > Блокнот).
  2. Введите следующий документ:
  3. <HTML> <HEAD>
  4. <ТITLE>Описание фреймов</ТITLE> </HEAD>
  5. <FRAMESET ROWS="60%,*">

<FRAME SRC="table.htm">

<FRAMESET COLS="35%,65%" NORESIZE>

<FRAME SRC="2.htm">

<FRAME SRC="4.htm">

</FRAMESET>

</HTML>

  1. Сохраните этот документ под именем frames.htm.
  2. Запустите обозреватель Internet Explorer.
  3. Откройте файл frames.htm (рис. 3).
  4. Изучите представление нескольких созданных ранее документов, в отдельных фреймах.
  5. Посмотрите, что происходит при изменении ширины окна обозревателя.
  6. Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.
  7. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.
  8. Щелкните на кнопке «Назад» на панели инструментов и убедитесь, что  возврат к предыдущему документу не нарушает структуру фреймов.
  9. Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.
  10. Вернитесь в программу Internet Explorer и щелкните на кнопке «Обновить» на   панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.

Рис. 3

Контрольные вопросы.

  1. Перечислите назначение элементов: <BODY>, <STYLE>, <META>, <HEAD>, <A> </А>, <BASE>.
  2. Объясните понятие гипертекстовые ссылки, атрибуты.
  3. Каким тегом вводятся параграфы?
  4. Что обозначается тэгом <H1>…..</H1>? Сколько существует уровней заголовка?
  5. Какие средства языка  используются при создании списков?
  6. Опишите приемы создания таблиц средствами языка HTML для представления данных.
  7. Какие атрибуты тегов  языка HTML изменяют вид таблиц?
  8. Для чего используют фреймы?
  9. Каким парным тэгом описания фреймов заменяется тело документа?
  10. Как влияют атрибуты тега <IMG> на способ отображения изображения.
  11. Какие элементы языка HTML, которые могут использоваться для форматирования текста документа. Как эти элементы воздействуют на отображение документа, и какие элементы можно вкладывать друг в друга.
  12. Какие форматы изображений используют Web-страницы?
  13. Какие существуют тэги для форматирования текста?
  14. Как использованные элементы HTML влияют на способ отображения текста.

 


Информация о работе Подготовка простейших Web- страниц