Понятие о языке разметки гипертекста
Основой всемирной «паутины» World Wide Web является язык гипертекстовой разметки HTML. (HyperText Markup Language). Этот язык был создан учеными Европейского Центра Ядерных Исследований (CERN, г. Женева). В конце 80-х годов в CERN занялись проблемой хранения и отображения данных, получаемых коллегами-физиками. Сложность заключалась в том, что каждый специалист, приезжавший в Центр, применял собственные методы представления информации, и срочно требовалось создание универсальной системы, которая не зависела бы от используемой компьютерной платформы и в то же время была бы достаточно простой.
Идея решения проблемы обмена документами между различными компьютерами состояла в том, что документы должны быть размечены с помощью определенного кода - HTML. Такие документы могли бы читаться на любом компьютере, на котором установлена всего лишь одна программа просмотра - браузер.
Впоследствии HTML стал основным языком при создании документов, размещаемых в World Wide Web. Благодаря языку разметки пользователь Web может у себя на экране просмотреть документ в том виде, в каком его задумал разработчик: с определенными размерами шрифта и разбивкой на абзацы, с заданными размерами и расположением рисунков и проч.
HTML - набор соглашений для разметки документов, которые определяют внешний вид документов на экране компьютера при доступе к ним с использованием программы браузера.
Документы, подготовленные на языке HTML, называются HTML- документами. Получить представление о том, как выглядит код HTML, вы сможете, если загрузите HTML-документ в браузер и выполните команду Вид - В виде HTML.
HTML-документ (илиWeb-страница) - это обычный текстовый файл с расширением htm или html, составленный на языке HTML и содержащий информацию, которая предназначена для публикации в WWW.
Код HTML является весьма компактным, и HTML-документы имеют размер значительно меньший, чем документы, подготовленные в текстовых процессорах типа Word. Это одна из основных причин широкого применения языка HTML для кодирования информации, распространяемой по Интернету.
HTML-документы размещаются в WWW не поодиночке, а в виде так называемых сайтов.
Web-сайт - это совокупность Web-страниц (нескольких десятков, сотен или даже тысяч), объединенных одной общей темой и помещенных, как правило, на одном узловом компьютере.
Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде Web. HTML-документы могут просматриваться различными типами браузеров (специальными программами, интерпретирующими такого рода гипертекстовые документы), наиболее известным из которых является Internet Explorer. В отличие от документов, например текстового процессора Microsoft Word, документы в формате HTML не организованы по принципу WYSIWYG (What You See Is What You Get — что видишь, то и получишь [при выводе на печать или монитор] ). Когда документ создан с использованием HTML, браузер должен интерпретировать HTML для выделения различных элементов документа и первичной их обработки с целью их дальнейшего отображения в виде, задуманном автором.
Большинство документов имеют стандартные элементы, такие, как заголовки, параграфы или списки. Используя тэги (команды) HTML, можно обозначать данные элементы, обеспечивая браузеры минимальной информацией для их отображения, сохраняя в целом общую структуру и информационную полноту документов. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях браузера) может в определенной степени управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац, при помощи тэга HTML, а затем предоставляет браузеру интерпретировать эти тэги.
Общая структура тэга и его содержимого такова: <тэг параметр_1=значение_1 параметр_2=значение_2 ... параметр_К=значение_К>содержимое элемента</тэг>
Любой HTML-документ имеет следующую структуру:
<HTML> <HEAD>
<!-- заголовок документа --> </HEAD> <BODY>
<!-- содержание документа --> </BODY> </HTML>
Заголовок содержит служебную информацию, в частности, предназначенную для поисковых систем.
Все тэги, которые предназначены для оформления документа, могут быть условно разделены на несколько групп:
• форматирование;
• верстка таблиц;
• верстка списков;
• формирование гиперссылок;
• вставка изображений.
Тэт верстки, таблиц позволяют формировать и отображать таблицы произвольной сложности. Вообще дизайнеры довольно часто используют таблицы для оформления страниц, помещая в них меню, текст, рисунки и т.д.
Тэги верстки списков позволяют формировать маркированные и нумерованные списки.
Гипертекстовый документ невозможно представить себе без ссылок на другие документы (внутренние или внешние). Ссылки формирует тэг <А>...</А> -с обязательным параметром HREF.
Тэг для отображения рисунков — <IMG>. Он не имеет закрывающегося тэга и содержит обязательный параметр SRC, значением которого является адрес файла с рисунком {относительный, т.е. на данном сайте, но, например, в другом каталоге, или абсолютный, если рисунок, например изображение счетчика, подгружается с другого сайта).
Современные web-конструкторы и дизайнеры пользуются не только HTML, но и рядом его расширений, например, каскадными таблицами стилей (CSS), управляют содержанием страниц средствами программирования.
Желательно изложить
Примеры других программных продуктов для разметки документов, принцип их действия.
Заголовок HTML-документа и назначение его элементов.
Тэги форматирования текста и примеры их использования.
Тэги верстки таблиц и примеры их использования.
Тэги верстки списков и примеры их использования.
Графические форматы для web. Правила сохранения изображений для web, требования к изображениям. Параметры тэга IMG.
Понятие о CSS, языках программирования для web. Исполнение программ и скриптов на стороне сервера и клиента.
Примечания для учителей
Вопрос билета является в достаточной мере объемным, , поэтому наилучшее запоминание и усвоение материала может быть достигнуто хорошей его структуризацией.
Следует отметить, что учащиеся, занимавшиеся версткой web-страниц без использования визуальных редакторов (Front Page и др.), окажутся в гораздо более выигрышном положении перед учащимися, выполнявшими такого рода работу только с помощью указанных редакторов.
Литература:
1. Калмыков А.А., Коханова Л.А. Интернет-журналистика: Учеб. пос. для студентов вузов – М. «Юнити-Дана» , 2010. – 383 с.
2. Барлыбаева С.Х. Развитие информационного общества в мире и в Казахстане: учеб. пособ. – алматы: Казак университетi, 2010.- 190 с.
3. Барлыбаева С.Х. Телевидение в Мире и в Казахстане. Алматы – 2010. – 166 с.
Дата добавления: 2020-11-18; просмотров: 413;