Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
PITS-Lab-06.doc
Скачиваний:
1
Добавлен:
16.11.2019
Размер:
4.31 Mб
Скачать

2.3. Порядок выполнения работы

Лабораторная работа является комплексной и выполняется в два этапа по мере освоения теоретического материала.

Этап 1. Изучение правил построения конструкций языка HTML:

  • основные теги языка;

  • ссылки типа «якорь»;

  • связи с отдельными участками одного документа;

  • списки (ненумерованные, упорядоченные, словари, вложенные);

  • преформатированный текст, цитаты, адреса;

  • форматы символов (логические и физические);

  • встроенные изображения;

  • внешние изображения, звук, видео;

  • рекомендации по разметке и реальные примеры HTML-документов.

Этап 2. Работа на компьютере по созданию и тестированию создаваемых HTML-документов:

  • планирование иерархической структуры документа;

  • выявление или создание нетекстовых компонентов;

  • решение проблем расположения и адресации компонентов;

  • работа с программой редактирования;

  • тестирование созданного документа – работа из среды редактора

  • с одним из браузеров (IE, NC).

Замечание. В зависимости от наличия аппаратно-программных возможностей и средств доступа в Internet в локальной вычислительной сети ТРТУ варьируются возможности и средства адресации ресурсов и компонентов HTML-документов.

2.4. Содержание отчета

  1. Цель работы.

  2. Текст подготовленного студентом HTML-документа, демонстрирующий понимание возможностей эффективного использования его тегов и конструкций.

  3. Выводы по проделанной работе.

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

  1. В чем состоит необходимость языка, подобного HTML?

  2. Опишите возможности и средства языка HTML.

  3. Опишите требования к HTML-документам.

  4. Приведите и опишите пример несложного HTML-документа.

  5. Назовите основные теги языка HTML.

  6. Опишите ссылки, связи с отдельными участками одного документа.

  7. Опишите различные виды списков.

  8. Опишите преформатированный текст, цитаты, адреса.

  9. Опишите логические и физические форматы символов.

  10. Опишите встроенные изображения.

  11. Опишите внешние изображения, звук, видео.

  12. Поясните рекомендации по разметке.

  13. Приведите реальные примеры HTML-документов.

  14. Охарактеризуйте HTML-редакторы.

  15. Охарактеризуйте браузеры.

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

  17. Напишите теги заголовка HTML листа.

  18. Напишите теги тела HTML листа.

  19. С помощью какого тега задать выравнивание текста?

  20. Напишите теги, задающие заголовок HTML листа.

  21. Что обозначают тег CENTER?

  22. Что такое URL и каким тегом задается?

  23. Какие атрибуты имеет HREF?

  24. Для чего необходим тег rel ?

  25. Для чего необходим тег rev ?

  26. С помощью какого тега задается разделение строк?

  27. Каким тегом задается горизонтальная табуляция?

  28. Для чего необходим тег ISINDEX ?

  29. Для чего необходим тег BASE ?

  30. Для чего необходим тег META ?

  31. Для чего необходим тег LINK ?

  32. Для чего необходим тег SCRIPT ?

  33. Для чего необходим тег STYLE ?

  34. Для чего необходим тег INPUT ?

  35. Для чего необходим тег SELECT ?

  36. Для чего необходим тег TEXTAREA ?

  37. Какие Escape-последовательности вы знаете?

  38. Как в HTLM задается цвет?

  39. В каких дополнительных тегах может задаваться цвет?

  40. Опишите основные элементы выравнивания.

  41. Как в HTML можно задать комментарии,

  42. Как задается необходимый шрифт в HTML-документе?

  43. Для чего необходим тег EM ?

  44. Для чего необходим тег STRONG ?

  45. Для чего необходим тег CITE ?

  46. Для чего необходим тег CODE ?

  47. Для чего необходим тег SAMP ?

  48. Для чего необходим тег KBD ?

  49. Какими тегами задается шрифтовые элементы (физическая разметка текста)?

  50. Для чего необходим тег IMG ?

  51. Каковы основные атрибуты IMG ?

  52. Что обозначают теги th и td ?

  53. Какие атрибуты устанавливают используемую по умолчанию ширину столбца?

  54. Какие атрибуты устанавливают горизонтальное выравнивание клеток?

  55. Какие атрибуты устанавливают вертикальное выравнивание клеток?

  56. С помощью какого тега можно задать цвет клетки?

  57. В каких единицах можно задавать размеры таблицы?

  58. С помощью какого тега можно задать ширину рамки таблицы?

  59. Для чего необходим тег FONT ?

  60. Для чего необходим тег BASEFONT ?

  61. В чем состоит различие между физической и логической разметкой документа?

  62. Что такое кадр (frame)?

  63. Какими тегами определяется кадр?

  64. Основные атрибуты кадра?

  65. Что такое таблица стилей?

  66. Что такое описания типов документов (DTD)?

  67. Используя конструкции HTML, опишите указанную ниже предметную область:

  • тематический каталог библиотеки;

  • макет главной страницы Web-сервера;

  • справочная система;

  • музыкальная шкатулка;

  • персональная Web-страница пользователя;

  • мои любимые животные;

  • ретро-автомобили;

  • банерная сеть;

  • информационная страница программного проекта;

  • витрина электронного магазина;

  • электронный журнал;

  • система поиска чего-либо;

  • оформление заказов (бланки);

  • электронная книга;

  • фотоальбом;

  • архив документации;

  • комната переговоров;

  • склад продукции;

  • Web-сервер кафедры САПР;

  • журнал рейтинг-контроля учебной группы.

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