Инжэкона

<a href=”http://www.engec.ru”>www.engec.ru</a> &nbsp;&nbsp;&nbsp;&nbsp;Напишите письмо на кафедру Вычислительных систем и программирования

<a href=”mailto:[e-mail]?subject=дисциплина &quot;Создание web-страниц&quot;”>[e-mail]</a> </td></tr>

</table>

</div>

</body>

</html>

СПИСОК РЕКОМЕНДУЕМой ЛИТЕРАТУРы

1. Анисимова И.Н. Основы разработки web-узлов и страниц. Учебное пособие. - СПб.: СПбГИЭУ, 2002. - 109 с.

2. Браун М., Хоникатт Д. Использование HTML 4: Специальное издание/Под ред. Петриковца Г.П. - М.-СПб.-Киев: Издат.дом «Вильямс», 1999. - 779 с.

3. Дунаев В.В. Основы WEB дизайна: самоучитель. - СПб.: БХВ-Петербург, 2006. - 504 с.

4. Использование приложений MS Office 2000 в Интер- и Интра-сетях. М/у для выполнения лаб. раб. по дисциплине «Учебная практика по информационным технологи­ям в экономике». Спец. 060800, 521500, 062200. / Рамин Е.Л., Анисимова И.Н. – СПб.: СПбГИЭУ, 2003. - 44 с.

5. Исси Коэн Л., Исси Коэн Дж. Полный справочник по HTML, CSS и JavaScript: справочник профессионала. - М.: ЭКОМ, 2007. - 1166 с.

6. Левин М.П., Алексеев Ю.М. 2 в 1: Самоучитель разработки Web-сайтов: HTML, CSS, графика, анимация, раскрутка + Видеокурс - М.: Триумф, 2007. - 397 с.

7. Матросов А., Сергеев А., Чаунин М. HTML 4.0. - СПб.: БХВ-Петербург, 2000. - 672 с.

8. Ноблес Р., Греди К.-Л. Эффективный Web-сайт: разработка, дизайн, маркетинг. Учебное пособие. - Москва: Триумф, 2005. - 559 с.

9. Программные средства разработки web-страниц. FrontРage 2003. М/у по выполнению лаб. раб. для студентов всех специальностей. / Васильева И.Н. – СПб.: СПбГИЭУ, 2006. - 53 с.

10. Создание Web-страниц и Web-сайтов: cамоучитель./под ред. Печникова В.Н. - М.: Триумф, 2006. - 459 с.

11. Спека М.В. Создание Web-сайтов: самоучитель. - М. [и др.]: Диалектика, 2007. - 277 с.

12. Хольцшлаг М. 250 секретов HTML и Web-дизайна. - М.: NT Press, 2006. - 490 с.

13. Хольцшлаг М.Э. Языки HTML и CSS: для создания Web-сайтов: офиц. учеб. курс. Учебное пособие. - М.: Изд-во Триумф, 2006. - 303 с.

Приложение 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 – поля документа в пикселях (точках).

Тэги физического форматирования текста

Форматирование текста документа производится в разделе BODY с помощью тэгов двух типов – тэгов уровня блока и последовательных тэгов или тэгов уровня текста. Тэги уровня блока могут содержать последовательные тэги и другие тэги уровня блока, в то время как последовательные тэги могут содержать только другие последовательные тэги. Парный тэг, содержащий другие тэги, называется тэгом-контейнером, а заключенные в него тэги – вложенными.

К тэгам уровня блока относятся тэги параграфа P и DIV, тэг горизонтального центрированного текста CENTER, тэг блока с отступом BLOCKQUOTE и др. Кроме того, для разделения документа на части используются непарные тэги: перевода строки BR и горизонтальной линии HR.

Для тэгов P и DIV определен параметр ALIGN, задающий горизонтальное выравнивание текста. Он может принимать значения LEFT (по левой границе), CENTER (по центру), RIGHT (по правой границе) и JUSTIFY (по ширине). По умолчанию используется выравнивание по левой границе. Параметр ALIGN определен также для тэга HR со значениями LEFT, CENTER и RIGHT.

Для форматирования символов текста используются последовательные тэги I (курсив), B (жирный), U (подчеркивание), S (зачеркнутый текст), SUB (нижний индекс), SUP (верхний индекс) и тэги управления шрифтами FONT (текущий шрифт), BASEFONT (шрифт по умолчанию) и др.

Тэги FONT и BASEFONT задают размер шрифта в условных единицах от 1 до 7 с помощью параметра SIZE, имя шрифта (параметр FACE) и его цвет (параметр COLOR).

Организация связей

Для связи информационных фрагментов между собой в гипертекстовом документе используются однонаправленные ссылки, называемые гиперссылками. Могут присутствовать гиперсвязи различных типов. Для WWW актуальны следующие типы ссылок: на метку внутри текущей web-страницы; на другой документ web; на метку в теле другой web-страницы; на web-узел.

Метка отмечает конкретное место на страницы, в которое будет осуществлен переход, это именованная строка в HTML документе. Ссылка на другую web-страницу всегда осуществляет переход на ее начало. Для организации перехода в другое место страницы следует указать саму страницу и установленную внутри нее метку. Ссылка последнего типа – это обычно ссылка на корневой каталог Web-узла, откуда есть доступ ко всем принадлежащим узлу страницам; имя конкретной страницы не указывается и переход осуществляется на стартовую страницу узла.

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

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

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

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

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

Дата добавления: 2015-07-26