Файл: Основы программирования на языке HTML.pdf

ВВЕДЕНИЕ

Мы живем во время, когда не можем представить себе жизнь без интернета. С его помощью мы учимся, работаем, общаемся. Все это возможно, благодаря веб страницам, созданным на языке HTML.

Итак, HTML — это специальный язык, который применяется при создании сайтов в интернете. Знание и понимание хотя бы основ языка HTML необходимо не только программистам и разработчикам, но также редакторам, Web-дизайнерам, контент-менеджерам, и людям, которые хотят понимать, как и почему работают сайты, которыми они пользуются каждый день. Так как я являюсь Web-дизайнером, я выбрала эту тему для своей курсовой работы, чтобы лучше понимать свои возможности и ограничения, при создании веб-страниц.

Объектом исследования данной курсовой работы является создание веб страниц. Предметом курсовой работы является процесс разработки сайта на языке HTML.

Целью представленной курсовой работы выступает создание промо-страницы для малого бизнеса с использованием гипертекстовой разметки HTML.

Для достижения цели я поставила следующие задачи:

- Изучить историю создания языка HTML.

- Определить основные понятия языка.

- Рассмотреть основные инструменты создания Web-страниц.

- Изучить структуру документа в формате HTML и основные теги.

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

ГЛАВА I. История создания языка HTML.

1.1 Предпосылки развития.

 HTML (HyperText Markup Language — «язык гипертекстовой разметки») —стандартизированный язык разметки  документов в интернете. Большинство веб-страниц содержат описание разметки на языке HTML.

Язык разметки — набор символов или последовательностей, вставляемых в текст для передачи информации о его выводе или строении. Текстовый документ, написанный с использованием языка разметки, содержит не только сам текст (как последовательность слов и знаков препинания), но и дополнительную информацию о различных его участках — например, указание на заголовки, выделения, списки и т. д.

За появление HTML современный мир должен благодарить ученого Европейского совета по ядерным исследованиям (Conseil Européen pour la Recherche Nucléaire, CERN). Его имя - Тимоти Джон Бернерс-Ли. [1]

Итак, появление первых версий HTML относят к 1986 году, а в 1991 году HTML был существенно доработан и стал использоваться именно для передачи гипертекста по просторам всемирной паутины. Всемирно известная аббревиатура HTML, расшифровывающаяся как Hyper Text Markup Language (язык разметки гипертекста) появилась как раз в начале 90-х годов прошлого века. Важно заметить, что в более широком понимании, гипертекстом является система из тестовых страниц, имеющих перекрестные ссылки. Например, энциклопедии или веб-сайты. В компьютерной терминологии гипертекст – это текст, сформированный с помощью языка разметки. [2]

Первая версия HTML создавалась для форматирования научных документов. Таким образом, изначально HTML позволял выделять в тексте заголовки, абзацы, списки и подобные элементы, но без описания цветовых схем, параметров шрифта и т.п. Результат обработки HTML не должен был зависеть от технических особенностей аппаратных средств его визуализации, поскольку не содержал в себе параметров этой визуализации. Со временем такая особенность языка разметки гипертекста была частично утрачена.

Однако, прототип, то есть черновая реализация гипертекстовой системы была описана еще в 1945 Вениваром Бушем в эссе «Как мы можем мыслить», опубликованном в журнале The Atlantic. Эта система получила название - Мемекс ( англ. memex, словослияние memory и index).[3]

Буш изобразил Мемекс как устройство, в котором человек сможет хранить свои книги, записи и контакты и которое «выдаёт нужную информацию с достаточной скоростью и гибкостью». Мемекс позволял бы существенно расширить и дополнить возможности памяти человека. Концепция мемекса оказала большое влияние на разработку ранних гипертекстовых систем (что в итоге привело к созданию всемирной паутины).[3]

Все это говорит нам о том, что идеи Венивара Буша и его прототип системы, оказали большое влияние на создание языка HTML и интернета вообще в будущем. Однако, его вклад редко упоминают, когда речь идет об истории HTML.

А теперь проведем небольшой экскурс в родословную языков разметки.

1.2 Основные вехи развития.

Первая версия языка разметки гипертекста HTML была создана на основе стандарта обобщенного языка разметки SGML (Standard Generalized Markup Language). Изначально язык HTML разделял все особенности идеологии SGML. Но в 1993 году появляется версия языка HTML 1.2, которая имела сорок с небольшим тегов, три из которых не рекомендованы к использованию, так как указывали на физические параметры предоставления документа, что противоречило идеологии SGML. [2]

Единственным в то время браузером, поддерживающим графические возможности, была программа Mosaic. Она была разработана в Национальном центре суперкомпьютерных приложений США (National Center for Supercomputer Applications - NCSA), там же, кстати, была разработана WWW (World Wide Web). По этой причине никаких противоречий между официальными стандартами и их реализацией в браузерах тогда не существовало.

В апреле 1994 года был образован Консорциум W3C (World Wide Web Consortium). Так как официальной спецификации HTML 1.0 не существовало, W3C начал заниматься подготовкой спецификации HTML следующей версии. Но чтобы стандартная версия отличалась от всех предыдущих, ей сразу присвоили номер 2.0. Спецификация HTML 2.0 была утверждена лишь в сентябре 1995 года. Из больших дополнений был добавлен лишь механизм форм для отсылки информации с компьютера пользователя на сервер. [4]

В марте 1995 года была предложена спецификация HTML 3.0. Третья версия предлагала много новых возможностей: поддержка таблиц, обтекание изображения текстом, отображение сложных математических формул, примечания. Поддержка этого стандарта браузерами того времени была не удовлетворена. [4]

Авторы HTML 3 добавили поддержку нового средства - иерархические стилевые спецификации (Cascading Style Sheets, CSS). Это нововведение нужно было для того, чтобы разрешить противоречие между идеологией структурной разметки и потребностями пользователей, которым в первую очередь нужно было гибкость и обширные возможности визуального представления. CSS имеет свой синтаксис и является формально независимым от HTML.

В 1995 году появился браузер Netscape Navigator, разработчикам которого была корпорация Netscape Communications. Эта корпорация с целью привлечь пользователей стала вводить новые теги, которые были предназначены на улучшение внешнего вида документов. Тем самым были разрушены изначальные принципы языка.

В 1996 году в свет вышел браузер Internet Explorer 2.0 (разработчик: корпорация Microsoft), но он не имел большой популярности ввиду того, что не поддерживал многих тегов, введённых Netscape. Их поддержка была введена в Internet Explorer 3.0, после выхода которого рынок браузеров был поделён пополам между Microsoft и Netscape. [5]

Следующей версией HTML стала 3.2 и в ней были опущены многие нововведения из версии 3.0. Стандарт 32 уже был ориентирован на Internet Explorer. Он долгое время оставался единственным для веб-разработчиков. И В 1999 году в свет вышел HTML 4.01, обеспечивающий достаточно большую кросс-браузерность, то есть страницы сайта одинаково отображались в различных браузерах. 

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

Так как многие страницы были сверстаны с использованием смеси особенностей представленных спецификаций, HTML 5 был хорошим решением, которое могло бы сочетать синтаксис HTML и XHTML, и улучшать разметку документов. Для упрощения создания и работы с графическими и мультимедийными объектами в интернете, чтобы не было необходимости в сторонних плагинах, в HTML5 было реализовано множество новых синтаксических особенностей, а также возможность использования SVG и математических формул. [6]

1.3 HTML - не язык программирования.

Многие все же до сих пор ошибочно называют HTML – языком программирования, но это не является правдой. И далее мы рассмотрим почему.

Начнем с определения языка программирования:

Язык программирования — формальная знаковая система, предназначенная для записи компьютерных программ. Он определяет набор правил (лексических, грамматических, семантических), задающих внешний вид программы и действия, которые выполнит компьютер под её управлением. [7]

Рассмотрим подробнее составляющие определения языка программирования:

• Формальный язык — множество слов (строк, цепочек) над алфавитом. [7]
• Знаковая система — это система однообразно интерпретируемых и трактуемых сообщений/сигналов, которыми можно обмениваться в процессе общения. В качестве примера знаковой системы обычно приводят язык.
• Компьютерная программа — последовательность инструкций, предназначенных для исполнения устройством управления вычислительной машины. [8]
• Лeксика — совокупность слов того или иного языка, части языка или слов, которые знает тот или иной человек или группа людей.
• Синтаксис — сторона языка программирования, которая описывает структуру программ как наборов символов. Семантика противопоставляется синтаксису языка. Так как семантика описывает больше смысл, значение, а синтаксис – язык. [8]
• Семантика в программировании —изучает формализацию значений конструкций языков программирования посредством построения их формальных математических моделей. В качестве инструментов построения таких моделей могут использоваться различные средства, например, математическая логика, теория множеств, теория моделей. Формализация семантики языка программирования может использоваться как для описания языка, определения свойств языка, так и для целей формальной верификации программ на этом языке программирования. [7]
• Язык — знаковая система, соотносящая понятийное содержание и типовое звучание.

Так же все языки программирования делятся на две группы: декларативные и императивные. С математической точки зрения, программа на императивном языке программирования решает поставленную задачу, отвечает на вопрос «Как делать?». То есть это последовательность команд, которые должен выполнить исполнитель. [8]

Программа на декларативном языке программирования является сочетанием формализованной в рамках языка программирования задачей и всех необходимых для её решения теорем, проще говоря, дает ответ на вопрос «что делать?». Конкретную последовательность выполняемых действий выполняет компилятор, или чаще интерпретатор – программа, в реальном времени выполняющая код программы без его преобразования в машинный код. [8]

В теории вычислимости исполнитель (множество вычисляющих элементов) называется тьюринг-полным, если на нём можно реализовать любую вычислимую функцию. Другими словами, для каждой вычислимой функции существует вычисляющий её элемент (например, машина Тьюринга) или программа для исполнителя, а все функции, вычисляемые множеством вычислителей, являются вычислимыми функциями (возможно, при некотором кодировании входных и выходных данных). [9]

Не полные по Тьюрингу языки также существуют, но так как их создают в основном в академических целях, то они малоизвестны и широко не применяются.

Таким образом, HTML соответствует определению языка программирования, которое мы разобрали, и является декларативным языком. Однако, с его помощью можно совершить только ограниченные действия, что значит, что он не является Тьюринг-полным. В зависимости от контекста, конечно, HTML можно назвать языком программирования, что, вероятно, обычно и происходит. Но тогда HTML такой же язык программирования, как CSS и SQL, ведь он не выполняет задач языка программирования, на нем нельзя произвести вычислений, его задача в отображении данных в браузере.

Обобщая все вышесказанное, можно говорить о том, что при разработке языка HTML был проделан большой и долгий труд, от форматирования простых документов, до создания полноценных сайтов в настоящее время. Было создано много версий, улучшений и преобразований, чтобы в итоге получить HTML5, с новыми возможностями, удобствами для разработчиков и семантикой.

Глава II. Создание Web-страниц.