Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
bagaeva22.doc
Скачиваний:
131
Добавлен:
17.03.2015
Размер:
3.87 Mб
Скачать

Практическое задание создание web-страницы

1. Создание простейшей web-страницы. Откройте текстовый редактор «Блокнот». Наберите в нем структуру HTML-документа.

<HTML>

<HEAD>

<TITLE>Студенческая жизнь</TITLE>

</HEAD>

<BODY>Первая домашняя страничка</BODY>

</HTML>

Сохраните файл на диске в папке под своей фамилией, задав ему имя index.htm. Откройте созданный файл в браузере Internet Explorer. Вы увидите, как выглядит созданный вами файл в окне браузера. Закройте браузер.

2. Настройка страницы.

Параметры тега <BODY>. Вернитесь к исходному файлу в редакторе «Блокнот». Введите атрибуты для тега <BODY>: цвет фона – светло-серый, цвет текста – темно-синий (BGCOLOR="silver" TEXT="navy"). Сохраните изменения в файле и вновь просмотрите его в браузере.

Форматирование текста. Текст Первая домашняя страничка сделайте заголовком первого уровня (тег <H1></H1>). Затем ниже введите ваши фамилию, имя и отчество (в родит. падеже) и выделите этот текст жирным шрифтом, оформите как абзац с выравниванием текста по центру и с переводом строки (теги <P></P>, <B></B>, <BR>). Сохраните изменения в исходном файле и вновь просмотрите его в браузере. Вы видите, что заголовок на вашей странице выровнен по левому краю. Измените выравнивание и сделайте его по центру (атрибут ALIGN для тега заголовка первого уровня).

Пропустите несколько строк после текста с фамилией и введите текст, оформленный как маркированный список (теги <UL> и <LI>):

Немного о себе;

Мои любимые предметы;

Мое хобби.

Сохраните исходный текст файла и вновь просмотрите его в браузере.

Далее на вашей страничке увеличьте размер шрифта текста с вашей фамилией на два пункта и измените вид маркера на полую окружность (теги <FONT> с атрибутом SIZE и <UL> с атрибутом TYPE).

Через несколько строк от списка используйте горизонтальный разделитель, после которого введите свои координаты (почтовый адрес, и телефон). Для этого используйте тег <HR>. Сохраните изменения и вновь просмотрите его в браузере.

Создайте еще три страницы. В качества заголовка на странице используйте строки вашего списка: Немного о себе, Мои любимые предметы, Мое хобби. Заполните содержимое этих страниц. Используйте различные цвета для фона и текста, а также различные шрифты и виды их выделения. Текст первой страницы должен содержать как минимум два абзаца. Когда будете набирать содержимое второй страницы Мои любимые предметы, в тексте предусмотрите их перечень, а ниже – пояснения для каждого предмета. Сохраните содержимое этих страниц в файлах с соответствующими названиями page1.htm, page2.htm, page3.htm в каталоге, где был сохранен первый ваш файл с индексной страницей.

Контрольные вопросы и задания

  1. Дайте определение понятия HTML-документа.

  2. Дайте определение понятия тега.

  3. Приведите классификацию тегов по способу организации.

  4. Из каких блоков состоит HTML-документ и какие теги используются для организации этих блоков?

  5. Для чего используется заголовок документа HTML?

  6. Какие элементы могут располагаться внутри заголовка HTML-документа?

  7. Какой формат имеет файл, в котором сохраняется текст web-страницы?

  8. Какое имя имеет стартовая страница HTML-документа?

  9. Дайте определение понятия атрибута тега.

  10. Назовите способы записи атрибутов тега.

  11. Расскажите правило записи тегов.

  12. Что такое escape-последовательности?

  13. Какие существуют способы просмотра HTML-документа в браузере?

  14. Какой тег используется для сохранения форматированного текста с клавиатуры?

  15. Как записываются комментарии в HTML-документе?

  16. Какой тег используется для записи информации браузеру о версии языка HTML?

  17. Дайте определение понятия метаопределения. Какие параметры могут входить в метатеги?

  18. Какие вы знаете атрибуты тега <BODY> и для чего каждый из них используется?

  19. Как формируется цвет в HTML-документе?

  20. Какие теги входят в состав группы логического форматирования текста?

  21. Заголовок какого уровня считается наивысшим?

  22. Как осуществляется оформление заголовка в тексте и сколько уровней их используется в HTML-документе?

  23. Какие теги входят в состав группы физического форматирования текста?

  24. Какие теги используются для изменения начертания символов текста?

  25. Какие теги используются для изменения размера шрифта и выбора его типа?

  26. Какие теги относятся к структурному форматированию текста HTML-документа?

  27. С помощью каких тегов можно сформировать текстовые блоки, в чем разница между ними?

  28. Назовите атрибуты, которые используются при форматировании абзаца.

  29. Для чего используют горизонтальную линию и как настраивают ее параметры?

  30. Когда применяют отступ и пустую строку в HTML-документе?

  31. Какие виды списков применяются в HTML-документе?

  32. Как оформляются списки в HTML-документе?

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]