Файл: Языки гипертекстовой разметки (Практическое применение языка HTML).pdf

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

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

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

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

Добавлен: 26.06.2023

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

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

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

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. Теоретические основы гипертекста и его разметки

Сущность понятия гипертекста и его разметки

Характеристика языков разметки гипертекста

2. Практическое применение языка HTML

2.1. Структура документа HTML - основные теги

2.2. Создание простого HTML-сайта

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ

<step>Serve.</step>

</directions>

<variations>

<option>Replace nuts with raisins.</option>

<option>Use chocolate ice cream instead of vanilla ice cream.</option>

</variations>

<preptime>5 minutes</preptime>

</recipe>

ПРИЛОЖЕНИЕ 3

Документы XHTML

Простейший XHTML-документ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<!-- Этот раздел предназначен для заголовка страницы и технической информации. -->

</head>

<body>

<!-- А здесь надо размещать все, что хочется увидеть на странице. -->

</body>

</html>

Документ со строгой разметкой

XHTML 1.0IECrOpSaFx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Пример строгого документа</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<p>...</p>

</body>

</html>

Документ с фреймами

XHTML 1.0IECrOpSaFx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Фреймы</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<frameset cols="100,*">

<frame src="menu.html" name="menu" />

<frame src="content.html" name="content" />

</frameset>

</html>

ПРИЛОЖЕНИЕ 4

WML-колода из трех карт[60]

<?xml version="1.0"?>

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

"http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>

<card id="home" title="Welcome">

<p align="center">Taler's HP<br/>

<img src="logo.wbmp" alt="home"/><br/>

<do type="accept" label="next"><go href="#card1"/></do></p>

</card>

<card id="card1" title="Page 1">

<p>This is the first card.</p>

<do type="accept" label="next"><go href="#card2"/></do>

<do type="prev" label="back"><prev/></do>

</card>

<card id="card2" title="Page 2">

<p>This is the second card.</p>

<do type="accept" label="home"><go href="#home"/></do>

</card>

</wml>

ПРИЛОЖЕНИЕ 5

HTML-код страницы «Гипертекст: сущность»

<html>

<head>

<title>Гипертекст: сущность</title>

</head>

<body>

<h1 align="center">Понятие гипертекста</h1>

<p align="justify">Впервые термин «гипертекст» предложил использовать Теодор Нельсон в 1965 году.

В 80-е годы XX века термин «гипертекст» в филологическом смысле употребил Жерар Женетт в книге «Палимпсесты«,

где он исследовал различные виды интертекстуальных связей. Жерар Женнет разработал практическую модель исследования

межтекстовых отношений, при этом основной акцент он делал не на частных текстуальных связях, а на их произведении

как целостной структуре. Однако следует отметить, что термин «гипертекст» в рамках концепции Женетта имел более узкое

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

Прорыв в применении электронной версии гипертекста имел место во время зарождения интернета и связан

с именем Тима-Бернерса Ли, который в начале 90-х годов XX века создал, а его последователи в дальнейшем усовершенствовали,

основные инструменты, позволяющие создать интернет на основе гипертекста в его современном виде.

</p>

<p align="justify">В настоящее время нет единого определение понятия «гипертекст».

Приведем наиболее используемые определения

</p>

<h2 align="left">Тед Нельсон </h2>

<p align="justify">Гипертекст - это не последовательное сочинение, а текст, который разветвляется и позволяет

читателю выбирать, т.е. это ряд кусков текста, соединенных линками, предлагающими читателю различные пути</p>

<h2 align="left">В. Руднев </h2>

<p align="justify">Гипертекст - текст, устроенный таким образом, что он превращается в систему, иерархию текстов,

одновременно составляя единство и множество текстов</p>

<h2 align="left">Тим Бернерс-Ли </h2>

<p align="justify">Гипертекст — это соединение смысловой структуры, структуры внутренних связей некоего содержания,

и технической среды, технических средств, дающих возможность человеку осваивать структуру смысловых связей,

осуществлять переходы между взаимосвязанными элементами</p>

<h2 align="left">Костюк Н.К. </h2>

<p align="justify">Гипертекст – это нелинейная документация, ветвящаяся и взаимосвязывающаяся, что позволят читателю

исследовать содержащуюся в ней информацию в последовательности, им самим выбранной</p>

</body>

</html>

ПРИЛОЖЕНИЕ 6

HTML-код страницы «Гипертекст: функции»

<html>

<head>

<title>Гипертекст: функции</title>

</head>

<body>

<h1 align="center">Функции гипертекстовой технологии</h1>

<h2 align="left">Ссылки </h2>

<p align="justify">Ссылки – являются самой важной функцией, благодаря им имеется возможность использовать связи

информационной сети, в образе которой представлен гипертекст,

через которые можно обращаться к связанным на уровне ассоциаций узлам.

Так текст можно пролистывать в диалоговом режиме посредством использования компьютерной мыши,

а можно использовать запросы, автоматически фильтрующие данные.

</p>

<h2 align="left">Замещение </h2>

<p align="justify">Замещение - позволяет заменять при просмотре текста любую часть информации рисунком или иным фрагментом текста</p>

<h2 align="left">Заметки</h2>

<p align="justify">Заметки - стандартные заметки на полях, но гораздо более выразительные (видеофайлы, цветная графика, звуковое сопровождение и др.). Следует отметить, что данная функция является обратной, т.е. информация связывается с выделенным фрагментом, а не наоборот</p>

<h2 align="left">Запросы </h2>

<p align="justify">Запросы – помогают проводить анализ текста с определенных пользователем позиций. Так можно использовать данные, не имеющие отношение к некоторому фрагменту текста, но при этом с ним связанные. Поиск можно производить по ключевым словам при сопоставлении с каким-либо образцом или по разделителям на основании фильтрации необходимых знаний из гипертекста</p>

<p align="justify">Запросы в совокупности с замещением позволяют получать срезы исходного текста, являющиеся функционально-ориентированными, т.е. структурировать гипертекст, исходя из потребностей каждого отдельного пользователя</p>

</body>

</html>

  1. История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑

  2. Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑

  3. Костюк К.Н. Книга в новой медийной среде / К.Н. Костюк. - М.: Директ-Медиа, 2015. – С.56 ↑

  4. Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑

  5. Мак-Дональд М. Создание Web-сайта. Недостающее руководство. – 3-е изд.: Пер с англ. – СПб.: БХВ-Петербург, 2013. – С.33 ↑

  6. Теодор Нельсон создаёт технологию гипертекста. URL: http://vikent.ru/enc/676/ (Дата доступа 03.12.2017) ↑

  7. Руднев В. Энциклопедический словарь культуры XX века / В. Руднев. – М.: Азбука, 2017. – С.78 ↑

  8. Тим Бернерс-Ли. Да пребудет с нами Веб! / Тим Бернерс-Ли // Журнал «В мире науки», 2011 г. - №2. – С.82 ↑

  9. Костюк К.Н. Книга в новой медийной среде / К.Н. Костюк. - М.: Директ-Медиа, 2015. – С.57 ↑

  10. История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑

  11. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. – С.38 ↑

  12. Гипертекст. Что это такое? URL: http://www.brightweb.ru/interesting/43.html (Дата доступа 01.12.2017) ↑

  13. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.52 ↑

  14. История гипертекста. URL: http://inf.1september.ru/articlef.php?ID=200700905 (Дата доступа 01.12.2017) ↑

  15. Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. - С.63 ↑

  16. Гипертекст — что это такое. URL: http://ktonanovenkogo.ru/voprosy-i-otvety/gipertekst-chto-eto-takoe.html (Дата доступа 01.12.2017) ↑

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

  18. Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.58 ↑

  19. Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑

  20. Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑

  21. Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑

  22. Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С107 ↑

  23. Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑

  24. Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑

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

  26. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.63 ↑

  27. Хеник Б. HTML и CSS. Путь к совершенству / Бен Хеник. СПб.: Питер, 2011. – С.111 ↑

  28. Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.71 ↑

  29. Языки разметки гипертекста и программирования скриптов URL: http://www.hi-edu.ru/e-books/xbook081/01/part-008.htm (Дата доступа 02.12.2017) ↑

  30. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.68 ↑

  31. Мак-Дональд М. Создание Web-сайта. Недостающее руководство. – 3-е изд.: Пер с англ. – СПб.: БХВ-Петербург, 2013. – С.71 ↑

  32. Языки разметки. SGML и XML URL: http://nknaromanova.narod.ru/sgml.htm (Дата доступа 02.12.2017) ↑

  33. Русаков М. Создание сайта от начала и до конца. – 2014. – 172с. ↑

  34. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.112 ↑

  35. Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.321 ↑

  36. XHTML. URL: https://htmlweb.ru/html/xhtml.php (Дата доступа 02.12.2017) ↑

  37. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.115 ↑

  38. Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.323 ↑

  39. XHTML. URL: https://htmlweb.ru/html/xhtml.php (Дата доступа 02.12.2017) ↑

  40. WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑

  41. WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑

  42. Большая книга веб-дизайна / Терри Фельке-Моррис; пер. с англ. Н.А. Райтмана. – М.: Эксмо, 2012. – С.536 ↑

  43. Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.658 ↑

  44. WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑

  45. Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.32 ↑

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

  47. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. - С.53 ↑

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

  49. Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С.46 ↑

  50. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов. – М.: Эксмо, 2013. - С.55 ↑

  51. Фримен Элизабет, Фримен Эрик. Изучаем HTML, XHTML и CSS. – СПб: Питер, 2016. – С.67 ↑

  52. Учебник HTML. URL: http://ru.html.net/tutorials/html/ (Дата доступа 03.12.2017) ↑

  53. Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. – С.302 ↑

  54. Ллойд Йен. Создай свой веб-сайт с помощью HTML и CSS. – СПб.: Питер, 2013. – С.312 ↑

  55. Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.236 ↑

  56. Учебник HTML. URL: http://ru.html.net/tutorials/html/ (Дата доступа 03.12.2017) ↑

  57. Хоган Б. HTML5 и CSS3. Веб-разработка по стандартам нового поколения / Б. Хоган. – СПб.: Питер, 2014. – С.202 ↑

  58. Фрейн Б. HTML5 и CSS3. Разработка сайтов для любых браузеров и устройств / Б. Фрейн. – СПб.: Питер, 2014. – С.202 ↑

  59. Хеник Б. HTML и CSS. Путь к совершенству / Бен Хеник. СПб.: Питер, 2011. – С.283 ↑

  60. WML – Язык разметки для мобильных телефонов(WAP) URL: https://htmlweb.ru/html/wml.php (Дата доступа 02.12.2017) ↑

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