Файл: Языки разметки гипертекста.pdf

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Курсовая работа

Дисциплина: Не указана

Добавлен: 14.05.2023

Просмотров: 464

Скачиваний: 3

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

Глава 1. ИСТОРИЯ СОЗДАНИЯ ЯЗЫКОВ РАЗМЕТКИ ГИПЕРТЕКСТА

1.1. Основные понятия концепции гипертекста

1.2. Обобщенный стандартный язык разметки SGML

1.3. Возникновение Всемирной паутины и языка HTML

1.4. Эволюция версий языков HTML и XHTML

1.5. Создание стандарта HTML5

Выводы по главе 1.

Глава 2. ОСНОВНЫЕ ПРИНЦИПЫ РАЗМЕТКИ WEB-ДОКУМЕНТОВ С ПОМОЩЬЮ ЯЗЫКОВ HTML И XHTML

2.1. Основные возможности языка HTML 4.01

2.2. Особенности разметки XHTML

Выводы по главе 2.

Глава 3. НОВЫЕ ВОЗМОЖНОСТИ В HTML5

3.1. Структура Web-документа в HTML5

3.2. Новые типы ввода данных

3.3. Размещение аудио- и видеоконтента на странице

Выводы по главе 3.

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Аналогично, для добавления на страницу аудио используется код:

<audio src=audio.ogg controls></audio>,

в котором атрибут controls указывает на то, что в браузере будет отображаться панель проигрывания аудио.

Следует заметить, что современные браузеры поддерживают не все форматы аудио- и видеофайлов. Наиболее употребительными для аудиофайлов являются следующие форматы: ogg/vorbis, wav, mp3 и AAC; для видеофайлов — ogg/theora, H.264, WebM. Для универсального воспроизведения в разных браузерах аудио и видео кодируют с помощью разных кодеков и добавляют несколько файлов одновременно через тег <source>.

Приведем фрагмент кода для вставки аудио и видео в документ HTML:[70]

<h2>Вставка аудио- и видео</h2>

<h4>Слушаем Моцарта</h4>

<audio controls>

<source src="mozart.ogg" type="audio/ogg; codecs=vorbis">

</audio>

<h4>Смотрим видео</h4>

<video width="200" height="150" controls="controls">

<source src="Lexus.webm" type='video/webm;

codecs="vp8, vorbis"'>

</video>

Вид документа в окне браузера Mozilla Firefox показан на рис. 3.3.

Рис. 3.3. Пример размещения аудио и видео на странице.

Выводы по главе 3.

Таким образом, в третьей главе рассмотрены некоторые новые возможности, введенные в HTML5. Изучены элементы, предназначенные для формирования структуры документа: article, nav, header, footer, aside. Рассмотрены новые типы, предназначенные для ввода на странице и проверки корректности в браузере таких данных, как имя, электронный адрес, URL-адрес, дата, число, число из заданного диапазона, цвет и др. Рассмотрено добавление в форму текстового поля с раскрывающимся списком-подсказкой.

Изучены теги для размешения на странице аудио- и видеоконтента. Представлены фрагменты кода, использующие перечисленные новые элементы, а также показано их отображение в браузере Mozilla FireFox.

ЗАКЛЮЧЕНИЕ

В данной курсовой работе изучены языки разметки гипертекста, составляющие основу создания современных Web-документов и Internet-приложений. В процессе выполнения курсовой работы рассмотрены понятия гипертекста, гиперссылки, гипертекстовой системы, навигации, положившие основу для создания первых языков разметки гипертекста и появления Всемирной паутины. Изучена эволюция версий языков HTML и XHTML в 1991 – 2009 гг под руководством Консорциума W3C и появление нового стандарта HTML5 — результата совместных усилий W3C и ведущих компаний-разработчиков современных браузеров.

Далее были изучены основные принципы разметки Web-документов с помощью языка HTML 4.01. Рассмотрены теги, задающие определение типа документа, заголовок и тело документа; теги форматирования текста, создания гипер­ссылок; теги, предназначенные для создания списков, таблиц, форм, полей ввода, флажков, переключателей, кнопок. Изучена фреймовая форма HTML-документа. Рассмотрены основные требования к разметке XHTML-документов.

В последней главе работы изучены новые возможности, предоставля­емые в языке разметки HTML5. Рассмотрены новые теги для создания структуры документа, новые типы ввода данных, активно использующиеся в современных виджетах. Изучены теги для размещения на странице аудио- и видеоконтента.

В ходе выполнения работы были созданы HTML-документы, демонстри­рующие использование тех или иных тегов, и представлен их вид в окне браузера Mozilla Firefox.

Следует отметить, что язык гипертекстовой разметки HTML5, благодаря своей простоте, корректной обработке браузерами и широким возможностям использования в современных Internet-технологиях, заслуженно является на сегодняшний день рекомендованым стандартом.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

  1. Алексеев А.П. Введение в Web-дизайн: учебное пособие – М.: СОЛОН-ПРЕСС, 2008. – 185 c.
  2. Беляев М.И. Принцип реализации структуры гипертекста – один из основных принципов создания электронных учебников // Вестн. РУДН. Сер. Информатизация образования. – 2012. – № 3. – С. 71–82.
  3. Гаврилов М.В., Климов В.А. Информатика и информационные технологии: учебник для СПО / 4-е изд. – М.: Издательство Юрайт, 2015. – 383 с.
  4. Гасов В.М., Цыганенко А.М. Методы и средства подготовки электронных изданий Учебное пособие. – М.: МГУП, 2001. URL: http://www.hi-edu.ru/e-books/xbook081/01/ (Дата обращения: 15.03.2017)
  5. Дронов В.А. HTML5, CSS3 и Web 2.0. Разработка современных Web-сайтов. – СПб.: БХВ-Петербург, 2011. – 416 с.
  6. Дунаев В.В. HTML, скрипты и стили / 3-е изд. – СПб.: БХВ-Петербург, 2011. – 816 с.
  7. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – 544 с.
  8. Информационные технологии: Учебник для вузов / Б.Я. Советов, В.В. Цехановский. – М.: Высш. шк., 2006. – 263 с.
  9. Кирсанов Д. Веб-дизайн. – СПб.: Символ-Плюс, 2015. – 368 с.
  10. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста /
    2-е изд. – СПб.: Питер, 2012. – 304 с.
  11. Могилев А.В., Листрова Л.В. Технологии обработки текстовой информации. Технологии обработки графической и мультимедийной информации. – СПб.: БХВ-Петербург, 2010. – 304 с.
  12. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство / 6-е изд. – СПб.: Символ-Плюс, 2008. – 752 с.
  13. Олифер В.Г., Олифер Н.А. Компьютерные сети. Принципы, техно­логии, протоколы: Учебник для вузов / 4-е изд. – СПб.: Питер, 2010. – 944 с.
  14. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руковод­ство / 4-е изд. – М.: Эксмо, 2014. – 528 с.
  15. Соболева О.В. Понятие и основные характеристики гипертекста // Альманах современной науки и образования.– 2011. – №12(55). – C. 163–164.
  16. Субботин М.М. Гипертекст. Новая форма письменной коммуникации // Итоги науки и техники. Сер. Информатика. – М.: ВИНИТИ, 1994. – Т. 18. – С. 22–36.
  17. Холмогоров В. Основы веб-мастерства: учебный курс. – СПб.: Питер, 2003. – 316 с.
  18. Эпштейн В.Л. Введение в гипертекст и гипертекстовые системы. URL: http://www.lingvolab.chat.ru/library/hypertext.htm (Дата обращения: 15.03.2017)
  19. HTML (Справочник по HTML). URL: http://htmlbook.ru/html
  20. HTML-2.0. URL: https://www.w3.org/MarkUp/html-spec/html-spec_2.html
  21. HTML 3.2. Reference Specification URL: https://www.w3.org/TR/REC-html32
  22. HTML 4.0 Specification. URL: https://www.w3.org/TR/1998/REC-html40-19980424/
  23. HTML 4.01 Specification. URL: https://www.w3.org/TR/html401/
  24. HTML5. URL: https://www.w3.org/TR/html5/
  25. HTML5.1. URL: https://www.w3.org/TR/html51/
  26. XHTML 1.0. The Extensible HyperText Markup Language. URL: https://www.w3.org/TR/xhtml1/
  27. XHTML 1.1 - Module-based XHTML. URL: https://www.w3.org/TR/xhtml11/
  28. XHTML 2.0. URL: https://www.w3.org/TR/xhtml2/

  1. Цит. по Соболева О.В. Понятие и основные характеристики гипертекста // Альманах современной науки и образования.– 2011. – №12(55). – C. 163. ↑

  2. Цит. по Субботин М.М. Гипертекст. Новая форма письменной коммуникации // Итоги науки и техники. Сер. Информатика. – М.: ВИНИТИ, 1994. – Т. 18. – С. 22–36. ↑

  3. Цит. по Эпштейн В.Л. Введение в гипертекст и гипертекстовые системы. URL: http://www.lingvolab.chat.ru/library/hypertext.htm (Дата обращения: 15.03.2017) ↑

  4. Цит. по Эпштейн В.Л. Введение в гипертекст и гипертекстовые системы. URL: http://www.lingvolab.chat.ru/library/hypertext.htm (дата обращения: 15.03.2017) ↑

  5. Информационные технологии: Учеб. для вузов / Б.Я. Советов, В.В. Цехановский. – М.: Высш. шк., 2006. – С. 88. ↑

  6. Беляев М.И. Принцип реализации структуры гипертекста – один из основных принципов создания электронных учебников // Вестн. РУДН. Сер. Информатизация образования. – 2012. – № 3. – С. 74. ↑

  7. Соболева О.В. Понятие и основные характеристики гипертекста // Альманах современной науки и образования.– 2011. – №12(55). – C. 164. ↑

  8. Соболева О.В. Понятие и основные характеристики гипертекста // Альманах современной науки и образования.– 2011. – №12(55). – C. 164. ↑

  9. Эпштейн В.Л. Введение в гипертекст и гипертекстовые системы. URL: http://www.lingvolab.chat.ru/library/hypertext.htm (дата обращения: 15.03.2017) ↑

  10. Кирсанов Д. Веб-дизайн. – СПб.: Символ-Плюс, 2015. – С. 5. ↑

  11. Могилев А.В., Листрова Л.В. Технологии обработки текстовой информации. Технологии обработки графической и мультимедийной информации. – СПб.: БХВ-Петербург, 2010. – С. 146-147. ↑

  12. Гасов В.М., Цыганенко А.М. Методы и средства подготовки электронных изданий Учебное пособие. – М.: МГУП, 2001. URL. http://www.hi-edu.ru/e-books/xbook081/01/ (Дата обращения: 15.03.2017) ↑

  13. Кирсанов Д. Веб-дизайн. – СПб.: Символ-Плюс, 2015. – С. 7. ↑

  14. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. – С. 39. ↑

  15. Алексеев А.П. Введение в Web-дизайн: учебное пособие – М.: СОЛОН-ПРЕСС, 2008. – С. 17. ↑

  16. Олифер В.Г., Олифер Н.А. Компьютерные сети. Принципы, техно­логии, протоколы: Учебник для вузов / 4-е изд. – СПб.: Питер, 2010. – С. 802. ↑

  17. Могилев А.В., Листрова Л.В. Технологии обработки текстовой информации. Технологии обработки графической и мультимедийной информации. – СПб.: БХВ-Петербург, 2010. – С. 150. ↑

  18. Могилев А.В., Листрова Л.В. Технологии обработки текстовой информации. Технологии обработки графической и мультимедийной информации. – СПб.: БХВ-Петербург, 2010. – С. 150. ↑

  19. Hypertext Markup Language - 2.0. URL:https://www.w3.org/MarkUp/html-spec/html-spec_2.html ↑

  20. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 220. ↑

  21. HTML 3.2 Reference Specification URL: https://www.w3.org/TR/REC-html32, ↑

  22. HTML 4.0 Specification. URL: https://www.w3.org/TR/1998/REC-html40-19980424/ ↑

  23. HTML 4.01 Specification. URL: https://www.w3.org/TR/html401/ ↑

  24. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство / 6-е изд. – СПб.: Символ-Плюс, 2008. – С. 660. ↑

  25. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 220. ↑

  26. XHTML 1.0. The Extensible HyperText Markup Language. URL: https://www.w3.org/TR/xhtml1/ ↑

  27. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 17. ↑

  28. XHTML 1.1 - Module-based XHTML. URL: https://www.w3.org/TR/xhtml11/ ↑

  29. Муссиано Ч., Кеннеди Б. HTML и XHTML. Подробное руководство / 6-е изд. – СПб.: Символ-Плюс, 2008. – С. 582. ↑

  30. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 221. ↑

  31. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 17. ↑

  32. XHTML 2.0. URL: https://www.w3.org/TR/xhtml2/ ↑

  33. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 18. ↑

  34. HTML5. URL: https://www.w3.org/TR/html5/ ↑

  35. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 223. ↑

  36. HTML 5.1. URL: https://www.w3.org/TR/html51/ ↑

  37. Дронов В.А. HTML5, CSS3 и Web 2.0. Разработка современных Web-сайтов. – СПб.: БХВ-Петербург, 2011. –С. 12 ↑

  38. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 483. ↑

  39. Дунаев В.В. HTML, скрипты и стили / 3-е изд. – СПб.: БХВ-Петербург, 2011. – С. 24. ↑

  40. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 483. ↑

  41. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 484. ↑

  42. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 485. ↑

  43. Пример частично взят из Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 486. ↑

  44. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 487. ↑

  45. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 488. ↑

  46. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 488. ↑

  47. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 489. ↑

  48. Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 489. ↑

  49. Пример частично взят из Информационные системы: Учебник для вузов / Ю.С. Избачков, В.Н. Петров, А.А. Васильев и др.: Под ред. В.Н. Петрова. – СПб.: Питер, 2011. – С. 490. ↑

  50. Холмогоров В. Основы веб-мастерства: учебный курс. – СПб.: Питер, 2003. – С. 147. ↑

  51. Холмогоров В. Основы веб-мастерства: учебный курс. – СПб.: Питер, 2003. – С. 147. ↑

  52. Холмогоров В. Основы веб-мастерства: учебный курс. – СПб.: Питер, 2003. – С. 148. ↑

  53. HTML (Справочник по HTML). URL: http://htmlbook.ru/html/td/colspan (Дата обращения 20.03.2017) ↑

  54. Алексеев А.П. Введение в Web-дизайн: учебное пособие – М.: СОЛОН-ПРЕСС, 2008. – С. 81. ↑

  55. Алексеев А.П. Введение в Web-дизайн: учебное пособие – М.: СОЛОН-ПРЕСС, 2008. – С. 82. ↑

  56. HTML (Справочник по HTML). URL: http://htmlbook.ru/html/frame (Дата обращения 20.03.2017) ↑

  57. Пример частично взят из http://htmlbook.ru/html/frameset (Дата обращения 20.03.2017) ↑

  58. Алексеев А.П. Введение в Web-дизайн: учебное пособие – М.: СОЛОН-ПРЕСС, 2008. – С. 84. ↑

  59. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 221 ↑

  60. Пример частично взят из HTML (Справочник по HTML). URL: http://htmlbook.ru/html ↑

  61. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 223. ↑

  62. Там же, С. 225. ↑

  63. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / 4-е изд. – М.: Эксмо, 2014. С. 103. ↑

  64. Пример частично взят из Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 33. ↑

  65. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 101. ↑

  66. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – C. 103. ↑

  67. Там же, С. 108. ↑

  68. Пример частично взят из Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – С. 102-108. ↑

  69. Лоусон Б., Шарп Р. Изучаем HTML5. Библиотека специалиста / 2-е изд. – СПб.: Питер, 2012. – C. 131. ↑

  70. Пример частично взят из HTML (Справочник по HTML). URL: http://htmlbook.ru/html/audio, http://htmlbook.ru/html/video ↑

Смотрите также файлы