Руководство пользователю по использованию Web-сайта

Автор: Пользователь скрыл имя, 16 Января 2012 в 20:13, курсовая работа

Краткое описание

Целью написания данной работы является
изучить теоретические аспекты единой автоматизированной информационной системы, а также принципы и средства создания ЕАИС, виды единой автоматизированной информационной системы;
изучение возможностей использования информационных технологий в таможенных органах;
получение навыков разработки и создания взаимосвязанных документов различных форматов;
разработать законченный и информационно наполненный сайт по теме «Единая автоматизированная информационная система таможенных органах».

Оглавление

ВВЕДЕНИЕ 6
ЦЕЛЬ РАБОТЫ 7
ЗАДАЧА 8
РАЗДЕЛ 1. ЕДИНАЯ АВТОМАТИЗИРОВАННАЯ ИНФОРМАЦИОННАЯ СИСТЕМА. ВИДЫ ЕДИНОЙ АВТОМАТИЗИРОВАННОЙ ИНФОРМАЦИОННОЙ СИСТЕМЫ. 9
1.1. Понятие единой автоматизированной информационной системы. 9
1.2. Требования к структуре и функционированию ЕАИС 12
1.3. Принципы разработки единой автоматизированной информационной системы. 14
1.4. Средства для создания единой автоматизированной информационной системы. 16
1.5. Виды обеспечения ЕАИС: техническое, технологическое, информационное, программное, лингвистическое 24
1.6. Краткие сведения по Web-дизайну 28
ГЛАВА 2. ПРАКТИЧЕСКАЯ ЧАСТЬ 37
2.1. Структура сайта 37
2.2. Руководство пользователю по использованию Web-сайта 38
ЗАКЛЮЧЕНИЕ 39
СПИСОК ИСПОЛЬЗОВАННОЙ ЛИТЕРАТУРЫ: 40

Скачать в ZIP (89.49 Кб) Сколько стоит заказать работу?
Файлы: 1 файл

курсовая.docx

— 92.84 Кб (Скачать)
align="justify">       <title>Единая автоматизированная информационная система </title>

       Тело  документа – основная его часть. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы. Соответственно, вывод: большинство ваших HTML-экспериментов будет проводиться в пространстве между тегами <BODY> и </BODY> .

       Все тэги имеют одинаковый формат: они  начинаются знаком "<" и заканчиваются  знаком ">".

       Обычно  имеются два тэга - открывающий: <html> и закрывающий: </html>.

       В HTML также имеются тэги, которые являются и открывающими, и закрывающими. Эти тэги не содержат текста, а являются метками, например, перенос строки выглядит так: <br>.

       Тэги  также имеют атрибуты. Атрибут – это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.

       Элемент – понятие, введенное только для удобства объяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.

       Когда пишется HTML-документ, текст структурно делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя каждому из них собственный стиль. Заголовки выше шестого уровня не являются стандартом и могут не поддерживаться браузером.

       Атрибуты: ALIGN - определяет способ горизонтального  выравнивания параграфа. Возможные  значения: left, center, right, justify. Это соответственно по левому краю, по центру, по правому краю, и по ширине. По умолчанию имеет значение left.

       FONT - Позволяет изменять цвет, размер  и тип шрифта текста, находящегося  между открывающим <font> и закрывающим </font> тегами.

       Атрибуты:

       1. SIZE - Определяет размер шрифта. Возможные значение – 1-6.

       2. COLOR - Определяет цвет текста. Задается либо RGB-значением в шестнадцатеричной системе, либо одним из 16 базовых цветов.

       3. FACE - определяет используемый шрифт. Используйте Times New Roman, Arial, Tahoma, Courier, Courier New. Они установлены почти у всех.

       Одна  из наиболее привлекательных черт Web - возможность включения ссылок на графические и иные типы данных в HTML-документ. Для вставки графических элементов служит тэг <IMG>. Использование данного тэга позволяет значительно улучшить внешний вид и функциональность документов.

       <img class="img3" src="mg3.jpg" alt="технологии" />

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

       Форматирование  текстам может осуществляться и  с помощью списков.

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

       Элементы:

       - UL  - Создает неупорядоченный список

        - OL -  Создает упорядоченный список

        - LI   -  Создает пункты списка  внутри элементов OL или UL

       Гипертекстовые  ссылки являются ключевым компонентом, делающим WEB привлекательным для пользователей.

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

       Элемент а (ancor) является как бы якорем, т.е. текст, заключенный между открывающим <a> и закрывающим </a> тегом, будет текстом ссылки. Атрибут href это сокращение от "hypertext reference/гипертекстовая ссылка", специфирует место, на которое выполняется переход по данной ссылке - обычно это internet-адрес и/или имя файла.

       a href="history.html">Модели данных</a>

       Возможно  также делать ссылки на различные  участки или разделы одного и  того же документа, используя специальных  скрытый маркер для этих разделов. Это позволяет быстро переходить от раздела к разделу внутри документа, не используя скроллирование экрана.

        <a href="#aaa">Виды обеспечения ЕАИС</a>

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

       <form action="mailto:tatsiana_tom@mail.ru" method=post ENCTYPE=text/plain >

       Кроме того, ссылкой может быть и картинка. Например:

       <a href="http://www.3dnews.ru/" target="blank" title="новости"><img class="mg1" src="иннов_т.jpg" alt="картинка" /></a>

       Чтобы изменять цвет ссылок во всем документе, существуют специальные атрибуты элемента BODY .Как то:

       LINK - цвет просто ссылок.

       ALINK(Active Link) - цвет активных ссылок (активная означает в момент нажатия на нее)

       VLINK(Visited Link) - цвет уже посещенных ссылок

       Ссылка  может быть не только на HTML-страничку, но и на многие другие документы формата *.doc, *.mp3, *.jpg, *.gif, *.txt, *.zip, *.exe и т.д. <a href="реляционная модель.jpg">(например)</a>

       Еще одним важным элементом html-документя являются таблицы.

       Для построения таблицы необходимы как  минимум три элемента .

       TABLE - Элемент для создания html таблицы. Обязательно должен иметь начальный и конечный теги. По умолчанию html таблица печатается без рамки, а разметка осуществляется автоматически в зависимости от объема содержащейся в ней информации.

       TR (Table Row) - Создает новый ряд таблицы. Закрывающий тег обязателен.

       TD (Table Data) - Начинает и заканчивает каждую ячейку ряда html таблицы. Обязателен закрывающий тег.

       Каждая  таблица может иметь заголовок, содержащий ее краткое описание. Содержание ячеек заголовков отображается полужирным шрифтом. Для создания заголовка  таблицы служит тэг <CAPTION>. По умолчанию  браузер располагает заголовок  таблицы по центру над ней. При  помощи атрибута ALIGN со значением bottom можно разместить заголовок под таблицей. Следует сказать, что стандарт HTML не позволяет ставить одной таблице несколько заголовков.

       Для того, чтобы сделать видимой границы таблицы, служит атрибут BORDER тэга <TABLE>.

       CELLPADDING – определяет расстояние (в пикселах) между рамкой каждой ячейки  html таблицы и содержащемся в ней материалом.

       CELLSPACING – определяет расстояние (в пикселах) между границами соседних ячеек  таблицы html.

       WIDTH – определяет ширину таблицы  html. Ширина задается либо в пикселах, либо в процентном отношении к ширине окна браузера.

       HEIGHT – определяет высоту таблицы.  Высота задается либо в пикселах, либо в процентном отношении  к высоте окна браузера. По  умолчанию этот атрибут определяется  автоматически в зависимости  от объема содержащегося в html таблице материала.

       Для объединения ячеек существуют такие  атрибуты, как:

       1. COLSPAN – определяет количество  столбцов, на которые простирается  данная ячейка. По умолчанию имеет  значение 1.

       2. ROWSPAN – определяет количество  рядов, на которые простирается  данная ячейка. По умолчанию имеет  значение 1.

       Например:

       <table>

       <tr >

       <td heiht="250">

       <td width="600" >&nbsp

       </td>

       <td width="80%" cellspacing="30" cellpadding="60" >

       <h3>Будем рады вашему отзыву по поводу нашего сайта, заполните форму</h3>

       <form action="mailto:tatsiana_tom@mail.ru" method=post ENCTYPE=text/plain >

       <b>Введите имя:</b> <br>

       <input type="text" name="fio" size="30">

       <br>

       <b>Введите пароль (максимум 6 символов):</b><br>

       <input type="password" name ="pass" maxlength="6">

       <br>

       <b>Введите свой e-mail: </b><br>

       <input type="text" name="email" size="35" value="пример: tania@mail.ru">

       <p><b>Как вы оцениваете наш сайт:</b></p>

       <p>

       <select name="ocenka" size="1">

       <option value="otlichno" > отлично </option>

       <option value="horosho"> хорошо </option>

       <option value="neploho"> неплохо </option>

       <option value="ploho"> плохо </option>

       </select></p>

       <b>Введите текст вашего сообщения:<b><br>

       <textarea name="mes" cols="45" rows="5"></textarea> <br><br>

        <input type="submit" value="отправить">&nbsp;&nbsp;&nbsp;

       <input type="reset" value="отмена">

       </form>

       </td>

       </tr>

       </table>

       В данной курсовой работе оформление сайта  содержится в таблице стилей style.css

       CSS (от английского Cascading Style Sheets) - это каскадные таблицы стилей, изобретение, которое облегчает жизнь вэбмастерам. С помощью CSS можно применять эффекты которых нет в html, например свободное позиционирование объекта, изменение цвета полосы прокрутки, изменять курсор, и делать более сложные эффекты, такие как выпадающие меню.

       Есть 3  способа применить правила  CSS к HTML-документу: внутренний и внешний и непосредственно в элементе:

       Например:

       Внешний (ссылка на таблицу стилей)

       <link rel="stylesheet" href="style.css" type="text/css" />

       Также используются id-селекторы.

       Cинтакс:

       #id {свойства}

       Особенностью  атрибутов типа ID является то, что  они могут иметь одно значение; независимо от языка документа, атрибут ID может использоваться для уникальной идентификации элемента. C его помощью можно создавать стилистические исключения cреди элементов одного класса.

       ПРИМЕР:

       #te {

       font-weight: italic;

       text-align: justify;

       text-indent: 1.5em;

       margin: 0;

       width: 95%;

       font-size: 20;

       color: #330099;

Информация о работе Руководство пользователю по использованию Web-сайта