Урок 0.  ВВЕДЕНИЕ

Общие понятия.

Что такое Internet?

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

На сегодняшний день это самый массовый и оперативный источник информации. В Интернет расположены электронные варианты большинства газет и журналов, работают радиостанции. Крупнейшие библиотеки и музеи мира имеют свои электронные фонды и каталоги. Свою страничку в Сети имеет практически каждая организация, ВУЗы, гимназии, лицеи, школы.

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

А еще Интернет – это возможность заявить о себе на весь мир. Для этого нужно просто создать свою Web-страничку.

Зачем нужен язык разметки?

При создании обычного документа в любом текстовом процессоре, легко можно выполнить форматирование документа, например, задать размер и начертание шрифта, цвет букв, ширину полей. То, что вы делаете с документом на экране монитора, в том же виде переносится на бумагу при распечатке на принтере. Это возможно благодаря графическому интерфейсу пользователя (GUI), который поддерживает технологию точного отображения WYSIWYG (сокращение от «What You See Is What You Get» — что видите, то и получаете).

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

Идея решения проблемы обмена документами между различными компьютерами и приложениями через Internet основана на языке разметки гипертекста HTML (HyperText Markup Language). Этот язык был создан более 20 лет назад как стандарт оформления документов и был принят подавляющим большинством пользователей Internet, а главное, — всеми производителями программного обеспечения и оборудования для Web. Документы, размеченные согласно HTML, могут читаться на любом компьютере, на котором установлена всего лишь одна программа просмотра таких документов — браузер.

Благодаря языку разметки HTML клиент Web может на экране своего компьютера просмотреть документ в том виде, в каком его задумал разработчик: с определенными размерами шрифта и разбивкой на абзацы, с определенным расположением рисунков и гиперссылок. Текстовой документ, со¬ставленный на HTML, имеет размер в байтах в несколько раз меньший, чем размер аналогичного документа, подготовленного в текстовом процессоре (на¬пример, Word).

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

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

Об истории HTML

История языков разметки уходит в 60-е годы 20 века, когда сотрудники компании IBM взялись за решение задач переноса документов между различными платформами и операционными системами. Результатом их усилий стал язык GML (General Markup Language — общий язык разметки). 

Следующий этап развития языков разметки связан с именами ученых-фи¬зиков, сотрудников Европейского центра ядерных исследований (CERN) в Женеве. Так, в конце 80-х годов Тим Бернерс-Ли занялся проблемой хранения и отображения данных, полученных коллегами. Проблема состояла в том, что каждый специалист, приезжавший в Центр, при¬менял собственные методы представления информации, и срочно требовалось создание универсальной системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.

Разработка HTML привела в итоге к новой технологии распространения гипертекстовых документов в Internet. Однако для широкого распространения World Wide Web, кроме языка HTML, потребовалась разработка протокола передачи гипертекста HTTP (HyperText Transfer Protocol — протокол передачи гипертекста), который позволил осуществлять обмен документами HTML. Именно этот протокол дал возможность приложению-клиенту находить и использовать ресурсы, хранящиеся на другом компьютере. 

Браузеры.

Чтобы отобразить на экране компьютера HTML-документы в том виде, как они задумывались разработчиками, необходимо иметь специальную программу, называемую «браузер». (От английского слова browse, которое переводится как «пастись, ощипывать молодые побеги, заниматься беспорядочным чтением»). Браузер Internet Explorer входит в виде интегрированного модуля в Windows. Наиболее популярными на данный момент являются браузеры Chrom, Mozila Firefox, Opera, yandex-браузер.

HTML-файлы.

Web-страница, загружаемая в браузер, представляет собой HTML-файл. Это текстовой файл с расширением .htm, .html или .htmll. Файлы .htm созда¬ются для обработки в операционной системе DOS (где принято расширения обо¬значать тремя буквами). Для работы в Windows допустимо сохранять HTML-файлы с расширениями .htm и .html, причем более предпочтительным яв¬ляется использование расширения .html.

• щелкните правой кнопкой мыши в окне документа и в появившемся контекстном меню выберите команду Просмотр HTML-кода;

• выберите команду меню Вид — Просмотр HTML-кода.

После этого на экране откроется окно приложения Блокнот с HTML-кодом просматриваемой вами страницы.

Редакторы HTML-файлов.

Так как HTML-документ представляет собой текстовый файл, для его создания и редактирования можно использовать любой текстовый редактор, например, Блокнот. Существуют также более серьезные программы для подготовки Web-страниц. Их можно разделить на два типа:

• Редакторы HTML-текстов, которые автоматизируют набор кода. Наиболее известные из них это HomeSite, HotDog.

• Визуальные редакторы HTML, в которых пользователь имеет дело не с кодом, а с графическими образами элементов HTML. К ним относятся редакторы Microsoft Front Page, Macromedia Dreamweaver.