Главная страница Случайная страница
Разделы сайта
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Создание гиперссылок с учетом фреймов
|
|
Чтобы при гиперссылке страничка открывалась в нужном фрейме, необходимо:
1) при создании фреймов задать им имена с помощью атрибута: name=" имя фрейма"
< frameset cols=" 30%, *" >
< frame src=" C.html" name=" left" >
< frame src=" D.html" name=" right" >
< /frameset>
2) при вставке гиперссылки указать, в каком фрейме необходимо открыть страничку с помощью атрибута target=" имя фрейма":
< а href=" strl.html" target=" right" >... < /a>
< a href=" spisok.html" target=" left" >... < /a>
Задание 8.2. Запишите определения основных понятий в тетрадь.
Коротко о главном
Фреймы – механизм представления информации на веб-страницах, разделение их на несколько областей, в каждой из которых отображается содержимое отдельной страницы.
< FRAMESET> … < /FRAMESET> – теги для создания фреймовой структуры.
< FRAME> – тег для определения фрейма и его свойств.
< IFRAME> … < /IFRAME> – создание плавающего фрейма.
Атрибут target тега-контейнера < А> задает имя фрейма, в котором нужно открыть вызванный по гиперссылке HTML-документ.
Задание 8.3.
Ø Создайте два HTML-документа. Сохраните их как файлы a.html и B.html. Эти страницы будут отличаться названиями и цветом фона.
| Файл a.html | Файл B.html |
| < html> < head> < Тitle> Синий цвет< /Тitle> < /head> < BODY bgcolor=" blue" text=" yellow" > < Н1> Страничка a< /H1> < /BODY> < /html> | < html> < head> < Тitle> Желтый цвет< /Тitle> < /head> < BODY bgcolor=" yellow" text=" blue" > < Н1> Страничка B< /H1> < /BODY> < /html> |
Ø Создайте базовую страницу, на которой будут отображаться фреймы, и сохраните ее в файле с именем baza.html
< HTML>
< HEAD>
< Тitle> Фреймы< /Тitle>
< /HEAD>
< FRAMESET cols=" 50%, 50%" >
< FRAME src=" A.html" >
< FRAME src=" B.html" >
< /FRAMESET>
< /HTML>
Ø Просмотрите, что получилось.
Задание 8.4.
Ø Создайте в своей папке папку Фреймы. Скопируйте в нее файлы с рисунками компьютерной мыши, монитора, клавиатуры, компьютера. Создайте четыре HTML-документа. Сохраните их как файлы Processor.html, Mouse.html, Monitor.html, Keyboard.html. Эти страницы будут отличаться названиями, цветом фона и картинкой. Они будут отображаться в плавающем фрейме при щелчке по соответствующей гиперссылке.
Ø Создайте HTML-документ Computers.html по следующему образцу:
< HTML>
< HEAD> < ТIТLЕ> Компьютеры< /ТIТLЕ> < /HEAD>
< BODY>
< Н1 align=" center" > Компьютеры< /H1>
< HR>
< IFRAME src=" Monitor.html" width=" 200" height=" 200" align=" right" name=" a" > < /IFRAME>
< UL> Компьютер состоит из четырех основных частей:
< LI> < A href=" Processor.html" target=" а" > Главная из них – процессор< /А>
< LI> < A href=" Monitor.html" target=" a" > Монитор< /A>
< LI> < A href=" Keyboard.html" target=" a" > Клавиатура< /A>
< LI> < A href = " Mouse.html" target = " a" > Мышь< /A>
< /UL>
< IMG src=" computer.gif" widht=" 150" heigh=" 150" >
< /BODY>
< /HTML>
Ø Просмотрите, что получилось.
Практическая работа. «Основы веб-конструирования»
Задание. Создайте фрагмент сайта, содержащий как минимум три страницы, содержащие текст, графические изображения, таблицы и гиперссылки, посвящённый одной из тем школьного курса какого-либо школьного предмета.
|
|