Скачать 430.48 Kb.
|
Министерство образования Российской Федерации Санкт-Петербургский государственный инженерно-экономический университет ПРОГРАММНЫЕ СРЕДСТВА РАЗРАБОТКИ WEB-СТРАНИЦ Методические указания по выполнению лабораторных работ Для студентов всех специальностей САНКТ-ПЕТЕРБУРГ 2003 Утверждено редакционно-издательским советом СПбГИЭУ Составитель: канд. физ.-мат. наук И.Н. Анисимова Рецензент: канд. экон. наук, доцент В.В. Шленов Подготовлено на кафедре вычислительных систем и программирования Отпечатано в авторской редакции с оригинал-макета, подготовленного на кафедре © СПбГИЭУ, 2003 Тема1. Язык гипертекстовой разметки HTML Принципы построения HTML документа Web-страницы являются гипертекстовыми и гипермедийными документами, которые могут содержать графику, аудио- и видео- информацию и ссылки на другие ресурсы сети Интернет. Web-страницы создаются с помощью языка гипертекстовой разметки HTML (HyperText Markup Language). Просмотр web-страниц осуществляется специальными программами – браузерами, содержащими интерпретатор языка HTML. Под гипертекстом понимается совокупность информационных фрагментов, связанных между собой. При этом просмотр информационных фрагментов может осуществляться пользователем в произвольном порядке. В HTML все элементы связи между фрагментами текста находятся в теле самого документа и записываются в ACSII-формате (только текст). Возможно создание web-страниц в режиме непосредственного редактирования кода языка HTML (редакторы кодов HTML), либо в режиме визуального редактирования внешнего вида страницы наподобие редактирования документов Word (WYSIWYG-редакторы). Общие идеи построения и интерпретации HTML документов:
Каждый тэг разметки HTML имеет свой идентификатор и, возможно, несколько параметров (атрибутов). Название тэга вместе с его параметрами заключаются в скобки <>. В общем виде тэг выглядит следующим образом: <тэг параметр1=значение1 параметр2=значение2 ...>Текст1тэг> Действие тэга распространяется на фрагмент текста «Текст1». Значения параметров рекомендуется заключать в двойные кавычки. Первый тэг называется открывающим, а парный ему - закрывающим. Закрывающий тэг имеет тот же идентификатор, но начинается с символа /. Тэги, не предусматривающие наличие вложенного текста, называются пустыми или непарными, они не имеют закрывающей части. Непарные тэги имеют вид: <тэг параметр1=значение1 параметр2=значение2 ...> Для связи информационных фрагментов между собой в гипертекстовом (гипермедийном) документе используются однонаправленные ссылки, называемые гиперссылками. В информационных фрагментах выделяются специальные поля связывания, активизация такого поля приводит к переходу на другой фрагмент. Чтобы идти дальше, необходимо активизировать следующие поля связывания. В гипермедийном документе могут присутствовать гиперсвязи различных типов. Для WWW актуальны следующие типы связей: поле связывания - метка назначения; поле связывания - фрагмент; поле связывания - фрагмент+метка назначения; поле связывания - подсеть. Гиперсвязь первого типа определена внутри одного фрагмента (web-страницы). ^ отмечает конец гиперсвязи, это именованная строка в HTML документе. Второй тип ссылается на начало указанного фрагмента (web-страницы). При использовании связи третьего типа переход осуществляется не к началу указанного фрагмента, а к метке, установленной внутри этого фрагмента. Гиперсвязь четвертого типа ссылается на корневой каталог подсети, откуда есть доступ ко всем принадлежащим подсети фрагментам (обычно это ссылка на корневой каталог web-узла). Любой ресурс WWW может быть указан с помощью универсального идентификатора – ^ (Uniform Resource Locator). В общем виде URL выглядит следующим образом: метод://сервер:порт/путь/файл#метка URL определяет: - протокол доступа к документу, - имя и адрес сервера, содержащего этот web-документ, - местоположение документа в общей структуре web-сервера. ^ Создание Web-страницы с помощью языка HTML Задание к лабораторной работе. C помощью непосредственного редактирования тэгов языка HTML создать web-страницу ассоциации поставщиков «МАЯК» (рис.1), связанную с двумя страницами фирм-членов ассоциации. Задание 1. Создать web-страницу, содержащую форматированный текст и списки.
|
![]() | В сборник вошли методические указания к выполнению следующих лабораторных работ в среде табличного процессора excel 2003 | ![]() | В сборник вошли методические указания к выполнению следующих лабораторных работ в среде табличного процессора excel 2007 |
![]() | Методические указания предназначены для студентов всех направлений факультета дистанционного обучения | ![]() | Методические указания предназначены для студентов-заочников специальностей: 2806, 2808, 1707, 2506. Дисциплина «вычислительная техника... |
![]() | Методические указания предназначены для студентов экономического и механико-математического факультетов. Здесь определены цели и... | ![]() | Методические указания по выполнению контрольных работ по дисциплине "Экономическая теория" для студентов экономических специальностей–... |
![]() | Целью лабораторных работ является обучение студентов математическим моделям и методам решения экономических задач, базирующихся на... | ![]() | Методические указания предназначены для студентов очной формы специальностей |
![]() | Методические указания предназначены для подготовки студентов к выполнению лабораторной работы «Окислительно-восстановительные процессы».... | ![]() | Данное пособие издается в соответствии с учебным планом для студентов I и II курсов всех специальностей дневного обучения |