Навигация
Главная
Поиск
Форум
FAQ's
Ссылки
Карта сайта
Чат программистов

Статьи
-Delphi
-C/C++
-Turbo Pascal
-Assembler
-Java/JS
-PHP
-Perl
-DHTML
-Prolog
-GPSS
-Сайтостроительство
-CMS: PHP Fusion
-Инвестирование

Файлы
-Для программистов
-Компонеты для Delphi
-Исходники на Delphi
-Исходники на C/C++
-Книги по Delphi
-Книги по С/С++
-Книги по JAVA/JS
-Книги по Basic/VB/.NET
-Книги по PHP/MySQL
-Книги по Assembler
-PHP Fusion MOD'ы
-by Kest
Professional Download System
Реклама
Услуги

Автоматическое добавление статей на сайты на Wordpress, Joomla, DLE
Заказать продвижение сайта
Программа для рисования блок-схем
Инженерный калькулятор онлайн
Таблица сложения онлайн
Популярные статьи
OpenGL и Delphi... 65535
Форум на вашем ... 65535
HACK F.A.Q 65535
Бип из системно... 65535
Гостевая книга ... 65535
Invision Power ... 65535
Содержание сайт... 65535
Организация зап... 65535
Вызов хранимых ... 65535
Программируемая... 65535
Эмулятор микроп... 65535
Подключение Mic... 65535
Создание потоко... 65535
Приложение «Про... 65535
Оператор выбора... 65535
Создание отчето... 63938
Модуль Forms 63649
ТЕХНОЛОГИИ ДОСТ... 60511
Пример работы с... 59986
Имитационное мо... 56004
Реклама
Сейчас на сайте
Гостей: 9
На сайте нет зарегистрированных пользователей

Пользователей: 13,079
новичок: Openair
Новости
Реклама
Выполняем курсовые и лабораторные по разным языкам программирования
Подробнее - курсовые и лабораторные на заказ
Delphi, Turbo Pascal, Assembler, C, C++, C#, Visual Basic, Java, GPSS, Prolog, 3D MAX, Компас 3D
Заказать программу для Windows Mobile, Symbian

Обработка задач на ЭВМ на GPSS + Пояснительная записка
База данных склада на Delphi + Схема БД
Создание последовательности окон и передвижение окон по экрану на Turbo ...

Реклама



Подписывайся на YouTube канал о программировании, что бы не пропустить новые видео!

ПОДПИСЫВАЙСЯ на канал о программировании
Построение навигационной системы на основе фреймов
Особенно часто фреймы используются для формирования статических изображений рекламы и создания фиксированных систем навигации. Общая планировка фреймов показана на рис. 6.6.
Разработку Web-сайтов с применением фреймов следует начинать с построения оболочки, представленной их множеством. Нам нужно создать вложенные фреймы, следовательно, требуются два документа.
Пример. Разделим все пространство на две части: рекламный фрейм с фиксированными размерами и нижнюю область для демонстрации данных. Размеры рекламного блока по высоте должны составлять 100 пикселов, их нельзя изменять, так как элемент прокрутки отсутствует. Все остальное пространство просмотра предполагается отвести под вторую строку фрейма:
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-frameset.dtd"> <html xmlns ="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Navarro Family Recipes</title> </head>
<frameset rows="100, *">
<frame src="banner.html" name="banner" noresize="noresize" scrolling="no" />
<frame src="main.html" name="main" /> </frameset>
Помните, что первый документ с множеством фреймов должен включать не только определения frameset и frame, но и параметр nof rames, с помощью которого обеспечивается дополнительный доступ к браузерам, не поддерживающим фреймы. Итак, нужно вписать данные, посредством которых инициализируется содержимое каждого из трех фреймов, в одной секции nof rames:
<noframes> <body>
<div align="center"ximg src ="banner.gif" height="90" width="500"
alt="Navarro Family Recipes" />
</div>
<hl>Welcome!</hl>
<p>This Web site was created as convenient way to share my family's favorite recipes. They have been arranged by category in the list below. Feel free to use as many as you wish, but if you send them along, please do give the original author (noted in each file) attribution.</p> <p>Bon Appetit!</p> <ul>
<lixa href = <lixa href = <lixa <lixa
<lixa href =" soups, html" >Soups</ax/li> "bread . html" >Bread</ax/li>
'veggies .html" >Vegetables</ax/li>
a href = "beef .html">Beef</ax/li> a href =
"poultry.html">Poultry</ax/1i> <lixa href =" desserts, html ">Desserts</ах/li> </ul> </body> </noframes> </html>
В содержательной части документа автор сообщает, что эта Web-страница -удобный способ познакомить пользователей с рецептами блюд, которым отдается предпочтение в его семье. Все рецепты разбиты на категории, указанные в перечне. Пользователь свободен в выборе рецепта, однако если он в дальнейшем намерен поделиться с кем-то полученной информацией, то автор просит придерживаться оригинального названия продукта и желает приятного аппетита. Далее указаны описания продуктов (листинг 6.1).
Листинг 6.1. Программа создания Web-страницы, посвященной кулинарным рецептам
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtmll-frameset.dtd"> <html xmlns = "ht tp://www,w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Navarro Family Recipes</title> </head>
<frameset rows="100, *">
<frame src="banner.html" name="banner" noresize="noresize" scrolling="no" />
<frame src="main.html" name="main" />
</frameset> <noframes>
<body>
<div align="center"ximg src="banner.gif " height="90" width=" 500 " alt ="Navarro Family Recipes" />
</div>
<hl>Welcome!</hl>
<p>This Web site was created as convenient way to share my family's favorite recipes. They have been arranged by category in the list below. Feel free to use as many as you wish, but if you send them along, please do give the original author (noted in each file) attribution.</p> <p>Bon Appetit!</p> <ul>
<lixa href="soups.html">Soups</ax/li>
л j. i "bread. html" >Bread</ax/li>
veggies
html" >Vegetables</ax/li>
, html" >Beef </ax/li>
<lixa href = <lixa href = <lixa href="beef
<lixa href= "poultry .html">Poultry</ax/li> <lixa href =" desserts, html ">Desserts</ax /li> </ul> </body> </noframes> </html>
Теперь нужно разделить нижнюю часть экрана, на которую в первом файле указывает запись main. html, на две колонки: слева - панель для навигации по остальным страницам сайта, справа - содержание. Соответственно нижнее поле будет разбито на области, размеры которых составляют 20% и 80% от этого пространства (листинг 6.2).
Листинг 6.2. Программа main.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-frameset.dtd"> <html xmlns ="ht tp://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Navigation and Content: Navarro Family Recipes</title> </head>
<frameset cols="20%, 80%">
<frame src="nav.html" name="nav" />
<frame src="content.html" name="content" />
</frameset>
</html>
Построение оболочки завершено. Приступим к созданию содержательной части исходных фреймов. Необходимы следующие файлы: banner.html, nav.html, content.html.
Файл banner.html состоит из единственного графического изображения в центре страницы (листинг 6.3).
Совет Страницы с содержательной частью на сайте, структура которо -
го основана на фреймах, создаются при помощи типов документов Strict либо Transitional, но не Frameset.
ЛИСТИНГ 6.3. Код документа banner.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Navarro Family Recipes</title>
</head>
<body>
<div align="center"ximg src="banner.gif " height="90" width="500"
alt="Navarro Family Recipes" /></div>
</body>
</html>
Ссылки во фрейме навигации указывают на документы во фреймах для отображения содержательной информации. Следовательно, значение атрибута target должно указывать на этот фрейм (листинг 6.4).
ЛИСТИНГ 6.4. Документ nav.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3С//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns ="ht tp://www,w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Navarro Family Recipes</title>
</head>
<body>
<pxb>Recipe Categories</bx/p> <ul>
<lixa href = <lixa href:
<lixa href ="beef .html" target= " content" >Beef</ах/li>
<lixa 1 - n 1 1 ' n'
<lixa href ="soups.html" target= " content" >Soups</ax/li>
1 "bread.html" target= " content" >Bread</ax/li>
"veggies.html" target="content">Vegetables</ax/li>
a href: "poultry.html" target="content">Poultry</ax/li> <lixa href =" desserts .html" target =" content ">Desserts</ax/li> </ul> </body> </html>
Чтобы завершить работу, осталось только написать начальную страницу для фрейма с содержательной информацией (листинг 6.5).
Листинг 6.5. Файл content.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns ="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Navarro Family Recipes</title>
</head>
<body>
<h2>Welcome!</h2>
<p>This Web site was created as convenient way to share my family's favorite recipes. They have been arranged by category in the list below. Feel free to use as many as you wish, but if you send them along, please do give the original author (noted in each file) attribution.</p> <p>Bon Appetit!</p> </body> </html>
Итак, первая Web-страница готова для демонстрации в браузере (рис. 6.7).
Каждый из документов, обращение к которым осуществляется из навигационной панели nav.html, создается аналогичным способом с применением типа документа XHTML 1.0 Transitional (листинги 6.6-6.11).
Листинг 6.6. Документ soups.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns = "ht tp://www,w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Soup Recipes</title>
</head>
<body>
<h2 align="center">Soups</h2>
<ulxlixa href="ccchowder . html" >Chicken Corn Chowder</ax/li>
<lixa href="pea.html">Split Pea</ax/li>
<lixa href="cnoodle.html">Mom's Chicken Noodle</ax/li>
</ul>
</body>
</html>
Листинг 6.7. Документ bread.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3С//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns = "ht tp://www,w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Bread Recipes</title>
</head>
<body>
<h2 align="center">Bread</h2>
<ulxlixa href = " sour .html" >Sourdough</ax/li>
<lixa href = " 7grain . html" >Hearty Seven Grain</ax/li>
<lixa href="rye.html">Jewish Rye</ax/li>
</ul>
</body>
</html>
Листинг 6.8. Документ veggies.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3С//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns = "ht tp://www,w3.org/1999/xhtml" xml:lang="en" lang="en"> <head>
<title>Vegetable Recipes</title>
</head>
<body>
<h2 align="center">Vegetables</h2>
alxlixa href ="creamedcorn .html">Creamed Corn</ax/li>
<lixa href ="glazedcarrots . html" >Glazed Carrots</ax/li>
<lixa href="asianbeans .html">Asian Roasted Green Beans</ax/li>
</ul>
</body>
</html>
Листинг 6.9. Документ beef.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Beef Recipes</title>
</head>
<body>
<h2 align="center">Beef</h2>
<ulxlixa href="tritip.html">Monterey Tri-Tip</ax/li>
<lixa href="fajitas.html">Steak Faj itas</ax/li>
<lixa href="ribroast . html" >Standing Rib Roast</ax/li>
</ul>
</body>
</html>
Листинг 6.10. Документ poultry.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Poultry Recipes</title>
</head>
<body>
<h2 align="center">Poultry</h2>
<ulxlixa href ="hmchicken.html ">Ann's Honey Mustard Chicken</ ax/li>
<lixa href="tchicken.html">Teriyaki Chicken</ax/li>
<lixa href="picatta.html">Chicken Picatta</ax/li>
</ul>
</body>
</html>
Листинг 6.11. Программа desserts.html
<?xml version="l.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtmll-transitional.dtd"> <html xmlns ="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en"> <head>
<title>Desserts Recipes</title>
</head>
<body>
<h2 align="center">Desserts</h2>
<ulxlixa href ="chocmouse. html ">Chocolate Mousse</ax/li>
<lixa href = "peanutpie . html" >Peanut Butter Pie</ax/li>
<lixa href ="peaches . html" >Peaches and Cream</ax/li>
</ul>
</body>
</html>
Примечание В целях экономии места в книге не приводятся сами рецепты. Функциональное назначение сайта - разместить во фреймах для информации содержимое документа, выбранного в навигационной панели.
Написанием всех перечисленных файлов создание сайта заканчивается. На следующем этапе необходимо его протестировать: вызвать отображение каждой страницы во фрейме для демонстрации содержательной информации (в правом углу экрана), щелкнув мышью по соответствующей категории в панели навигации по сайту (рис. 6.8).
Опубликовал vovan666 April 08 2013 18:54:59 · 0 Комментариев · 1927 Прочтений · Для печати

• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •


Комментарии
Нет комментариев.
Добавить комментарий
Имя:



smiley smiley smiley smiley smiley smiley smiley smiley smiley
Запретить смайлики в комментариях

Введите проверочный код:* =
Рейтинги
Рейтинг доступен только для пользователей.

Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.

Нет данных для оценки.
Гость
Имя

Пароль



Вы не зарегистрированны?
Нажмите здесь для регистрации.

Забыли пароль?
Запросите новый здесь.
Поделиться ссылкой
Фолловь меня в Твиттере! • Смотрите канал о путешествияхКак приготовить мидии в тайланде?
Загрузки
Новые загрузки
iChat v.7.0 Final...
iComm v.6.1 - выв...
Visual Studio 200...
CodeGear RAD Stud...
Шаблон для новост...

Случайные загрузки
AddPage [Исходник...
DragMe [Исходник ...
SMExport
SearchAndReplace
Создание оригинал...
Программирование ...
Основы Delphi
Формирование отче...
CodeGear RAD Stud...
Х. М. Дейтел, П. ...
начисление процен...
Tetris 2002
PrevInst
Мониторинг сервер...
HtmlLerz PRO
BSButton
FileFind
index.php + мод ...
PDJXPPack
Pirc

Топ загрузок
Приложение Клие... 100450
Delphi 7 Enterp... 85856
Converter AMR<-... 20067
GPSS World Stud... 12518
Borland C++Buil... 11579
Borland Delphi ... 8508
Turbo Pascal fo... 7023
Visual Studio 2... 4989
Калькулятор [Ис... 4739
FreeSMS v1.3.1 3536
Случайные статьи
Этот пример являет...
Определение размер...
Часто возникают ди...
Еще раз о способах...
atomic(X)
Оба подхода в данн...
Web-навигация
Подсистема VM
Изображение TIFF
Когда наступает по...
Информационные и с...
Настройка управлен...
Новый домен активи...
Для этого вы блоки...
В объекте DataSet
2-32)
Превращение компью...
Дейтаграммы
Ламбда-подъем при ...
Шаблоны документов...
Двоичный поиск
Ограниченные метас...
Проектирование с у...
Соединение по треб...
Номер улицы IF Sel...
Статистика



Друзья сайта
Программы, игры


Полезно
В какую объединенную сеть входит классовая сеть? Суммирование маршрутов Занимают ли таблицы память маршрутизатора?