Автор: Пользователь скрыл имя, 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.
Параметр TARGET команды BASE задает кадр, выделяемый по умолчанию для отоб-ражения гипертекста.
Параметр NORESIZE применяется для того, чтобы пользователь не смог изменить размеры данного кадра на экране.
Линейки прокрутки задаются с помощью параметра SCROLLING.
Здесь действуют следующие правила:
- Если параметр SCROLLING не задан, то линейки прокрутки создаются автомати-чески тогда и только тогда, когда размер отображаемого текста превышает размер кадра (это относится как к размеру по вертикали, так и по горизонтали.
- Если задано SCROLLING = «YES», то линейки прокрутки создаются всегда.
- Если задано SCROLLING = «NO», то линейки прокрутки не создаются.
- Если задано SCROLLING = «AUTO», то система работает так же, как если параметр SCROLLING не задан.
Толщина граничной линии между кадрами может задаваться в пикселях с помощью параметров MARGINHEIGHT и MARGINWIDTH, если разработчика не устраивают значе-ния, заданные по умолчанию.
Специальные значения параметра TARGET.
В
современных «браузерах»
а) _blank - «браузеры» всегда задает это значение для нового, неименованного окна.
б)
_self - задается по умолчанию для всех
кадров, в операторе FRAME которых нет
параметра TARGET. Все вызываемые по гиперссылке
документы загружаются и
Значение _self в явном виде не применяется до тех пор, пока мы не вводим команду BASE с параметром TARGET - тогда, возможно, понадобится отменить это общее назна-чение для какого-либо конкретного кадра.
в) _parent - вызываемый по гиперссылке файл загружается в кадр или окно, которое является родительским по отношению к вызывающему. Другими словами, вызываемый файл будет расположен в том же окне, что и его «дедушка».
г)
_top - вызываемый по гиперссылке файл
загружается в окно, содержащее ссылку,
и перекрывает все кадры
Формат команды NOFRAME.
Данная
команда предназначена для «
В «браузеры», обрабатывающем кадры, вся информация, содержащаяся между коман-дами NOFRAME и /NOFRAME, игнорируется.
В «браузере», не обрабатывающем кадры, эта информация обрабатывается.
Обычно
разработчики домашних страниц, использующие
кадры, вставляют в тело команды
NOFRAME сообщение о том, что данный
«браузеры» не обрабатывает кадры и
сообщает рекомендации, например, перейти
на Netscape 2.0 и выше.
3.11 Специальные эффекты
Создание мигающего текста.
Замечание: работает в Netscape 3.0, не работает в Explorer 3.0
Вы можете создать изображение текста мигающим с помощью следующих команд: <blink> и </blink>
Не злоупотребляйте мигающим изображением. Его лучше всего применять для привлечения внимания к новой информации в домашней странице.
Создание бегущей строки.
Замечание: работает в Explorer 3.0, не работает в Netscape 3.0
Бегущая строка создается с помощью команд: <MARQUEE> и <MARQUEE>. Ниже приводятся примеры команд:
Команда <MARQUEE> </MARQUEE> - этот текст будет двигаться справа налево медленно.
Команда <MARQUEE BEHAVIOR = «ALTERNATE» CROLLAMOUNT = «50» SCROLLDELAY = «8» > </MARQUEE> - этот текст будет двигаться справа налево и назад.
Команда <MARQUEE BEHAVIOR= «SLIDE» > </MARQUEE> - этот текст будет двигаться и останавливаться.
Команда <MARQUEE SCROLLDELAY= «5» SCROLLAMOUNT = «50» > </MARQUEE> - этот текст будет двигаться очень быстро.
Карта образов.
Замечание: работает в Explorer 3.0, работает в Netscape 3.0
Карта
образов позволяет создать
Пусть у Вас есть картинка imgmap.gif размером 100 x 100 пикселей. Предположим, что картинка состоит из 4 частей, где изображены Ваши друзья:
- В левом верхнем углу - Дима (у него есть домашняя страница dima.html )
- В правом верхнем углу - Алик (Его домашняя страница alik.html )
- В левом нижнем углу - Вова (Его домашняя страница vova.html )
- В правом нижнем углу - Игорь (Его домашняя страница igor.html )
Если Вы хотите, чтобы при нажатии левой кнопки мыши на изображение каждого из Ваших друзей Вы попадали на его домашнюю страницу, запишите следующие команды:
<map name= «map » >
<area shape = «rect» coords = «0, 0, 49, 49» href = «dima.html»>
<area shape = «rect» coords = «0, 50, 49, 99» href = «alik.html»>
<area shape = «rect» coords = «50, 0, 99, 49» href = «vova.html»>
<area shape = «rect» coords= «50, 50, 99, 99» href = «igor.html»>
</mар>
<img src = «imgmap.gif» usemap = «# map» border= 0 >
Плавающие окна.
Замечание: работает в Explorer 3.0, не работает в Netscape 3.0.
Это окно создаётся с помощью следующей команды:
<IFRAME
NAME = «content_frame» width = «400» height = «240»
SRC = « index.html » > Это плавающее
окно </IFRAME>
3.12. Формы
Форма - это средство, позволяющее организовать в домашней странице диалог с ее пользователем.
Разработчик домашней страницы создает eё с помощью специальных элементов:
- кнопки,
- списки,
- текстовые строки,
- текстовые поля.
Формы передают информацию программе обработки в виде пар:
Имя поля - Значение поля.
Форма начинается командой <FORM> и заканчивается командой </FORM>.
Данная команда имеет 2 основных параметра: ACTION и METHOD.
Параметр ACTION является обязательным. Он указывает адрес обработчика формы (например, адрес программы обработки или почтовый адрес или просто адрес URL для перехода).
Параметр METHOD не является обязательным. Он принимает одно из двух значений: GET или POST, связанных с методом протокола передачи информации из анкеты.
По умолчанию, METHOD= GET.
Пример команды FORM:
<FORM
ACTION = «http://www.sakhalin.ru»
Для задания управляющей кнопки запуска передачи данных надо записать следую-щую команду:
<INPUT TYPE = submit NAME = «botton1» VALUE = «Произвольный текст» >
где:
INPUT - команда создания управляющего элемента.
TYPE - параметр, определяющий управляющий элемент.
submit
- значение этого параметра (в
данном случае управляющая
NAME - параметр, задающий имя переменной.
botton1 - имя переменной.
VALUE - параметр, задающий текст, отображаемый на управляющем элементе.
Произвольный текст - значение текста на управляющем элементе.
Ниже приводятся основные типы управляющих элементов INPUT.
1) Текстовая строка: TYPE=text определяет окно для ввода одной строки текста.
Параметр SIZE задает размер окна в символах.
Пример:
<INPUT TYPE = text NAME= «text1» SIZE = 30 VALUE = «Введите текст» >
В полученное окно, в котором будет изображаться текст: Введите текст.
Вы можете ввести любой текст или оставить записанный начальный текст «Введите текст» без изменений.
При нажатии кнопки submit в программу обработки будет передано:
text1=Введите текст (или другой, измененный текст).
Параметр SIZE задает размер окна в символах.
При необходимости ограничить длину текста N , применяйте дополнительный параметр: MAXLENGTH= N.
2) Окно для ввода пароля: TYPE=password
Аналогичен типу text , но при вводе каждый символ заменяется символом *.
Пример. Надо ввести пароль длиной не более 5 символов.
<INPUT TYPE=password NAME= pass size= 10 maxlength= 5 >
3) Текстовое окно: TEXTAREA
Задается в следующем виде: <TEXTAREA NAME= text3 COLS= 30 ROWS= 5 WRAP=VIRTUAL> Первоначально заданный текст </TEXTAREA>
Параметр COLS задает количество символов в строке, параметр ROWS задает коли-чество строк в окне, необязательный параметр WRAP=VIRTUAL задает линейку прокрут-ки.
4) Радиокнопка: TYPE=radio
Может быть задано несколько радиокнопок с одинаковым именем (т.е. значением параметра NAME), но они будут взаимоисключающими: может быть нажата (CHECKED) только одна из них.
Пример:
<INPUT TYPE = radio NAME = color VALUE = «Красная» checked> Красная
<INPUT TYPE = radio NAME = color VALUE = «Синяя» > Синяя
<INPUT TYPE = radio NAME = color VALUE = «Зеленая» > Зеленая
Мы получили 3 кнопки, из них отмечена Красная. При нажатии на другую кнопку предыдущая освобождается.
Допустим, мы нажали Синюю кнопку, тогда при нажатии на кнопку submit в программу обработки будет введено:
color=Синяя
5) Помеченный квадрат: TYPE=checkbox
В
отличие от радиокнопок, может быть
несколько квадратов с
Например,
в следующем примере
<INPUT TYPE = checkbox NAME = box VALUE = «Водка» checked> Водка
<INPUT TYPE = checkbox NAME = box VALUE = «Коньяк» > Коньяк
<INPUT TYPE = checkbox NAME = box VALUE = «Ликер» > Ликер
Если
Вы нажмете еще на кнопку «Коньяк»,
то при нажатии на кнопку submit в
программу обработки будет
box=Водка
box=Коньяк
Скрытый текст: TYPE=hidden
При отображении не виден пользователю. Служит для прямой передачи служебной информации от домашней страницы обработчику формы, прозрачно для пользователя.
7) Меню: SELECT
Пусть Вам представилась возможность выбрать одну из путевок в соответствии со следующим списком:
<SELECT NAME= «script» >
<OPTION VALUE = «tour1» > Путевка в Сочи
<OPTION VALUE = «tour2» > Путевка в Париж
<OPTION VALUE = «tour3» > Путевка на Колыму
Если Вы выбрали Путевку в Париж, то при нажатии на кнопку submit в программу обработки будет введено: script = tour2