Автор: Пользователь скрыл имя, 05 Декабря 2011 в 20:07, курсовая работа
На сегодняшний день во всемирной паутине полно ресурсов, на которых масса информации. Зайдя на сайт погоды, мы легко поймём, где указана скорость ветра, где температура, а где влажность. Читая статью, мы чётко определяем её автора, прочитав его имя. То есть человеческий мозг способен воспринимать информацию, анализировать её и получать ответы на нужные вопросы, но как это понять компьютеру? Компьютер видит только код и визуализирует данные согласно разметке.
1 Введение 3
2 Обзор и сравнительная характеристика технологий и средств 3
2.1 Обзор и сравнительная характеристика XML c другими языками разметки 3
2.1.1 Сравнение XML c другими языками разметки 5
2.2 Обзор библиотеки JavaScript – jQuery 6
2.3 Обзор технологии Ajax 7
3 Основные понятия предметной области «Финансы» 9
4 Диаграмма классов предметной области «Финансы» 10
5 Словесный алгоритм работы WEB-интерфейса и описания функций. 10
6 Основные экранные формы 11
7 Листинг главной страницы 14
8 Листинг страницы с таблицей 18
9 Листинг таблицы стилей 24
10 Листинг RDF документа 27
Выводы 28
Источники информации 29
{
background-color:#c1e2fc;
}
.jquery-tree {
list-style: none;
}
.jquery-tree ul {
list-style: none;
}
.jquery-tree-handle {
cursor: pointer;
width: 10px;
overflow: hidden;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
.jquery-tree-collapsed ul {
display: none;
}
.jquery-tree-collapseall,
.jquery-tree-expandall {
cursor: pointer;
}
.jquery-tree-collapseall {
margin-right: 1em;
}
.jquery-tree input {
position: absolute;
left: -1000px;
}
.jquery-tree-leaf {
padding-left: 5px;
}
.jquery-tree-node {
padding-left: 2px;
}
.jquery-tree-title {
display:inline-block;
}
/* таблица*/
.dataTables_wrapper {
position: relative;
min-height: 302px;
height: 302px;
clear: both;
}
.dataTables_processing {
position: absolute;
top: 39px;
left: 50%;
width: 500px;
margin-left: -260px;
padding: 20px;
background-color: #EFFFBD;
border: 1px solid #E3FE57;
text-align: center;
}
.dataTables_length {
width: 40%;
float: left;
}
.dataTables_filter {
width: 50%;
float: right;
text-align: right;
}
.dataTables_info {
width: 60%;
float: left;
}
.dataTables_paginate {
width: 44px;
width: 50px;
float: right;
text-align: right;
}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
height: 19px;
width: 19px;
margin-left: 3px;
float: left;
}
.paginate_disabled_previous {
background-image: url('data/datatables/images/
}
.paginate_enabled_previous {
background-image: url('data/datatables/images/
}
.paginate_disabled_next {
background-image: url('data/datatables/images/
}
.paginate_enabled_next {
background-image: url('data/datatables/images/
}
table.display {
margin: 0 auto;
width: 100%;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
font-size: 8pt;
}
table.display thead th {
padding: 3px 10px;
border-bottom: 1px solid black;
font-weight: bold;
}
table.display tfoot th {
padding: 3px 10px;
border-top: 1px solid black;
font-weight: bold;
}
table.display tr.heading2 td {
border-bottom: 1px solid #aaa;
}
table.display td {
padding: 3px 10px;
border-bottom: 1px dotted #aaa;
}
table.display td.center {
text-align: center;
border-bottom: 1px dotted #aaa;
}
.sorting_asc {
background: url('datadata/datatables/
}
.sorting_desc {
background: url('datadata/datatables/
}