Автор работы: Пользователь скрыл имя, 09 Апреля 2012 в 17:15, курсовая работа
За время, прошедшее с 50-х годов, цифровая ЭВМ превратилась из дорогого, уникального и перегретого нагромождения электронных ламп, проводов и магнитных сердечников в небольшую по размерам машину – персональный компьютер – состоящий из миллионов крошечных полупроводниковых приборов, которые упакованы в небольшие пластмассовые коробочки.
Введение
1 Общий раздел
1.1 Цель разработки
1.2 Характеристика состава и параметра технических средств
1.3 Характеристика используемой операционной системы
1.4 Обоснование выбора языка программирования
2 Специальный раздел
2.1 Назначение задачи
2.2 Постановка задачи
2.3 Описание алгоритма
2.4 Описание программы
2.5 Отладка программы
2.6 Процесс преобразования информации
2.7 Анализ результатов решения задачи
2.8 Руководство пользователю
Заключение
Список использованных источников
Приложение А Схема программы
Приложение В Листинг программы
Приложение С Результаты работы программы
author – (автор),
editor – (редактор),
publisher – (издатель),
owner – (владелец);
type="" указывает тип и параметры присоединенной таблицы стилей. Значения:
text/css – текст/скрипт.
<body a >т</body>
текст (тело) WEB – документа. Атрибуты:
bgcolor="" – цвет фона документа,
background="" – URL – адрес файла ( .gif) фонового рисунка. Окно полностью заполняется изображением, как кафельной плиткой, начиная с верхнего левого угла;
text="" – цвет текста,
alink="" – цвет активной ссылки,
link="" – цвет не просмотренной ссылки,
vlink="" – цвет просмотренной ссылки,
topmargin="" – граница верхнего поля,
leftmargin="" – граница левого поля,
bgproperties=fixed – фоновое изображение не прокручивается вместе с текстом,
onload=""
<address>т</address>
сведения об авторе страницы, дата создания и обновления. Текст обычно выделяется курсивом.
<frameset a >т</frameset>
контейнер кадров (фреймов): тело WEB – документа в виде кадров. HTML – программа, имеющая структуру кадров, не должна содержать контейнеры <body> и наоборот. Если в программе есть контейнеры обоих видов, то броузер будет отображать только контейнеры <body>. Атрибуты описывают сетку кадров:
rows="," – список значений высоты строк сверху вниз,
cols="," – список значений ширины столбцов слева направо.
Значения могут быть выражены и в пикселах, и в % от размера окна, а также делить пространство в ( * ) долях между собой. Например:
cols="100 , 25% , * , 3* , 2* ". Здесь 1–ый кадр будет шириной в 100 пикселов, 2–ой – шириной в 25% от ширины окна. Оставшееся пространство делится между 3–я кадрами в пропорциях 1/6, 3/6, 2/6. Число заданных кадров равно произведению строк и столбцов. В данном примере – 5 кадров;
frameborder=""
задает тип рамок между кадрами контейнера. Значения:
no – рамки не видимы – имеют цвет фона окна броузера,
yes – рамки имеют цвет;
bordercolor=""
задает цвет рамок между кадрами. По умолчанию – совпадает с цветом рамки окна;
border=""
устанавливает ширину рамок между кадрами контейнера. Если значение отсутствует, то кадры отделяются друг от друга тонкими линиями заданного цвета;
framespacing="": расстояние между кадрами. Этот атрибут реализован только в броузере Internet Explorer 4.
Внутри контейнера кадров могут быть вложенные контейнеры кадров, теги кадров и контейнер, заменяющий структуру кадров для броузеров, не поддерживающих механизм фреймов. Вложенный контейнер заменяет один кадр.
<frame a >: описывает отдельный кадр. Число таких тегов должно быть равно числу зарезервированных кадров в контейнере (за минусом вложенных контейнеров). Располагаются кадры последовательно слева направо и сверху вниз. Атрибуты:
src="": URL – адрес содержимого кадра. Обычно это файл HTML – программы из того же каталога (папки), что и сам контейнер, но может быть и абсолютный адрес файла с любого компьютера. Если этот атрибут не задан, кадр будет пустым;
marginwidth="", marginheight="": ширина от границы кадра до рамки по вертикали и горизонтали, соответственно;
scrolling="": определяет полосы прокрутки. По умолчанию полосы прокрутки добавляются в кадр, если содержимое кадра больше его размеров. Значения:
1. yes – полосы прокрутки будут обязательно,
2. no – полосы прокрутки запрещены,
3. auto – полосы прокрутки добавляются по умолчанию;
4. noresize – запрещает пользователям менять размеры кадра. По умолчанию, если захватить рамку кадра мышью, появляется двунаправленная стрелка, которой можно переместить рамку;
frameborder="": задает тип рамки кадра. Значения:
yes – рамка имеет 3–х мерную форму,
no – рамка плоская;
bordercolor="": задает цвет рамки кадра;
name="": имя кадра, которым метят кадр. Имя показывает, в какой кадр делать загрузку при ссылке.
<noframes>т</noframes>: контейнер HTML – текста для броузеров, которые не поддерживают аппарат кадров. Броузеры, поддерживающие кадры, игнорируют этот контейнер.
<!––т–– >: комментарий в программе для отладки программы, который не будет виден читателю.
& . . . :обозначает имя специального символа, который не вошел в базовую таблицу кодов ASCII. В отличие от остальных конструкций HTML, имена специальных символов учитывают регистр клавиатуры. Нельзя, например, использовать < вместо <.
– обозначает пустое место.
Не все теги есть во всех броузерах. Броузер пропускает теги, которые в нем не реализованы, и просто печатает текст размещенный в их контейнере.
Относительно каскадных таблиц стилей можно сказать следующее.
Обычный HTML позволяет задавать цвет и размер текста с помощью тегов форматирования. Если понадобится изменить параметры однотипных элементов на сайте, придется просматривать все страницы, чтобы найти и поменять теги.
Каскадные таблицы стилей (Cascading Style Sheets, CSS) позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.
Стили позволяют одним действием применить сразу всю группу атрибутов форматирования. С их помощью можно, например, изменить вид всех заголовков. Вместо форматирования заголовка в три приема, когда сначала задается его размер, затем шрифт "Arial" и, наконец, выравнивание по центру, то же самое можно сделать одновременно, применив стиль к тегу <H1>. Если требуется быстро изменить внешний вид текста, созданного с помощью одного из стилей, достаточно изменить параметры стиля во всех документах, где он используется, и вид текста поменяется автоматически.
Другое преимущество CSS состоит в том, что стили предлагают намного больше возможностей для форматирования, нежели простой HTML. Кроме того, стили могут храниться во внешнем файле, браузер кэширует такие документы, поэтому загрузка сайта будет происходить чуть быстрее.
CSS представляют собой мощную систему для разработчиков сайтов, расширяя их возможности по дизайну и верстке веб–страниц. В научной среде, откуда пошла родом технология WWW, люди были больше заняты содержанием документов, чем их оформлением, однако для большинства людей представление сайта, то, как он выглядит, играет более важную роль. Ограничения HTML породили множество техник создания веб–страниц, таких как:
1. Использование различных расширений HTML;
2. Применение изображений вместо текста;
3. Использование рисунков для контроля пустого пространства, так называемые распорки;
4. Использование таблиц для верстки веб–страниц;
5. Написание программных скриптов вместо использования HTML.
Эти техники значительно увеличивают сложность разработки веб–страниц, предлагают ограниченную гибкость в их создании и управлении, а также создают трудности для людей ими не владеющих.
Стили решают эти проблемы, в то же время заменяя лишь ограниченную область механизмов представления HTML.
Таблицы стилей могут быть добавлены на веб–страницу тремя разными способами, которые различаются по своим возможностям.
Таблицы связанных стилей
Самый мощный и удобный способ определения стилей и правил для сайта. Стили хранятся в отдельном файле, который может быть использован для любых веб–страниц. Для подключения таблицы связанных стилей используется тег <LINK> в заголовке страницы.
Пример. Подключение таблицы связанных стилей
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
<html>
<head>
<meta http–equiv="Content–Type" content="text/html; charset=windows–1251">
<title>Стили</title>
<link rel="stylesheet" type="text/css" href="mysite.css">
<link rel="stylesheet" type="text/css" href="http://www.mysite.ru/
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
Путь к файлу со стилями может быть как относительным, так и абсолютным, как показано в данном примере.
Достоинства данного способа: используется один файл со стилем для любого количества веб–страниц, также возможно его применять на других сайтах; можно изменять таблицу стилей без модификации веб–страниц.
При изменении стиля в одном единственном файле, стиль автоматически применяется ко всем страницам, где есть на него ссылка. Несомненно, удобно. Указываем размер шрифта в одном только месте, и он изменяется на всех сто или больше веб–страницах нашего сайта.
Файл со стилем при первой загрузке помещается в кэш на локальном компьютере, отдельно от веб–страниц, поэтому загрузка сайта происходит быстрее.
Таблицы глобальных стилей
Стиль определяется в самом документе и обычно располагается в заголовке веб–страницы. По своей гибкости и возможностям этот способ использования стиля уступает предыдущему, но также позволяет размещать все стили в одном месте. В данном случае, прямо в теле документа. Определение стиля задается тегом <STYLE> (пример 2).
Пример. Использование таблицы глобальных стилей
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
<html>
<head>
<meta http–equiv="Content–Type" content="text/html; charset=windows–1251">
<title>Стили</title>
<style type="text/css">
H1 {
font–size: 120%; /* Размер шрифта */
font–family: Verdana, Arial, Helvetica, sans–serif; /* Семейство шрифта */
color: #336; /* Цвет текста */
}
</style>
</head>
<body>
<H1>Hello, world!</H1>
</body>
</html>
В данном примере показано изменение стиля заголовка <H1>. На веб–странице теперь достаточно указать только этот тег и стили будут добавлены к нему автоматически.
Внутренние стили
Внутренний стиль являются по существу расширением для одиночного тега используемого на веб–странице. Для определения стиля используется параметр style, а его атрибуты указываются с помощью языка таблицы стилей.
Пример. Использование внутренних стилей
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
<html>
<head>
<meta http–equiv="Content–Type" content="text/html; charset=windows–1251">
<title>Стили</title>
</head>
<body>
<H1 style="font–size: 120%; font–family: Verdana, Arial, Helvetica, sans–serif; color: #336">Hello, world!</H1>
</body>
</html>
Рекомендуется использовать внутренний стиль для одиночных тегов или отказаться от его использования вообще, поскольку изменение ряда элементов становится проблематичным. Внутренние стили не соответствуют идеологии структурного документа, когда содержимое и его оформление разделены.
Все описанные методы использования CSS могут применяться как самостоятельно, так и в сочетании друг с другом. В этом случае необходимо помнить об их иерархии. Первым всегда применяется внутренний стиль, затем таблица глобальных стилей и в последнюю очередь таблица связанных стилей. В примере 4 используются сразу два метода добавления таблиц стилей в документ.
Пример. Сочетание разных методов подключения стилей
<!DOCTYPE HTML PUBLIC "–//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
<html>
<head>
<meta http–equiv="Content–Type" content="text/html; charset=windows–1251">
<title>Стили</title>
<style type="text/css">
H1 { font–size: 120%; font–family: Arial, Helvetica, sans–serif; color: green; }
</style>
</head>
<body>
<H1 style="font–size: 36px; font–family: Times, serif; color: red;">Hello, world!</H1>
<H1>Hello, world!</H1>
</body>
</html>
В приведенном примере первый заголовок задается красным цветом размером 36 пикселов, а следующий – зеленым цветом и другим шрифтом.
В тексте программы курсового проекта использованы в т.ч. следующие теги:
<html> – основной тег начала–конце документа;
<body> – тело документа;
<div> – логический контейнер;
<p> – абзац;
<strong> – выделение значимого текста;
<img> – добавление изображения;
<center> – выравнивание по центру;
<left> – выравнивание по левому краю;
<right> – выравнивание по правому краю.
А также прочие вышеупомянутые.
Кроме того, используются, например, следующие параметры CSS:
font–size – определяет размер шрифта;