- •Программные средства разработки
- •Санкт-Петербург
- •Вычислительных систем и программирования
- •Требования к содержанию web-узла
- •Требования к оформлению контрольной работы
- •КоНтрольные задания
- •Пример выполнения контрольной работы
- •Список рекомендуеМой литератуРы
- •Основы языка разметки html Принципы построения html документа
- •Тэги физического форматирования текста
- •Организация связей
- •Вставка изображений
- •Технология создания web-узла в ms frontpage 2003
- •Технология создания web-узла в ms word 2003
- •Содержание дисциплины (извлечение из рабочей программы дисциплины)
- •Пример оформления титульного листа контрольной работы
- •Выбор контрольных заданий
Список рекомендуеМой литератуРы
Дунаев В.В. Основы WEB дизайна: самоучитель. – СПб.: БХВ-Петербург, 2006. – 504 с.
Исси Коэн Л., Исси Коэн Дж. Полный справочник по HTML, CSS и JavaScript: справочник профессионала. – М.: ЭКОМ, 2007. - 1166 с.
Левин М.П., Алексеев Ю.М. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс – М.: Триумф, 2007. – 397 с.
Ноблес Р., Греди К.-Л. Эффективный Web-сайт: разработка, дизайн, маркетинг. Учебное пособие. – Москва: Триумф, 2005. – 559 с.
Программные средства разработки web-страниц. FrontРage 2003. М/у по выполнению лаб. раб. для студентов всех специальностей. / Васильева И.Н. – СПб: СПбГИЭУ, 2006. – 53 с.
Создание Web-страниц и Web-сайтов: cамоучитель./под ред. Печникова В.Н. – М.: Триумф, 2006. – 459 с.
Спека М.В. Создание Web-сайтов: самоучитель. – М. [и др.] : Диалектика, 2007. – 277 с.
Хольцшлаг М. 250 секретов HTML и Web-дизайна. – М.: NT Press, 2006. – 490 с.
Хольцшлаг М.Э. Языки HTML и CSS: для создания Web-сайтов: офиц. учеб. курс. Учебное пособие. – М.: Изд-во Триумф, 2006. – 303 с.
Анисимова И.Н. Основы разработки web-узлов и страниц. Учебное пособие. – СПб.: СПбГИЭУ, 2002. – 109 с.
Браун М., Хоникатт Д. Использование HTML 4: Специальное издание/Под ред.Петриковца Г.П. – М.-СПб-Киев: Издат.дом «Вильямс», 1999. – 779 с.
Использование приложений MS Office 2000 в Интер- и Интра-сетях. М/у для выполнения лаб. раб. по дисциплине «Учебная практика по информационным технологиям в экономике». Спец. 060800, 521500, 062200. / Рамин Е.Л., Анисимова И.Н. – СПб: СПбГИЭУ, 2003. – 44 с.
Матросов А., Сергеев А., Чаунин М. HTML 4.0. – СПб.: БХВ-Петербург, 2000. – 672 с.
Приложение 1
Основы языка разметки html Принципы построения html документа
Web-страницы являются гипертекстовыми и гипермедийными документами, которые могут содержать графику, аудио- и видео- информацию и ссылки на другие ресурсы сети Internet. Web-страницы создаются с помощью языка гипертекстовой разметки HTML (HyperText Markup Language). Просмотр Web-страниц осуществляется специальными программами – браузерами, содержащими интерпретатор языка HTML.
Под гипертекстом понимается совокупность информационных фрагментов, связанных между собой. При этом просмотр информационных фрагментов может осуществляться пользователем в произвольном порядке. В HTML все элементы связи между фрагментами текста находятся в теле самого документа и записываются в ASCII формате. Общие идеи построения и интерпретации HTML документов:
HTML документ выглядит как совокупность текстовых фрагментов, каждый из которых окружен тэгами (tags).
Каждый тэг разметки HTML имеет свой идентификатор и, возможно, несколько параметров (атрибутов). Название тэга вместе с его параметрами заключаются в скобки <>. В общем виде тэг выглядит следующим образом:
<тэг параметр1=значение1 параметр2=значение2 ...>Текст1</тэг>
Действие тэга распространяется на фрагмент текста «Текст1». Значения параметров рекомендуется заключать в двойные кавычки.
Первый тэг называется открывающим, а парный ему - закрывающим. Закрывающий тэг имеет тот же идентификатор, но начинается с символа /. Тэги, не предусматривающие наличие вложенного текста, называются пустыми или непарными, они не имеют закрывающей части. Непарные тэги имеют вид:
<тэг параметр1=значение1 параметр2=значение2 ...>
Пример:
<P ALIGN=”left”>Текст2</P> – Выделить «Текст2» в отдельный абзац с выравниванием по левому краю.
<HR> – Вставить горизонтальную линию.
Внутри одного тэга может находиться произвольное количество тэгов.
Интерпретация текста HTML документа производится сверху вниз. В том случае, если браузер не опознает тэг или его отдельные атрибуты, они игнорируются. Сообщения об ошибке выводится только для тэга сценария.
Все символы управления текстом в HTML документе (несколько пробелов подряд, табуляция, перевод строки и т.п.) заменяются одиночным символом пробела.
Строчные и прописные символы в именах (идентификаторах) тэгов и их атрибутов, как правило, не различаются.
Любой HTML документ начинается с открывающего тэга <HTML> и заканчивается парным закрывающим тэгом </HTML>. Любой HTML документ разделен на две части: головную (head) и основную (body). Головная часть содержит информацию о документе в целом, а основная – собственно текст документа. Для того чтобы отделить эти части друг от друга используются одноименные тэги разметки.
В головной части HTML документа обязательно должен располагаться тэг TITLE, содержащий название страницы. Название – это текст, который высвечивается в строке заголовка браузера при загрузке web-страницы.
Пример простейшего HTML документа:
<HTML>
<HEAD>
<META HTTP-EQUIV=”Content-Type”
CONTENT=”text/html; CHARSET=windows-1251”>
<TITLE>Простая страница</TITLE>
</HEAD>
<BODY>
<P>Текст, выводимый на экран.</P>
</BODY>
</HTML>
В данном примере головная часть документа содержит тэг META, указывающий тип документа и используемая кодовая страница (для отображения букв русского алфавита). При просмотре документа, приведенного в примере, в окне браузера появится строка «Текст, выводимый на экран».
Таблица 1.
Основные тэги
Тэг |
Значение тэга |
HTML |
Тэг, ограничивающий весь HTML документ в целом. |
HEAD |
Головная часть, содержащая информацию об HTML документе в целом. |
TITLE |
Титульная строка - обязательный элемент головной части HTML документа. Используется как заголовок окна, в котором отображается документ. |
BODY |
Основная часть HTML документа, содержащая текст, связи с другими документами, ссылки и др. |
|
Параметры тэга BODY BACKGROUND – адрес фонового изображения; BGCOLOR – цвет фона документа, задается англоязычными названиями цветов (напр. GREEN) или шестнадцатеричными значениями RGB (напр. #008000); TEXT – цвет текста страницы; ALINK, LINK, VLINK – цвет активных, еще не просмотренных и уже просмотренных ссылок; TOPMARGIN, BOTTOMMARGIN, LEFTMARGIN, RIGHTMARGIN – поля документа в пикселях (точках). |