Содержание
Форматирование веб-страниц 2
Что такое веб-сайт, веб-страница, "домашняя страница" 2
Правила составления тегов 2
Структура HTML-документа 3
Абзац 4
Пробел 4
Отступ первой строки абзаца 4
Заголовки 4
Горизонтальные линии 5
Группирующие элементы 5
Списки 5
Цитата 6
Форматирование шрифта 6
Практическая работа 7
Информационные технологии, использующиеся в пункте обмена валют банка 7
Краткая характеристика предприятия 7
Техническое обеспечение системы 7
В качестве технического обеспечения используется обычный офисный ПК средней конфигурации, подключенный к локальной сети банка. 7
Основные сервисные и информационно-расчетные возможности системы 7
Функциональные возможности системы 7
Взаимодействие с банковской системой автоматизации 7
Один из результатов работы системы - генерация отчетов 8
Список литературы 9
Форматирование веб-страниц
Что такое веб-сайт, веб-страница, "домашняя страница"
Сайт - набор из нескольких десятков, сотен или даже тысяч страниц (HTML-документов), связанных вместе единой темой, общим оформлением, взаимными гипертекстовыми ссылками и, как правило, близким размещением.
Веб-страница представляет собой отдельный файл-сборку и дополнительные файлы включения. В сборке описывается структура страницы. Расширение такого файла – htm, html, xml, shtml, dhtml и т.п. К сборке прилагаются картинки, возможно программные модули, таблицы стилей и др. На каждую страницу – свой отдельный файл-сборка.
Домашняя страница (Home Page) – это главная страница любого сайта, на которую пользователь попадает при наборе адреса сайта, или при переходе с другой страницы. Иногда перед начальной страницей вставляют страницу-заставку, на которой нет никакой полезной информации, а есть только красивый рисунок, логотип, слоган и приглашение перейти на домашнюю страницу.
Домашняя страница должна иметь имя INDEX.HTM (HTML) или DEFAULT.HTM. При наборе в адресной строке браузера ссылки на папку, а не на файл, браузер ищет в указанной папке именно файлы index.htm, default.htm.
Названия файлов и папок следует давать только латинскими буквами и цифрами, без пробелов и знаков препинания, не более 10-15 символов, с соблюдением регистра. Дело в том, что операционная система UNIX, под управлением которой работает большинство серверов в Сети, не понимает русских букв и различает строчные и прописные буквы.
Элементы на странице связаны тегами – операторами языка HTML.
Язык HTML очень прост, чтобы не сказать – примитивен. Кроме обычного текста, HTML-файл содержит лишь один тип управляющих элементов – теги.
Кроме того, в этом языке необязательно точное соответствие синтаксису: если вы не укажете какой-либо элемент или атрибут, браузер просто будет использовать значение по умолчанию. При синтаксической ошибке всего лишь искажается вид документа, при этом ошибка сразу видна, и ее легко исправить.
Правила составления тегов
HTML-документ состоит из тегов.
Все теги заключаются в угловые скобки.
Теги бывают парные и непарные. Часто закрывающий тег является необязательным.
Пример:
<CENTER>….</CENTER> - парный тег,
<BR> - непарный тег
Парные теги могут вкладываться друг в друга без пересечения.
Многие теги имеют атрибуты. Атрибуты отделяются друг от друга пробелом. Чаще всего атрибуты не обязательны. При их отсутствии используется значение по-умолчаннию.
Пример:
<P align="center">
Существуют атрибуты, не требующие параметров.
Пример:
<HR noshadow>
Регистр в названиях тегов и атрибутов (но не в значениях атрибутов) роли не играет.
Хорошим тоном считается писать теги заглавными буквами.
Кавычки вокруг значения атрибутов обязательны тогда, когда это значение содержит какие-либо символы, кроме букв, цифр, точки и дефиса. Лучше использовать кавычки всегда для совместимости с расширенным HTML (XML).
Структура HTML-документа
HTML-документ состоит из трех частей:
1. Строки, содержащей информацию о версии HTML <!DOCTYPE…>;
2. Раздела заголовков <HEAD>;
3. Тела документа <BODY> или <FRAMESET>.
Вторая и третья части находятся внутри тега <HTML>.
Теги <HEAD>, <BODY> и <HTML> являются НЕобязательными, то есть они могут отсутствовать в HTML-документе.
Правильный пример самого короткого HTML-документа:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>
Текст документа...
</BODY>
</HTML>
Каждый HTML-документ должен начинаться со строки, объявляющей, что данный файл имеет тип html или htm, и указывающий его версию.
Примеры:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN"…
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"…