Содержание

Форматирование веб-страниц.. 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-файл содержит лишь один тип управляющих элементов – теги.

Кроме того, в этом языке необязательно точное соответствие синтаксису: если вы не укажете какой-либо элемент или атрибут, браузер просто будет использовать значение по умолчанию. При синтаксической ошибке всего лишь искажается вид документа, при этом ошибка сразу видна, и ее легко исправить.[1]


Правила составления тегов

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"… <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"…

Strict - это строгое определение. Нежелательные элементы не допускаются.

Transitional - переходное определение. Допускается использование нежелательных элементов и атрибутов.

Frameset - документ содержит в себе фреймы.

Заголовок содержит техническую информацию о документе, хотя чаще всего используется для обозначения его названия в теге <TITLE>…</TITLE>. Это название будет появляться в строке заголовка браузера и в списках "Избранное". Название должно быть не более 40 символов - больше не помещается в строке окна заголовка браузера при самом распространенном разрешении 800 х 600. Тег <TITLE>…</TITLE> является обязательным для HTML-документа.

Кроме того, в заголовке размещаются так называемые метатеги - элементы, не отображающиеся на экране и содержащие различную служебную информацию: описание сайта, ключевые слова, по которым сайт будут индексировать поисковые машины, и др.

Тело - святая святых. Именно в нем находится все то, что отображается на странице. Этот тег может иметь дополнительные атрибуты, определяющие, как будет выглядеть весь документ:

<BGCOLOR> - фоновый цвет для страницы;

<BACKGROUND> - фоновый рисунок для страницы;

<LINK>, <ALINK>, <VLINK> - цвет ссылок: простой, активной и посещенной. И другие атрибуты.

Минимальный документ по спецификации HTML 4.0 должен содержать два тега: <!DOCTYPE…> и <TITLE>.

Одна из ошибок - включение тега <BODY> в тег <HEAD> или наоборот. Сначала надо закрыть заголовок, потом открыть тело.


Абзац

Новый абзац в документе создается тегом <P>. Все, что заключено между этими тегами воспринимается как один абзац. Зарывающий тег необязателен, можно просто начать новый абзац этим же тегом. По умолчанию абзацы генерируются без отступа первой строки, с выравниванием влево и неровным правым краем. Абзац от абзаца отделяется увеличенным межстрочным интервалом.

Пример:

<P>Это отдельный абзац</P>

Это отличается от стиля, используемого в книгах, где первая строка каждого абзаца, как правило, смещена вправо ("красная" строка), а интервал между последней строкой текущего абзаца и первой строкой следующего не отличается от межстрочных интервалов внутри абзаца. Несколько стоящих подряд пустых тегов не дают дополнительного пространства между абзацами - они воспринимаются как один абзац.

Для того, чтобы отделить одну часть текста от другой не переходя на новый абзац, или для увеличения расстояния между абзацами можно использовать непарный тег <BR>. Этот тег служит для перехода на следующую строку в любом месте текста. Очень удобен при публикации текста стихов.

Пример:

 <P>Это первый абзац</P>

<BR> <BR> <BR>

<P>Это второй абзац</P>

Противоположная задача - запрет переноса строки - решается с помощью тега <NOBR>. Закрывающий тег обязателен.

Пример:

<P><NOBR> Этот абзац не должен переходить на следующую строку. </NOBR> </P>

Дополнительным параметром для абзаца может быть его выравнивание (align= "left", "right", "center", "justify"). По умолчанию установлено выравнивание по левому краю

Пример:

 <P align="right" >Это абзац с выравниванием по правому краю</P>[2]


Пробел

Несколько стоящих подряд пробелов воспринимаются как один пробел. Для "раздвигания" слов можно использовать неразрываемый пробел, который ставится символом &NBSP; . Точка с запятой обязательна. Именно поэтому FP, DW и HS при нажатии клавиши Enter добавляют в тег абзаца &NBSP.


Отступ первой строки абзаца

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

Пример:

<P> &NBSP; &NBSP; &NBSP; &NBSP; &NBSP; Это абзац с отступом первой строки в пять пробелов

Заголовки

Для создания заголовков используется тег <H1..6>Заголовок</H1..6>. Существуют заголовки шести уровней: от 1 до 6.. Заголовки, могут иметь параметр выравнивания (align=).

Пример:

 <H2 align="right" >Заголовок второго уровня с выравниванием по правому краю</H2>

Горизонтальные линии

Для вставки в текст горизонтальной линии используется непарный тег <HR>.

Дополнительные параметры:

WIDTH - ширина линии в пикселях или процентах;

SIZE - толщина линии;

ALIGN - выравнивание;

NOSHADE - линии без тени;

COLOR - цвет линии.

Пример:

 <HR WIDTH=50% SIZE=5 ALIGN="center" COLOR="red">


Группирующие элементы

Для отделения части текста (блока) от остального текста используются два элемента:

<DIV> и <SPAN> .

Тег <DIV>…</DIV> называется "элемент уровня блока". Его часто применяют для объединения нескольких абзацев в одну группу. Например, часть текста должна быть выровнена влево, часть - вправо, остальное - опять влево.

Пример:

<DIV ALIGN="right">Большой блок текста - несколько абзацев или даже весь текстовый документ</DIV>

Эти элементы образуют более крупную структуру, так как могут содержать в себе другие группирующие элементы.

Тег <SPAN>…</SPAN> называется "встроенным элементом" и предназначен для выделения нескольких слов или строк.

Пример:

<SPAN STYLE="{color : #FF0000}">Это текст красного цвета</SPAN>

На практике проще (хотя и неправильно) использовать старое форматирование типа <FONT SIZE> или <FONT COLOR>

Более правильно сначала определить в стиле класс элемента, а затем применять для элементов этот класс (см. раздел "Каскадные таблицы стилей"):

Пример:

В разделе <STYLE> определяем класс: .redtext : {color : #FF0000}

Следующая часть текста будет набрана <SPAN CLASS="redtext"> красным шрифтом</SPAN>.


Списки

В веб-дизайне применяются списки трех типов: неупорядоченные (ненумерованные), упорядоченные (нумерованные) списки и списки определений.

Ненумерованный список создается тегом <UL>. Каждый элемент списка заключается в теги <LI>.

Дополнительный атрибут TYPE определяет вид указателя:

·               значение "disc" - кружок черный

·               значение "circle" - кружок белый

·               значение "square" - квадратик черный (как в примере)

Нумерованный список создается тегом <OL> Дополнительный атрибут TYPE определяет стиль нумерации:

             I.                  Type 1 - арабские цифры 1, 2, 3, ..

          II.                  Type a - буквы нижнего регистра a, b, c, ...

       III.                  Type A - буквы верхнего регистра A, B, C, ...

       IV.                  Type i - римские цифры в нижнем регистре i, ii, iii, ...

          V.                  Type I - римские цифры в верхнем регистре I, II, III, ...(как в примере)

Для того чтобы изменить число, с которого будет начинаться нумерованный список надо в теге <UI>. указать атрибут START=n.

Для того чтобы изменить порядок нумерации в середине списка, надо в теге <LI> указать атрибут VALUE=n.

Список определений создается тегом <DL>. Он незначительно отличается от других типов списков - тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента <DT> и может иметь только встроенное содержимое. Определение указывается с помощью элемента <DD> и сдвигается вправо относительно термина.[3]

Цитата

Для оформления цитат в тексте используются два тега: <BLOCLQOTE> и <CITE>.

Тег <BLOCLQOTE> применяется для длинных цитат, которые смещаются вправо от основного текста

Тег <CITE> применяется для коротких цитат и выводит текст курсивом.


Форматирование шрифта

Для форматирования шрифта чаще всего используется тег <FONT> с дополнительными атрибутами. Этот тег является нежелательным, так как для форматирования шрифта сейчас должны использоваться каскадные таблицы стилей CSS.

Атрибут size =n устанавливает размер шрифта. Возможные значения: Абсолютный размер от 1 до 7. Устанавливает фиксированный размер шрифта от 1 до 7. По умолчанию размер = 3.

Относительный размер от -2 до +4. Значение "+1" означает на один размер больше. Значение "-1" означает шрифт на один размера меньше.

Атрибут color устанавливает цвет шрифта. Цвет задается либо по названию, например Red либо по RGB-значению в 16-ричной системе. Названия цветов учитывают регистр.

Для работы с цветом существует множество специальных программ, например "ColorSet".

Атрибут face определяет список разделенных запятыми названий шрифтов, которыми браузер будет выводить текст в порядке приоритета. Нежелателен для употребления.

Практическая работа

Информационные технологии, использующиеся в пункте обмена валют банка

Краткая характеристика предприятия

Обменный пункт - подразделение банка и является местом совершения банком валютно-обменных операций. Правила и нормы совершения валютных операций в обменном пункте регламентируются инструкцией Центрального банка Российской федерации.

Комплекс программных средств предназначен в первую очередь для автоматизации работы кассиров пунктов обмена валют, находящихся как в самом банке, так и вне его территории. Использование программы значительно упрощает и ускоряет работу кассира за счет автоматизации учетно-расчетных операций при обмене валюты. Автоматическое формирование всей сводной отчетности и контроль финансового состояния обменного пункта в любой момент времени также должны повысить эффективность работы кассира.


Техническое обеспечение системы

В качестве технического обеспечения используется обычный офисный ПК средней конфигурации, подключенный к локальной сети банка.


Основные сервисные и информационно-расчетные возможности системы

Система автоматизации работы пункта обмена валюты предназначена, как уже было сказано выше, в первую очередь для повышения эффективности и скорости работы кассира. Поэтому функциональные возможности программного комплекса должны быть направлены на решение конкретных задач ОП возникающих в процессе работы.


Функциональные возможности системы

В системе заложены возможности, обеспечивающие ниже перечисленные сервисные и информационно-расчетные функции:

·               автоматический расчет сумм по операциям обмена иностранной валюты;

·               возможность установки автоматического начисления комиссионных вознаграждений (по выбору - комиссия с прихода, расхода и разницы курсов) при обменных операциях;

·               автоматический контроль наличия в обменном пункте денежных знаков национальной и иностранной валюты различного достоинства;

·               выдача рекомендаций кассиру по оптимальному набору наличных денежных знаков различного достоинства из числа имеющихся в кассе при каждой обменной операции;

·               учет операций обмена валют, основанный на ведении двойной записи и обеспечивающий высокий уровень контроля обменных операций;

·               контроль и восстановление логической целостности базы данных даже в случаях некорректной работы оборудования за счет выполнения процедур ревизий состояния счетов на текущую дату или за заданный период в любой момент работы обменного пункта;

·               архивирование всех данных, обработанных системой с начала ее функционирования на дату операционного дня или интервал дат;

·               на основании данных о клиенте, вводимых при осуществлении обменной операции, должна производиться автоматическая печать справки об обмене валюты и фиксация в системе информации о клиенте с привязкой к конкретной операции.


Взаимодействие с банковской системой автоматизации

Взаимодействие подсистемы с системой автоматизации банка удовлетворяет следующим требованиям:

·               Независимость от примененной системы автоматизации банковской деятельности;

·               Обмен информацией с банковской системой при помощи общепринятых носителей (магнитные диски, электронная почта и т.п.);

·               Формат передаваемых данных должен обеспечивать достоверный прием информации и ее обработку в системе автоматизации банка.

Проблема совместимости с различными банковскими системами разрешается путем применения стандартного формата передаваемых данных в виде текстового файла с разделителями информационных полей. Последовательность полей фиксирована, длина данных - переменная. Использование данных фиксированной длины, конечно упрощает их обработку, однако при больших объемах встает проблема величины передаваемого файла. Такой способ обмена может быть реализован практически во всех известных на данное время системах автоматизации банковской деятельности.


Один из результатов работы системы - генерация отчетов

Наиболее ответственной и трудоемкой из функций кассира ОП является ежедневное составление и заполнение отчетных документов по итогам работы пункта за смену. Система предоставляет пользователю возможность в любой момент времени получить документы дня (реестры сделок, справки об остатках наличности и пр.) в разрезе любой валюты. Это позволяет оперативно иметь картину финансового состояния ОП в целом и осуществить оперативный контроль деятельности кассира.


Список литературы

1.            “Информатика: Учебник”  Под ред. проф. Н.В. Макаровой. Москва. Издательство “Финансы и статистика”. 1998 г;

2.            “Информатика”. В. А. Острейковский. Москва. Издательство “Высшая школа”. 1999 г.

3.            “Internet для пользователя”. Колесников. Издательство “BHV”. 2000 г.

4.            “Internet. Самоучитель”. Муртазин Э. В. Издательство “ДМК”. 2002 г.

5.            “HTML в примерах”. А. Гончаров. Издательство “Питер”. 1997 г.




[1] “Internet. Самоучитель”. Муртазин Э. В. Стр. 75.


[2] “HTML в примерах”. А. Гончаров. Стр. 24.


[3] “HTML в примерах”. А. Гончаров. Стр. 30.