Методические указания по выполнению лабораторных работ Для студентов всех специальностей






Скачать 430.48 Kb.
НазваниеМетодические указания по выполнению лабораторных работ Для студентов всех специальностей
Дата публикации25.11.2013
Размер430.48 Kb.
ТипМетодические указания
top-bal.ru > Информатика > Методические указания
Министерство образования Российской Федерации
Санкт-Петербургский государственный

инженерно-экономический университет

ПРОГРАММНЫЕ СРЕДСТВА

РАЗРАБОТКИ WEB-СТРАНИЦ

Методические указания

по выполнению лабораторных работ

Для студентов всех специальностей

САНКТ-ПЕТЕРБУРГ

2003


Утверждено

редакционно-издательским советом СПбГИЭУ

Составитель:

канд. физ.-мат. наук И.Н. Анисимова

Рецензент:

канд. экон. наук, доцент В.В. Шленов

Подготовлено на кафедре

вычислительных систем и программирования

Отпечатано в авторской редакции

с оригинал-макета, подготовленного на кафедре
© СПбГИЭУ, 2003

Тема1. Язык гипертекстовой разметки HTML

Принципы построения HTML документа

Web-страницы являются гипертекстовыми и гипермедийными документами, которые могут содержать графику, аудио- и видео- информацию и ссылки на другие ресурсы сети Интернет. Web-страницы создаются с помощью языка гипертекстовой разметки HTML (HyperText Markup Language). Просмотр web-страниц осуществляется специальными программами – браузерами, содержащими интерпретатор языка HTML.

Под гипертекстом понимается совокупность информационных фрагментов, связанных между собой. При этом просмотр информационных фрагментов может осуществляться пользователем в произвольном порядке. В HTML все элементы связи между фрагментами текста находятся в теле самого документа и записываются в ACSII-формате (только текст).

Возможно создание web-страниц в режиме непосредственного редактирования кода языка HTML (редакторы кодов HTML), либо в режиме визуального редактирования внешнего вида страницы наподобие редактирования документов Word (WYSIWYG-редакторы).

Общие идеи построения и интерпретации HTML документов:

  • HTML документ выглядит как совокупность текстовых фрагментов, каждый из которых окружен тэгами (tags).

Каждый тэг разметки HTML имеет свой идентификатор и, возможно, несколько параметров (атрибутов). Название тэга вместе с его параметрами заключаются в скобки <>. В общем виде тэг выглядит следующим образом:

<тэг параметр1=значение1 параметр2=значение2 ...>Текст1

Действие тэга распространяется на фрагмент текста «Текст1». Значения параметров рекомендуется заключать в двойные кавычки.

Первый тэг называется открывающим, а парный ему - закрывающим. Закрывающий тэг имеет тот же идентификатор, но начинается с символа /. Тэги, не предусматривающие наличие вложенного текста, называются пустыми или непарными, они не имеют закрывающей части. Непарные тэги имеют вид:

<тэг параметр1=значение1 параметр2=значение2 ...>

Для связи информационных фрагментов между собой в гипертекстовом (гипермедийном) документе используются однонаправленные ссылки, называемые гиперссылками. В информационных фрагментах выделяются специальные поля связывания, активизация такого поля приводит к переходу на другой фрагмент. Чтобы идти дальше, необходимо активизировать следующие поля связывания.

В гипермедийном документе могут присутствовать гиперсвязи различных типов. Для WWW актуальны следующие типы связей:

поле связывания - метка назначения;

поле связывания - фрагмент;

поле связывания - фрагмент+метка назначения;

поле связывания - подсеть.

Гиперсвязь первого типа определена внутри одного фрагмента (web-страницы). ^ Метка назначения отмечает конец гиперсвязи, это именованная строка в HTML документе.

Второй тип ссылается на начало указанного фрагмента (web-страницы).

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

Гиперсвязь четвертого типа ссылается на корневой каталог подсети, откуда есть доступ ко всем принадлежащим подсети фрагментам (обычно это ссылка на корневой каталог web-узла).

Любой ресурс WWW может быть указан с помощью универсального идентификатора – ^ URL (Uniform Resource Locator).

В общем виде URL выглядит следующим образом:

метод://сервер:порт/путь/файл#метка

URL определяет:

- протокол доступа к документу,

- имя и адрес сервера, содержащего этот web-документ,

- местоположение документа в общей структуре web-сервера.

^ Лабораторная работа №1

Создание Web-страницы с помощью языка HTML

Задание к лабораторной работе. C помощью непосредственного редактирования тэгов языка HTML создать web-страни­цу ассоциации поставщиков «МАЯК» (рис.1), связанную с двумя страницами фирм-членов ассоциации.
Задание 1. Создать web-страницу, содержащую форматированный текст и списки.

  1. Создать на диске рабочую папку (например, в папке “Мои документы”).

  2. С помощью команды главного меню Windows Программы|Стандартные|Блокнот запустить приложение «Блокнот», предназначенное для редактирования текста в формате ACSII символов (текста MS Dos). Для того, чтобы текст документа размещался в окне «Блокнота» полностью, включить режим Перенос по словам (меню Формат «Блокнота»).

  3. Создать в блокноте новый файл, содержащий текст пустого документа HTML:












Добавить документ в свой блог или на сайт

Похожие:

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания по выполнению лабораторных работ в среде табличного...
В сборник вошли методические указания к выполнению следующих лабораторных работ в среде табличного процессора excel 2003

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания по выполнению лабораторных работ в среде табличного...
В сборник вошли методические указания к выполнению следующих лабораторных работ в среде табличного процессора excel 2007

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания к выполнению контрольных работ №№1-4 по физике...
Методические указания предназначены для студентов всех направлений факультета дистанционного обучения

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания к выполнению контрольных работ по дисциплине «Информатика»
Методические указания предназначены для студентов-заочников специальностей: 2806, 2808, 1707, 2506. Дисциплина «вычислительная техника...

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания по выполнению лабораторных работ (курс «Базы данных и знаний», часть 1)
Методические указания предназначены для студентов экономического и механико-математического факультетов. Здесь определены цели и...

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания по выполнению контрольных работ для экономических...
Методические указания по выполнению контрольных работ по дисциплине "Экономическая теория" для студентов экономических специальностей–...

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания по выполнению лабораторных работ для студентов...
Целью лабораторных работ является обучение студентов математическим моделям и методам решения экономических задач, базирующихся на...

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconМетодические указания к выполнению практических работ по дисциплине: «Техническая механика»
Методические указания предназначены для студентов очной формы специальностей

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconОкислительно-восстановительные процессы методические указания к выполнению...
Методические указания предназначены для подготовки студентов к выполнению лабораторной работы «Окислительно-восстановительные процессы»....

Методические указания по выполнению лабораторных работ Для студентов всех специальностей iconФизика пособие к выполнению лабораторных работ Часть ХI
Данное пособие издается в соответствии с учебным планом для студентов I и II курсов всех специальностей дневного обучения



Школьные материалы


При копировании материала укажите ссылку © 2018
контакты
top-bal.ru

Поиск