ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
ВОЛЖСКИЙ ПОЛИТЕХНИЧЕСКИЙ ИНСТИТУТ (ФИЛИАЛ)
ГОСУДАРСТВЕННОГО ОБРАЗОВАТЕЛЬНОГО УЧРЕЖДЕНИЯ ВЫСШЕГО
ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ «ВОЛГОГРАДСКИЙ
ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ»
КАФЕДРА «ИНФОРМАТИКА И ТЕХНОЛОГИЯ ПРОГРАММИРОВАНИЯ»
С. В. Белова
Инструментальные средства разработки html-документов
Методические указания к лабораторной работе
Волгоград
2010
УДК 681.3.016
Рецензент
ВПИ(филиал) ВолгГТУ, канд. техн. наук доцент Д. Н. Лясин
Издается по решению редакционно-издательского совета
Волгоградского государственного технического университета
Инструментальные средства разработки HTML-документов: метод. указания/ сост. С.В. Белова; ВПИ (филиал) ВолгГТУ. – Волгоград, 2010. - 32 c.
Методические указания содержат теотетический материал по языку HTML и задания для лабораторной работы по курсу «Информатика».
Предназначены для студентов бакалавриата, обучающихся по направлению 190500.62 «Эксплуатация транспортных средств».
© |
Волгоградский государственный технический университет, 2010 |
© |
Волжский политехнический институт, 2010 |
Цель работы
Формирование и отработка навыков создания HTML-документов средствами редактора WINsoft WebEditor и языка разметки гипертекста HTML.
2. Создание web-документов
World Wide Web – глобальная компьютерная сеть, содержащая миллионы сайтов, на которых размещена всевозможная информация. Информация в WWW представляется в виде документов, которые хранятся на постоянно подключённых к Интернету компьютерах – Web-серверах.
Отдельный документ WWW называют Web-страницей. Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео.
Группу тематически объединённых Web-страниц, помещенных на одном компьютере, называют Web-узлом или сайтом. На одном сервере может размещаться множество сайтов.
Большинство документов, доступных в Интернете имеют гипертекстовый формат. Гипертекстовый документ может содержать как внутренние перекрестные ссылки, так и ссылки на другие документы, которые сохраняются на том же самом или на любом другом сервере. Такие ссылки называют гиперссылками, они позволяют быстро переходить к другим Web-страницам. Гиперссылки, как правило, выделяются цветом и подчеркиванием.
Для создания Web-страниц используется специальный язык разметки документов HTML (HyperText Markup Language). Язык разметки гипертекста HTML состоит из набора элементов, которые описывают структуру документа и управляют его отображением. Документы HTML хранятся в виде файлов с расширением .htm или .html. Управляющие конструкции языка HTML называются тегами и вставляются непосредственно в текст документа.
Теги представляют собой определенную последовательность символов, заключенную между символами "<" и ">". Теги HTML бывают парными и непарными. Непарные теги <tag> оказывают воздействие на весь документ или определяют разовый эффект в месте своего появления. При использовании парных тегов в документ добавляется открывающий <tag> и закрывающий тег </tag>, которые воздействуют на часть документа, заключённую между ними. Открывающие теги могут содержать атрибуты.
<tag атрибут1=значение1 атрибут2=значение2 …>…</tag>
Последовательность атрибутов в теге значения не имеет. Значения атрибутов заключаются в кавычки, кроме случаев, когда значением атрибута является одно слово или число.
При написании тегов нет различий между прописными или строчными буквами. Несколько тегов может быть размещено на одной строке, однако целесообразно выделять элементы, помещая их на разных строках для облегчения чтения и редактирования страницы. Разбиение HTML-текста на строки, вставка пробелов и строк, а также символов табуляции не влияет на вид страницы.
Рассмотрим два способа создания HTML-документов: создание документа в текстовом редакторе, используя теги языка HTML для разметки документа и с помощью специализированного редактора WINsoft WebEditor.