документ HTML
.html или .htm
звуковой файл AIFF
.aiff
рисунок GIF
.gif
звуковой файл AU
.au
рисунок TIFF
.tiff
звуковой файл WAV
.wav
рисунок X Bitmap
.xbm
анимация QuickTime
.mov
рисунок JPEG
.jpg (.jpeg)
фильм MPEG
.mpeg (.mpg)
Задание 1. Создание гиперссылок.
1.
Создайте предложенный HTML-документ в виде многофайлового документа (где
Файл1 — основной документ, Файл2 — вспомогательный файл, для картинки создана
гиперссылка)
Файл 1
Файл 2
2.
Сохраните изменения и просмотрите их с помощью браузера
Internet Explorer .
Задание 2. Создание гиперссылок.
1.
Создайте HTML-документ следующего содержания:
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
2.
Добавьте гиперссылку, при нажатии на слово «елочка» можно перейти на следующий
фрагмент:
И вот она нарядная
На праздник к нам пришла,
И много-много радости
Детишкам принесла!
3.
Отформатируйте по своему усмотрению цвета ссылок: пройденной и активной.
4.
Сохраните изменения и просмотрите их с помощью браузера
Internet Explorer
.
Задание 3. Самостоятельная творческая работа над своим сайтом.
Подведение итогов
Сделайте в тетради конспект теоретического материала.
Ответьте на следующие вопросы:
1.
Что такое гиперссылка?
2.
Какие виды гиперссылок вы знаете?
Домашнее задание:
1.
Выучите конспект.
Практическая работа № 6 по теме:
«Создание фреймов»
Цель:
научиться разделять экран на несколько областей согласно сценарию (с помощью фреймов).
С помощью фреймов экран разделяется на несколько областей, в каждой из которых
отображается содержимое отдельной страницы и даже Web-узла.
Хочешь узнать
точное
время? Жми сюда!!!
Здесь должна быть
картинка часов
К сожалению, точного
времени я тоже не знаю.
Часы остановились.
Второстепенные документы вставляются в базовый с помощью тегов:
Примеры простейших фреймов:
Горизонтальное деление экрана производится при помощи атрибута rows, а верти-
кальное при помощи атрибута cols. Значения атрибутов могут быть выражены в пикселах,
процентах или * для обозначения оставшейся части экрана.
cols = 50%, 50%;
Деление области просмотра на равные правую и левую части.
cols = 20%, 80%;
Деление области просмотра на неравные правую и левую части.
rows = 100, 20%,*
Деление области просмотра на три части: первой отведено 100 пикселей, второй —
20% доступного пространства, а третьей — все остальное
cols = *, 3*
Деление области просмотра на неравные правую и левую части. Правая часть в три
раза шире левой.
cols=25%,75%
Деление области просмотра аналогично предыдущему примеру.
Задание 1. Создание макета страницы с фреймами.
1.
Создайте HTML-документ следующего содержания:
<br />
<br /><b>FRAMES</b>
<br />
<br />
1
BORDER=
2
ROWS=
150,*
>
1
BORDER=
2
COLS=
150,*
>
2.
Сохраните изменения и просмотрите их с помощью браузера
Internet Explorer
.
Задание 2. Самостоятельная творческая работа над своим сайтом.
Подведение итогов
Сделайте в тетради конспект теоретического материала.
Ответьте на следующие вопросы:
1.
Что такое фреймы? Для чего они используются?
Домашнее задание:
1.
Выучите конспект.
Практическая работа № 7 по теме:
«Создание форм»
Цель:
научиться создавать различные элементы форм.
Формы представляют собой интерактивные элементы HTML, позволяющие разработ-
чикам страниц взаимодействовать с посетителями. С их помощью пользователь может воз-
вращать комментарии по поводу посещения определенного узла, пересылать запросы или
регистрироваться. Разработчик задает вопросы, создавая форму, а пользователь отвечает на
них, заполняя её.
Форма создается при помощи различных тэгов и атрибутов, заключенных в пару
текст
.
атрибут
Method
определяет способ пересылки данных сценарию
CGI
. Здесь протокол
GET
выбран по умолчанию, но в большинстве случаев разработчики пользуются про-
токолом
POST
, который позволяет передавать большие объемы данных.
атрибут
Action
определяет путь к сценарию
CGI
или адрес электронной почты.
атрибут
Еnctype
определяет способ кодирования содержимого формы. Другими сло-
вами, он сообщает браузеру о способе кодирования информации перед отсылкой сер-
веру. По умолчанию используется значение
x-www-form-encoded
.
Формы для сценария:
Формы для почты:
При помощи элемента
…
