- •Московский государственный университет
- •Содержание
- •Введение
- •1.Средства вычислительной техники
- •1.1. История развития средств вычислительной техники
- •1.1.1.Предшественники электронных вычислительных машин
- •1.1.2.Математические идеи прошлого – в современных компьютерах
- •1.1.3.Поколения электронных вычислительных машин
- •1.2.Упрощенная структура компьютера и принцип его работы.
- •1.3. Программное обеспечение компьютера
- •1.4. История языков программирования
- •1.5. Основные характеристики компьютеров
- •1.6. Типы вычислительных систем
- •1.6.1. Упрощенная классификация вычислительных систем
- •1.6.2. Особенности некоторых типов эвм
- •1.6.2.1 МикроЭвм
- •1.6.2.2. Персональные компьютеры
- •1.6.2.3. Большие эвм и СуперЭвм
- •2. Представление информации в компьютере
- •2.1.Представление чисел в позиционной системе счисления
- •2.2. Способы перевода чисел из одной системы счисления в другую
- •2.2.1. Случай, когда система счисления является целой степенью числа 2
- •2.2.2. Общий случай перевода
- •2.3.Двоичная арифметика
- •2.4.Представление чисел в форме с фиксированной и плавающей точкой
- •2.5. Коды для представления чисел в компьютере
- •2.5.1.Прямой код
- •2.5.2.Обратный код
- •2.5.3.Дополнительный код
- •2.5.4.Смещенный код.
- •2.5.5. Пример кодирования чисел в форме с плавающей точкой
- •2.5.6. Сложение чисел в форме с плавающей точкой
- •2.6. Кодирование текстовой информации
- •2.7. Кодирование графической информации
- •2.8. Кодирование звуковой информации
- •2.9. Представление команд
- •3. Основы организации и обработки данных
- •3.1 Основные структуры данных
- •3.2 Основные понятия баз данных и систем управления базами данных
- •3.2.1. Общие сведения
- •3.2.2. Режимы и технологии работы с базами данных
- •4. Основные понятия компьютерной графики
- •5.Компьютерные сети
- •5.1.Основные понятия компьютерных сетей
- •Как уже отмечалось, система компьютерной связи согласно модели osi/iso рассматривается на семи уровнях.
- •5.2.Интернет и его основные службы Получение информации из Интернета
- •5.3. Создание Web-документов Основы языка html
- •5.3.1. Структура документа на языке html
- •5.3.2. Правила вложения элементов
- •5.3.3. Функциональные блочные элементы
- •6. Вопросы компьютерной безопасности
- •6.1. Понятие компьютерной безопасности
- •6.2. Компьютерные вирусы
- •6.2.1. Методы защиты от компьютерных вирусов
- •6.2.2. Средства антивирусной защиты
- •6.3. Защита от несанкционированного доступа (методы криптографии)
- •6.3.1. Понятие несимметричного шифрования информации
- •6.3.2. Принцип достаточности защиты
- •6.3.3. Понятие электронной подписи
- •6.3.4. Понятие электронных сертификатов
- •7. Математические основы синтеза схем
- •7.1. Основы булевой алгебры. Булевы функции
- •7.2. Основы автоматных преобразований
- •Литература.
- •Св. План 2007г., поз.
5.3. Создание Web-документов Основы языка html
Автономные Web-документы используют язык HTML. Гипертекст, т.е. расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты. Разметка – использование специальных кодов, отделяемых от смыслового содержания документа и используемых для реализации гипертекста.
Управляющие конструкции языка HTML называют тегами. Теги бывают парные и непарные. Парные воздействуют на часть документа, заключенную между ними. Все теги заключаются в угловые скобки, в закрывающем теге после < идет /.
Пример: <head> ... </head>
5.3.1. Структура документа на языке html
1) Документ HTML всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающимся тегом </HTML>.
2) Внутри документа выделяются два основных раздела: раздел заголовков и тело документа. Раздел документа содержит информацию, описывающую документ в целом, и ограничивается тегами <HEAD> и </HEAD>. В частности, раздел заголовков должен содержать общий заголовок документа, ограниченный парным тегом <TITLE>. В теле документа размещается основное содержание, которое ограничивается парным тегом <BODY>.
Простейший документ:
<HTML>
<HEAD><TITLE> заголовок документа </TITLE></HEAD>
<BODY>
Текст документа
</BODY>
</HTML>
Для парных тегов область влияния определяется частью документа между открывающим и закрывающим тегом. Такая часть документа называется элементом языка HTML. Элемент BODY включает тег <BODY>, основное содержание документа и закрывающий тег </BODY>. Между тегами <BODY> и </BODY> существуют блочные элементы и текстовые. Блочные элементы относятся к частям текста уровня абзаца. Текстовые элементы описывают свойства отдельных фраз и более мелких частей текста.
5.3.2. Правила вложения элементов
1) Элементы не должны пересекаться. (Если открывающийся тег располагается внутри элемента, то и закрывающийся тег должен располагаться внутри этого же элемента.)
2) Блочные элементы могут содержать вложенные блочные и текстовые элементы.
3) Текстовые элементы могут содержать вложенные текстовые элементы.
4) Текстовые элементы не могут содержать вложенные блочные элементы.
5.3.3. Функциональные блочные элементы
Основными функциональными элементами являются заголовки и абзацы. Язык HTML поддерживает шесть уровней заголовков. Они задаются при помощи парных тегов <H1> до <H6>. Эти элементы отображаются шрифтами разных размеров.
Абзацы задаются при помощи парных тегов <P>. Закрывающий тег </P> необязательный. Подразумевается, что он стоит перед началом очередного абзаца.
Например:
<H1> Заголовок </H1>
<P> Первый абзац <P> Второй абзац
<H2> Заголовок второго уровня </H2>
Непарный тег <BR> осуществляет переход на новую строку.
В качестве ограничителя абзацев может также использоваться горизонтальная линейка. Этот элемент задается непарным тегом <HR> (линейка отделяет части текста друг от друга). Ее длина и толщина задаются атрибутами тега <HR>.
<HR ALIGN="RIGHT" SIZE="10" WIDTH="50%">
Этот тег создает горизонтальную линейку шириной в 10 пикселов, занимающую половину ширины окна и расположенную справа.
Гипертекстовая ссылка является фрагментом текста документа и потому задается текстовым элементом, определяемым при помощи парного тега <A>. Этот элемент содержит обязательный атрибут (HREE= [знак равенства показывает, что необходимо задать значение этого атрибута]), который не может быть опущен. В качестве значения атрибута используется адрес URL документа, на который указывает ссылка. Например: <A HREE="http://www.site.com/index.htm"> текст </A>.
Адрес URL может быть задан в абсолютной форме, т.е. начиная с указания протокола и адреса Web-узла (если посетитель направляется на другой Web-узел, то это внешняя ссылка). При использовании относительного адреса в ссылке задается только относительный путь поиска документа (предполагается использование того же протокола и того же Web-узла, т.е. внутренняя ссылка).
Гиперссылки можно использовать для ссылки на мультимедийные файлы. Если же требуется интегрирование объектов мультимедиа в Web-страницу, используют парный тег <OBJECT> или нестандартный непарный тег <EMBED>.
Можно ссылаться и на определенное место внутри страницы – только для страниц собственной разработки, пометив соответствующее место при помощи якоря. Якорь задается также при помощи парного тега <A>, но в роли обязательного атрибута NAME=. Значение атрибута – произвольная последовательность латинских букв и цифр (без пробелов) – имя якоря.
Для ссылки на якорь его имя указывается в конце адреса URL после символа (#).
Пример:
<A HREE="http://www.site/com/index/htm#address">
5.3.4. Web-графика
Графические элементы Web-страниц используют два основных формата – GIF и JPEG (допустим формат PNG).
Файлы формата GIF (Graphic Interchange Format) – файл упакован и занимает меньше места, чем неупакованный растровый рисунок (например, в формате .BMP).
Рисунки хранятся на Web-узлах в отдельных файлах, но отображаются как элементы Web-страниц. Для вставки рисунка используется текстовый элемент, задаваемый непарным тегом <IMG>. Тег <IMG> должен содержать обязательный атрибут SRC=, задающий адрес URL файла с изображением.
Например:
<IMG SRC="picture1.gif">
Т.к. изображение задается как текстовый элемент, оно может быть помещено внутрь другого текстового элемента, например задающего гиперссылку (тег <A>). В этом случае изображение становится изображением-ссылкой. При отображении документа на экране компьютера такое изображение отличается синей рамкой и изменением формы указателя при наведении.
Пример.
<html> // начало документа
<head> // заголовок
<title>Заголовок</title> //заголовок страницы
</head> // конец заголовка
<body bgcolor="#00FFFF"> // тело документа, цвет фона
<h2><a name="Содержание">Содержание</a></h2> // якорь для содержания
<p><a href="#Ссылка на главу 1">Глава 1</a></p> //ссылка на якорь для главы 1
<p><img border="0" src="images/00fracttransparent.gif"></p> //вставка рисунка
<hr align="left" size ="20"> // горизонтальная линейка
<h3><a name="Ссылка на главу 1">Глава 1</a></h3> //якорь для главы 1
<p><font fase="Arial" size="4" color="#0000FF" >Текст главы 1.
Текст главы 1. Текст главы 1. Текст главы 1.
Текст главы 1. Текст главы 1. Текст главы 1.
</font></p> //новый абзац, шрифт, размер и цвет шрифта, и сам текст
<p><a href="#Содержание">На начало.</a> </p> //ссылка на якорь для содержания
</body> //конец тела программы
</html> // конец HTML документа
На рис.41 отображена Web-страница, которая строится на основании выше указанного кода HTML.
Рис.41