Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Примеры отчетов по лабораторным.doc
Скачиваний:
10
Добавлен:
25.03.2015
Размер:
1.73 Mб
Скачать

3. Принципы конструирования

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

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

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

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

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

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

Вспомогательное меню выводится во вспомогательное окно «стального» фона и имеет вертикальную ориентацию.

Стрелочные меню размещены в нижней части основного окна и имеют горизонтальную ориентацию.

При написании программ использовалось традиционное правило «лесенки». Лесенка (ступенчатые отступы) отражает вложенность команд друг в друга и позволяет легко видеть в тексте границы больших многостроковых конструкций. Фрагмент программы Администратор представлен ниже.

<!ИНФОРМАЦИОННО-СПРАВОЧНАЯ СИСТЕМА "УНИВЕРСИТЕТ">

<HTML lang="ru">

<HEAD>

<META http-equiv="Content-Type"

content="text/html; charset=windows-1251">

<META http-equiv="author" content="В. Персианов">

<TITLE>администратор</TITLE>

</HEAD>

<BODY background=fon11.gif

bgcolor=white text=black link=blue alink=red vlink=purple>

<TABLE width=100% border=0 cellspacing=0 cellpadding=4>

<TR align=left valign=top>

<TD width=93>

<FONT size=6>

ТГПУ<BR>

</FONT>

<FONT size=3>

им.&nbspЛ.Н.&nbspТолстого

</FONT>

</TD>

<TD width=40>

<IMG src=empty.gif width=40 height=70 border=0 alt="">

</TD>

<TD>

<FONT size=4 color=FF0000>

Информационно-справочная система "Университет"<BR clear=left>

Админиcтратор

</FONT>

</TD>

</TR>

<! Текст>

<TD>

</TR>

</TABLE>

</BODY>

</HTML>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 Информационные блок размещаются с пер­вой позиции, а после него оставляется пустая строка, которая позволяет выполнять автоматическое переформатирование текста в текстовом редакторе без «поломки» скелетных тегов. Длина текстовых строк не превышает 70 символов. Теги как скелет пронизывают информацион­ные блоки, предназначенные для вывода на экран.