Методические особенности проведения уроков по разделу «Компьютерные сети и телекоммуникации» в базовом курсе информатикиРефераты >> Педагогика >> Методические особенности проведения уроков по разделу «Компьютерные сети и телекоммуникации» в базовом курсе информатики
<А HREF="sound.wav">3вyк</A>
• к сохранению файла на локальном компьютере с использованием встроенного в браузер менеджера загрузки файлов:
<А HREF="Anketa.htm ">Скачать файл</А>
Панель навигации по сайту. Создадим папку сайта «Компьютер» и добавим в сайт пустые страницы «Программы», «Словарь», «Комплектующие» и «Анкета». Сохраним их в файлах с именами software.htm, glossary.htm, hardware.htm и anketa.htm в папке сайта. Такие «пустые» страницы должны иметь заголовки, но могут пока не иметь содержания:
<HTML>
<HEAD>
<Т1ТЬЕ>Заголовок страницы</Т1ТЪЕ>
</HEAD>
<BODY>
</BODY> </HTML>
На домашней странице сайта разместим указатели гиперссылок на каждую страницу сайта. В качестве указателей гиперссылок удобнее всего выбрать названия страниц, на которые осуществляется переход.
Разместим указатели гиперссылок внизу страницы в новом абзаце в одну строку, разделив их пробелами (snbsp). Такое размещение гиперссылок часто называют панелью навигации:
<Р ALIGH= "center">
[Программы] Snbsp [Словарь] Snbsp
[Комплектующие]   [Анкета]
Вставим в домашнюю страницу сайта HTML-код, создающий панель навигации:
<Р ALIGN="center">
HREF="software.htm">программы</A> Snbsp HREF="glossary. HTM">Словарь</А>] Snbsp
<A HREF="hardware.htm"> Комплектующие</А>Snbsp HREF="anketa.htm">AHKeTa</A>
Гиперссылка на адрес электронной почты. Полезно на домашней странице сайта создать ссылку на адрес электронный почты, по которому посетители могут связаться с администрацией сайта. Для этого необходимо атрибуту ссылки HREF присвоить адрес электронной почты и вставить ее в контейнер < ADDRESS ></ADDRESS>, который задает стиль абзаца, принятый для указания адреса.
Теперь по щелчку по ссылке адреса электронной почты будет открываться почтовая программа Outlook Express (или другая используемая по умолчанию почтовая программа), где в строке Кому будет указан заданный в ссылке адрес.
Итак» созданная домашняя страница Web-сайта «Компьютер» содержит заголовок, изображение компьютера, два абзаца текста, панель навигации и ссылку на адрес электронной почты.
Списки на Web-страницах
Довольна часто при размещении текста на Web-страви- удобно использовать списки в различных вариантах:
* нумерованные списки» когда элементы списка идентифицируются с помощью чисел;
* маркированные списки, когда элементы списка идентифицируются с помощью специальных к символов (маркеров);
* списки определений, позволяющие составлять перечни определений в так называемой словарной форме.
Возможно создание и вложенных списков, причем вкладываемый список может по своему типу отличаться от основного.
Нумерованные списки. Нумерованный список располагается внутри контейнера. С помощью атрибута TYPE тэга можно задать тип нумерации; арабские цифры (по умолчанию), "I" (римские цифры), "а" строчные буквы.
Маркированные списки. Маркированный список располагается внутри контейнера <ulx/ul>, а каждый элемент списка определяется тэгом <LI>, С помощью атрибута туре тэга можно задать вид маркера списка.
Для того чтобы посетители сайта могли не только просматривать информацию, но и отправлять сведения его администраторам, на страницах сайта размещают интерактивные формы. Формы представляют собой управляющие элементы различных типов: текстовые поля, раскрывающиеся списки, фляжки, переключатели, текстовые области и т. д.
Разместим на странице анкету для посетителей, чтобы выяснить, кто из наших посетителей, с какими целями и с помощью каких программ получает и использует информацию из сети Интернет, а также выясним, какую информацию они хотели бы видеть на нашем сайте.
Вся форма заключается в контейнер <F0RM></FORM>, В первую очередь выясним имя посетителя нашего сайта и его электронный адрес, чтобы иметь возможность ответить ему на замечания и поблагодарить за посещение сайта.
Текстовые поля. Для получения этих данных разместим в форме два однострочных текстовых поля для ввода информации.
Для того чтобы анкета «читалась-, необходимо разделить строки с помощью тэга перевода строки <br>
Пожалуйста, введите наше имя :
<BR>
<INPUT TYFE= «Text» Name="ФИО" S
<BR>
E-mail:
<BR>
<INPUT TYPE="text" NAME “e-mail”
<BR>
Переключатели. Далее, мы хотим выяснить, к какой группе пользователей относит себя посетитель. Предложим ему выбрать один из нескольких вариантов: учащийся, студент» учитель.
Для этого необходимо создать группу переключателей. Создается такая группа с помощью тэга <input> со значением атрибута Type=:"radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group".
Еще одним обязательным атрибутом является value, которому присвоим значения "учащийся", «студент» и "учитель". Значение атрибута VALUE должно быть уникальным для каждой «радиокнопки».
Вставим в HTML-код группу переключателей, в которой строки разделяются с помощью тэга перевода строки <BR>:
Укажите, к какой группе пользователей вы относите:
<INPUT TYPE="radio" VALUE="учащийся"> учащийся <BR>
<INPUT
VALUE="студент"> студент
Флажки. Далее, мы хотим узнать, какими сервисами Интернета наш посетитель пользуется наиболее часто. Здесь из предложенного перечня он может выбрать одновременно несколько вариантов, пометив их флажками.
Флажки создаются в тэге <INPUT> со значением атрибута type-"checkbox". Флажки, объединенные в группу, могут иметь одинаковые значения атрибута МАМЕ. Например. NAME="group".
Еще одним обязательным атрибутом является VALUE, которому присвоим значения "WWW", "e-mail" и "FTP". Значение атрибута VALUE должно быть уникальным для каждого флажка.
Вставим в HTML-код группу флажков, в которой строки разделяются с помощью тэга перевода строки <BR> (рис. 5.34):
из сервисов Интернета вы используете наиболее:
<1NPUT TY РЕ»"checkbox" NАМЕ="group"
VALUE="WWW">WWW
<BR>
< IM PUT TY PE- " checkbox " NAME» "group "
VALUE»"e-ma i1">e-mai1
INPUT TYFE="checkbox" NAME="group"
VALUE="FTP">FTP <BR>
Раскрывающиеся списки. Теперь выясним, какой из браузеров предпочитает посетитель сайта. Перечень браузеров представим в виде раскрывающегося списка, из которого можно выбрать только один вариант.
Для реализации раскрывающегося списка используется контейнер <SELECT></SELECT>, в котором каждый элемент списка определяется тэгом <OPTION>.
