История развития языка разметки html

КУРСОВАЯ РАБОТА

РАЗРАБОТКА САЙТА НА ОСНОВЕ HTML

С ИСПОЛЬЗОВАНИЕМ JAVASCRIPT

Саранск 2019

Содержание

Введение                                                                                                         3

1 Язык разметки гипертекста html                                                             5

1.1 История развития языка разметки html                                              5

1.2 Структура WEB–страницы                                                                 8

1.3 Таблицы стилей. Уровни                                                                     20

2 Введение в JavaScript                                                                              24

2.1 Использование JavaScript                                                                    24

2.2 Важность изучения JavaScript                                                             25

2.3 Структура JavaScript                                                                           25

2.4  Связь между HTML и JavaScript                                                        28

3 Разработка Web сайта                                                                             36

3.1 Разработка Web сайта                                                                          36

Заключение                                                                                                    43

Список использованных источников                                                            44

Приложение 1                                                                                            45 Приложение 2                                                                                                   47

Приложение 3                                                                                            48

Введение

Веб-сайт – это электронное средство массовой информации (СМИ), которое является средством коммуникации с внешним миром, поэтому в век цифровых технологий многие передовые организации и корпорации вынуждены использовать в своей работе веб-сайты по профилю.

Поскольку сайт является двусторонней системой, при его разработке со стороны Интернета необходимо учитывать такие вопросы типа «как привлечь внимание клиентов», «как удержать внимание посетителей», «как вызвать у посетителей желание повторно посетить сайт». Правильно созданный сайт должен выглядеть как профессиональная работа: содержать все, что нужно для достижения цели, и ничего лишнего. С целью привлечения внимания клиента, начиная с первых секунд работы, сайт должен быстро загружаться и содержать полезную для него информацию. Сайт должен выглядеть задуманным образом независимо от браузера, его версии, или на какой платформе он работает. Это сложно, так как единого стандарта не существует.

Известно, что различные версии веб-браузеров поддерживают одинаково лишь самые простые конструкции языка HTML. А это значит, что сайт, ориентированный на массового клиента, использующего различные типы браузеров и их версии на разных платформах (UNIX, MS DOS, Windows и т. д.), не должен содержать сложных конструкций языка HTML, при этом каждый документ является в основном текстовым. Исходя из практической ситуации, сложилась актуальностьданного исследования.

Объектом исследованияявляется разработка сайта.

Предметом исследования – разработка сайта на основе HTML c использованием JavaScript.

Цель исследования – разработать сайт на основе HTML c использованием JavaScript.

Задачи:

- изучить теорию по теме курсовой работы;

- проанализировать принцип разработки сайта на основе HTML c использованием JavaScript;

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

Язык разметки гипертекста html

История развития языка разметки html

HTML (Hyper Text Markup Language) – язык маркировки гипертекстов. Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, браузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое. html - своеобразная противоположность сложным языкам программирования, известным только специалистам.

В 1989 году Тим Бернерс-Ли предложил руководству международного центра высоких энергий (CERN) проект распределенной гипертекстовой системы, которую он назвал World Wide Web (WWW), Всемирная паутина. Первоначально идея системы состояла в том, чтобы при помощи гипертекстовой навигационной системы объединить все множество информационных ресурсов CERN в единую информационную систему.

Одним из компонентов технологии создания распределенной гипертекстовой системы World Wide Web стал язык гипертекстовой разметки HTML (HyperText Markup Language) – язык гипертекстовой разметки документов), разработанный Тимом Бернерсом-Ли на основе стандарта языка разметки печатных документов – SGML (Standard Generalised Markup Language, стандартный обобщенный язык разметки). Дэниел В. Конноли написал для него Document Type Definition – формальное описание синтаксиса HTML в терминах SGML.

Разработчики HTML смогли решить две задачи:

- предоставить дизайнерам гипертекстовых баз данных простое средство создания документов;

- сделать это средство достаточно мощным, чтобы отразить имевшиеся на тот момент представления об интерфейсе пользователя гипертекстовых баз данных.

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

Язык НТМL позволяет размечать электронный документ, который отображается на экране с полиграфическим уровнем оформления; результирующий документ может содержать самые разнообразные метки, иллюстрации, аудио- и видеофрагменты и так далее. В состав языка вошли развитые средства для создания различных уровней заголовков, шрифтовых выделений, различные списки, таблицы и многое другое.

Вторым важным моментом, повлиявшим на судьбу HTML, стало то, что в качестве основы был выбран обычный текстовый файл.

Таким образом, гипертекстовая база данных в концепции WWW – это набор текстовых файлов, размеченных на языке HTML, который определяет форму представления информации (разметка) и структуру связей между этими файлами и другими информационными ресурсами (гипертекстовые ссылки). Гипертекстовые ссылки, устанавливающие связи между текстовыми документами, постепенно стали объединять самые различные информационные ресурсы, в том числе звук и видео; в результате возникло новое понятие – гипермедиа.

Такой подход предполагает наличие еще одного компонента технологии – интерпретатора языка. В World Wide Web функции интерпретатора разделены между Web-сервером гипертекстовой базы данных и интерфейсом пользователя. Сервер, кроме доступа к документам и обработки гипертекстовых ссылок, обеспечивает предпроцессорную обработку документов, в то время как интерфейс пользователя осуществляет интерпретацию конструкций языка, связанных с представлением информации.

Версии :

1. RFC 1866 – HTML 2.0, одобренный как стандарт 22 сентября1995 года;

2. HTML 3.2 – 14 января1997 года;

3. HTML 4.0 – 18 декабря1997 года;

4. HTML 4.01 (c изменениями) – 24 декабря1999 года;

5. ISO/IEC 15445: 2000 (ISO HTML, основан на HTML 4.01 Strict) – 15 мая 2000 года.

6. HTML 5 –Конец разработки запланирован 2014 год.

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

Версия 3 была предложена Консорциумом всемирной паутины(W3C) в марте 1995 года и обеспечивала много новых возможностей, таких как создание таблиц, «обтекание» изображений текстом и отображение сложных математических формул, поддержка gif формата. Даже при том, что этот стандарт был совместим со второй версией, реализация его была сложна для браузеров того времени. Версия 3.1 официально никогда не предлагалась, и следующей версией стандарта HTML стала 3.2, в которой были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерамиNetscape NavigatorиMosaic.

В версии HTML 4.0 произошла некоторая «очистка» стандарта. Многие элементы были отмечены как устаревшие и нерекомендованные (англ.deprecated). В частности, элемент font, используемый для изменения свойств шрифта, был помечен как устаревший (вместо него рекомендуется использовать таблицы стилей CSS).

В 1998 году консорциум Всемирной паутины начал работу над новым языком разметки, основанном на HTML 4, но соответствующим синтаксису XML. Впоследствии новый язык получил названиеXHTML. Первая версия XHTML 1.0 одобрена в качестве Рекомендации консорциума Всемирной паутины 26 января2000 года.

Планируемая версия XHTML 2.0 должна была разорвать совместимость со старыми версиями HTML и XHTML, но 2 июля 2009 года консорциум Всемирной паутины объявил, что полномочия рабочей группы XHTML2 истекают в конце2009 года. Таким образом, была приостановлена вся дальнейшая разработка стандарта XHTML 2.0.

HTML 5.0 – cовременная версия языка HTML добавила новые тэги и прочие семантические элементы. Улучшилась поддержка мультимедийных вставок. Теперь не требуется обязательного скачивания и регулярного обновления плагинов от Adobe, чтобы загрузить PDF-документ или просмотреть видеоролик. HTML теперь стал активно использоваться SEO-оптимизаторами. Считается, что в 2014 году спецификация HTML завершилась, хотя работы по усовершенствованию этого языка, конечно, ведутся постоянно.