Разработка информационной системы «Учебно-методический ресурс» включает в себя создание двух подсистем: главной страницы (страницы навигации) и шаблона исходного представления документа.

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

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

<td link="99CC99" vlink="99CC99" alink="99CC99" width="20%">

 <div align="left"><a href="users/UMR/lec.htm"><img src="users/UMR/ris/button_lec.gif" hight="44" border="0"></a></div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/lab.html"><img src="users/UMR/ris/button_lab.gif" hight="44" border="0"></a>

 </div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/kontr.htm"><img src="users/UMR/ris/button_kontr.gif" hight="44" border="0"></a>

 </div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/ind.htm"><img src="users/UMR/ris/button_ind3.gif" hight="44" border="0"></a>

 </div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/sam.htm"><img src="users/UMR/ris/button_sam.gif" hight="44" border="0"></a>

 </div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/dop.htm"><img src="users/UMR/ris/button_dop.gif" hight="44" border="0"></a>

 </div>

 <p align="left"></p>

 <div align="left"><a href="users/UMR/gloss.htm"><img src="users/UMR/ris/button_gloss.gif" hight="44" border="0"></a>

 </div>

</td>

Для описания таблиц используется тег <ТАВLЕ>. Тег <ТАВLЕ>, как и многие другие, автоматически переводит строку до и после таблицы.

Создание строки таблицы — тег <ТR>. Тег <ТR> создает строку таблицы. Весь текст, другие теги и атрибуты, которые требуется поместить в одну строку, должны размещаться между тегами <ТR></ТR>.

Определение ячеек таблицы - тег <ТD>. Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD> </ТD>. Число тегов <ТD> </ТD> в строке определяет число ячеек (открыть). Например:

 <TABLE>

 <TR>

 <TD COLSPAN=3>В таблице два тега TR значит в ней две строки.</TD>

 </TR>

 <TR>

 <TD>В строке три тега TD</TD>

 <TD>значит</TD>

 <TD>три столбца.</TD>

 </TR>

 </TABLE>

Для эффективного использования таблиц необходимо применять специальные тэги и атрибуты. Например:

· Тег <ТН> — заголовки столбцов таблицы.

· Тег <САРТIОN> — использование заголовков таблицы.

· Атрибут NOWRAP

· Атрибут СОLSPAN

· Атрибут ROWSPAN

· Атрибут WIDТН

· Атрибут СЕLLРАDDING

· Атрибут CELLSPACING и другие.

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

<р></ p > - Элемент абзаца (paragraph).

< BR > - Элемент, обеспечивающий принудительный переход на новую строку.

< pre ></ pre > - Элемент для обозначения текста, отформатированного заранее (preformatted).

<blockquote></blockquote> - Обозначение цитаты

< center ></ center > - Элемент используется для центрирования текста, а точнее, любого содержимого.

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

align=”left”

align=”center”

align=”right”

< b ></ b > - Выделение текста полужирным шрифтом.

< font ></ font >

Определение типа, размера и цвета шрифта. Все эти характеристики определяются при помощи соответствующих атрибутов. Например, абсолютный размер шрифта задается при помощи size (размер):

size =Абсолютный размер шрифта

Размер шрифта может задаваться относительно базового:

size =+Число

size =-Число

При назначении величины для size необходимо учитывать величину базового размера. Обе они в сумме должны соответствовать одному из абсолютных размеров. Так для базового размера, равного 3, относительный размер может находиться в пределах от -2 до +4. Если величина выходит за допустимый предел, то используется или шрифт размера 7, или шрифт размера 1.

Для элемента FONT можно использовать атрибут цвета:

color =”цвет”

Атрибут face (вид) также можно использовать для элемента font. Он позволяет задавать тип шрифта:

face=’’Название шрифта’’

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

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

ЗАКЛЮЧЕНИЕ

Создание Web пoпpaвy мoжнo cчитaть oдним из кpyпнeйшиx нayчнo - тexнических достижений последнего десятилетия XX века. Благодаря реализации этого проекта рождается целый ряд новых информационных технологий, имеющих весьма значимые социально-экономические последствия.

Одним из наиболее распространенных классов систем обработки данных являются информационные системы. В настоящее время усиливается тенденция глобализации ИС.

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

Главное преимущество Web-технологий в современных условиях заключается в их простоте и как следствие в повышении эффективности их применения.

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