Автор: Пользователь скрыл имя, 17 Ноября 2011 в 12:02, реферат
Около 20 лет назад Министерство Обороны США создало сеть, которая явилась прородительницей Internet, -она называлась ARPAnet. ARPAnet была экспериментальной сетью, - она создавалась для поддержки научных исследований в военно-промышленной сфере, в частности, для исследования методов построения сетей, устойчивых к частичным повреждениям, получаемым, например, при бомбардировке авиацией, и способных в таких условиях продолжать нормальное функционирование.
Это требование дает ключ к пониманию принципов построения и структуры Internet. В модели ARPAnet всегда была связь между компьютером-источником и компьютером-приемником (станцией назначения). Сеть apriori предполагалась ненадежной: любая часть сети может исчезнуть в любой момент.
1. Введение. 4
1.1. Краткое историческое введение об Internet.
1.2. Что составляет Internet ?
1.3. Административное устройство Internet и её финансы.
1.4. Как структура Internet сказывается на Пользователе?
1.5. Потенциальные пользователи сети Internet
1.6. Доступ в Internet
1.7. Планы на будущее
1.8. Постановка задачи.
2. WWW.
2.1. Немного истории
2.2. Что такое WWW?
2.3. Как в WWW задается местонахождение документа?
2.4. Программы просмотра
2.5. Основные команды программ просмотра
2.6. Коды и символы
2.7. Области использования WWW
2.8. На сколько популярен WWW
3. Язык программирования HTML. 31
3.1. Структура HTML документа
3.2. Создание заголовков
3.3. Создание списков
3.4 Форматирование параграфов и вывод текста в несколько столбцов.
3.5. Форматирование символов
3.6 Управление цветом
3.7 Использование специальных символов
3.8. Создание таблиц
3.9. Встраивание гипертекстовых ссылок
3.10.Кадры
3.11. Специальные эффекты
3.12. Формы.
3.13. Команды META
4. Психолого - эргономические требования. 50
4.1.Требования к процедуре взаимодействия пользователя с ЭВМ
4.2.Требования к выбору .вида диалога
4.3.Требования к проектированию дисплейных форматов
4.4.Требования к временным параметрам диалога пользователя с ЭВМ.
4.5. Требования к организации информации на экране.
4.6. Требования к кодированию информации на экране.
5. Создание странички.
6. Заключение.
7. Список используемой литературы и адресов .WWW.
3.1. Структура HTML документа
Символы, заключенные в угловые скобки <> являются HTML командами, по кото-рым «браузер» распознает, как следует преобразовать части текста, заключенные между этими командами.
Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой <HTML> и заканчиваться командой </HTML>.
Документ состоит из 2 частей:
- Заголовка (Head),
- Собственно документа (Body).
Для выделения заголовка следует ввести: <HEAD> Заголовок документа <HEAD>
Каждый WWW - документ имеет название, которое вводится в титульной строке «браузера».
Для ввода титульной строки в заголовок документа следует воспользоваться следующими командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>
Следует
отметить, что титульная строка должна
быть на английском языке в латинс-кой
кодировке так как она
Для записи основного текста следует ввести: <BODY> Основной текст </BODY>
Таким образом, общая схема документа в формате HTML выглядит следующим образом:
<HTML>
<HEAD> <TITLE> Титульная строка документа </TITLE> </HEAD>
<BODY> Основной текст документа </BODY>
</HTML>
При
написании команд HTML не имеет значение,
какими буквами - строчными или прописными
Вы пишете команды.
Создание заголовков
Заголовки
в документе создаются с
Например,
Отображаемый текст | Запись в формате HTML |
Заголовок1 | <H1> Заголовок1 </H1> |
Заголовок2 | <H2> Заголовок2 </H2> |
Заголовок3 | <H3> Заголовок3 </H3> |
Заголовок4 | <H4> Заголовок4 </H4> |
Заголовок5 | <H5> Заголовок5 </H5> |
Заголовок6 | <H6> Заголовок6 </H6> |
3.3. Создание списков
Списки
предназначены для
В HTML - документах используется 3 вида списков:
1.Неупорядочные списки,
2.Упорядочные списки,
3.Списки - определения.
Неупорядоченный список использует для выделения записей специальные сим-волы. Неупорядоченный список определяется следующими командами начала и конца списка: <UL> и <UL>
Каждый элемент списка начинается с команды: <LI>
В команде <LI> может быть параметр TYPE, который определяет внешний вид сим-вола, используемого для выделения строки в списке и может иметь следующие значения:
<LI TYPE=DISK> - круглая жирная точка,
<LI TYPE=CIRCLE> - окружность,
<LI TYPE=SQUARE> - маленький черный квадрат.
В упорядоченном списке все записи пронумерованы.
Упорядоченный список определяется следующими командами начала и конца списка: <OL> и </OL>
Каждый элемент списка начинается с команды: <LI>
В
команде <LI> может быть параметр
TYPE, который определяет тип нумерации
и может иметь следующие
<LI TYPE = A> - прописными буквами,
<LI TYPE = a> - строчными буквами,
<LI TYPE = I> - прописными римскими цифрами,
<LI TYPE = i> - строчными римскими цифрами,
<LI TYPE = 1> - арабскими цифрами.
В списке - определении все записи сдвинуты влево при помощи табуляции.
Список - определение определяется следующими командами начала и конца списка: <DL> и </DL>
Каждый
элемент списка начинается с команды:
<DD>
3.4
Форматирование параграфов и
вывод текста в несколько
В документе HTML невозможно создать абзац, используя клавишу [Enter].
Использование этой клавиши улучшает внешний вид исходного текста, но не влияет на полученное изображение.
Для перехода на следующую строку воспользуйтесь командой <br>
Для создания пустой строки воспользуйтесь командой <p>
Для создания горизонтальной черты воспользуйтесь командой <hr>
Если черта создается не на всю строку, а на какую - то ее часть, например, на 40%, то команда выглядит следующим образом: <hr width= 40 %>
Для создания широкой черты следует задать ее ширину (по умолчанию - в пикселях) <hr size= 10 >
Для выравнивания черты ВЛЕВО/ВПРАВО/ПО ЦЕНТРУ задайте соответственный параметр ALIGN=LEFT/RIGHT/CENTER
Черная линия задается наличием параметра NOSHADE.
Вы можете расположить текст по центру с помощью следующих команд: <CENTER>
Иногда необходимо создать текстовый документ, расположение строк которого (табуляция, отступы, выравнивание) определяется разработчиком домашней страницы, а не программой - редактором.
Для создания такого текста воспользуйтесь командами: <PRE> текст </PRE>
Полученный в «браузере» образ текста будет точно соответствовать тексту в исходном HTML файле.
Аналогичные функции выполняет пара команд: <LISTING> текст </LISTING>
Netscape 3.0 и выше поддерживает вывод текста в несколько столбцов, в газетном формате с помощью команд <MULTICOL> и </MULTICOL>.
Ниже приводится формат команд:
<MULTICOL COLS= «N» GUTTER= «M»> текст </MULTICOL>.
Здесь N - количество столбцов, M - расстояние между столбцами.
«Браузеры»,
не поддерживающие вывод текста в
несколько столбцов, обеспечат вывод
текста нормально, в 1 столбец.
3.5 Форматирование символов
Для
выделения отдельных частей текста
можно воспользоваться
B - жирный (Bold);
I - курсив (Italic);
U - с подчеркиванием (Underline);
S - с перечеркиванием (STRIKE);
Ниже
представлена таблица команд выделения
текста.
Отображаемый текст | Запись в формате HTML |
Выделение текста жирным шрифтом | Выделение <b> текста </b> жирным шрифтом |
Выделение текста курсивом | Выделение <i> текста </i> курсивом |
Выделение текста подчеркиванием | Выделение <u> текста </u> подчеркиванием |
Выделение текста перечеркиванием | Выделение <strike> |
Для изменения размера текстовых символов воспользуйтесь командами:
<FONT SIZE = +-i > </FONT>, где i в пределах от 1 до 7 относительно начального размера букв.
Кроме того, можно увеличить или уменьшить высоту шрифта с помощью команд <BIG> и <SMALL>. Эти команды используются в паре с командами </BIG> и </SMALL>.
Еще две пары команд:
<SUB> и </SUB> - подстрочный индекс, например, H2SO4.
<SUP> и </SUP> - надстрочный индекс, например, (a2 - b2) = (a - b)(a + b).
Все
вышеприведенные команды
Кроме
того, есть логическое форматирование
символов - Вы даете описание, а брау-зер
решает как изменять характеристики.
В общем, кто доверяет браузеру -
пользуйтесь эти-ми командами. Они
выглядят следующим образом:
<CITE> | Цитата | <CITE> |
<EM> | Особо важный текст | </EM> |
<STRONG> | Сильное выделение текста | </STRONG> |
<KBD> | Текст, введенный пользователем | </KBD> |
<CODE> | Листинг программы | </CODE> |
<SAMP> | Последовательность литералов | </SAMP> |
<VAR> | Имя переменной | </VAR> |
Браузер пользователя сам выбирает шрифт, если Вы его конкретно не задали в описа-нии страницы. Если в странице задан шрифт, которого нет у пользователя,то Вы можете задать список, состоящий из нескольких шрифтов, и браузер выберет самый левый, а если его в системе нет, то следующий и т. д. Если ни одного из шрифтов нет, браузер выбирает свой шрифт.
Фонт
задается с помощью команды: FONT FACE
3.6 Управление цветом
Цвета и изображения фона задаются с помощью команды <BODY>.
Эта команда может задаваться только в начале HTML файла и не может быть измене-на в дальнейшем. Ее параметры:
bgcolor = «# код цвета» - цвет фона документа,
text = «# код цвета» - цвет текста документа,
link = «# код цвета» - цвет текста, используемого в качестве ссылки,
vlink
= «# код цвета» - цвет ссылки
на просмотренный ранее
alink = «# код цвета» - цвет ссылки в момент нажатия на нее правой кнопки мыши.
Код цвета задается в кодировке RGB - шесть шестнадцатеричных чисел.
Важно
отметить, что цвет фона не отображается
на бумаге при выводе HTML - доку-мента
на печать. Ниже приводятся коды простейших
цветов:
Белый = FFFFFF | Малиновый = FF00FF |
Желтый = FFFF00 | Бирюзовый = 008080 |
Красный = FF0000 | Темно-синий = 000080 |
Серый = 808080 | Коричневый = 808000 |
Синий = 0000FF | Голубой = 00FFFF |
Зеленый = 00FF00 | Темно-зеленый = 008000, |
Черный = 000000 | Индиго = 800080 |
Пурпурный = CC33FF | Темно-красный = 800000 |
Для изменения цвета текущего текста можно в любом месте домашней страницы вос-пользоваться командами: <FONT COLOR= Код цвета > Текущий текст </FONT COLOR>