русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

Создаем простой фрейм.


Дата добавления: 2015-06-12; просмотров: 731; Нарушение авторских прав


На этом уроке вы будите учиться создавать простую страничку со фреймом. Хочу вам сказать, что на одной страничке можно разместить много фреймов, но мы пока будем работать с одним.

Итак, наша страничка будет выглядеть так:

 

меню содержимое

 

 

Вы сохранили тот документ из предыдущего урока? Если нет, то создайте новый документ. Назовите его index.html и напишите там следующий код:

<html>

<head>

<title>Создаем простой фрейм</title>

<frameset cols="100,*">

<frame name="menu" target="main" src="menu.html">

<frame name="main" src="main.html">

</frameset>

</head>

</html>

А теперь я вам объясню что значит атрибут cols="чразмер"(rows="размер").Cols - это колонки? т.е. фреймы будут расположены как колонки. Так же можно сделать фреймы в ряд. Для этого вместо cols надо написать rows. У нас документ делится на 2 части: 1 - меню, 2 - содержимое. Так вот, первое число 50 означает, что меню будет размером в 100 пикселей, а знак * означает, что содержимое будет занимать всю оставшуюся часть.

Атрибуты name="main" и name="menu" - это имена фреймов.

Что означает атрибут target="main"? Это значит, что, если пользователь кликнит по ссылке на странице menu.html, то ссылка откроется в содержимом.

Теперь о тэге <frame>.Этот тэг устанавливает какие документы в каком ряду у нас будут грузиться. Первый ряд - меню, второй - содержимое. Если что-то вас не устраивает, то можете поменять эти тэги местами и расположение изменится. Также у тэга <frame> есть атрибут src (<frame src="страничка">).Этот атрибут загружает указанную страничку во фрейм.



Пойдем дальше. У нас в коде видно, что грузятся две странички (menu.html и main.html). Так, если они будут грузиться, то нужно чтобы они было, а их у нас нет. Так давайте создадим эти странички.

Создайте menu.html(меню). Эти страницы уже должны быть простыми, т.е. с обязательными тэгами. Напишите там следующий текст :

<html>
<head>
<title>Меню</title>
</head>
<body bgcolor="#000000" link="white" vlink="yellow" alink="green">
<a href="тут сделайте ссылку на страничку" target="main">Урок 1</a><br>
<a href="тут сделайте ссылку на страничку" target="main">Урок 2</a><br>
<a href="тут сделайте ссылку на страничку" target="main">Урок 3</a><br>
<a href="тут сделайте ссылку на страничку" target="main">Урок 4</a><br>
<a href="тут сделайте ссылку на страничку" target="main">Урок 5</a>
</body>
</html>

Сохраняем в папку, где у нас находится этот index.html. Так же создайте страничку main.html(содержимое). Там уже напечатайте что хотите.

Что означает атрибут target="main"? Это значит, что, если пользователь кликнит по ссылке на странице menu.html, то ссылка откроется в содержимом.

Все. Посмотреть пример.

А теперь тренируйтесь и переходите на следующий урок.



<== предыдущая лекция | следующая лекция ==>
Вложенные таблицы. | Создаем усложненный фрейм.


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.

Генерация страницы за: 0.383 сек.