Навигация
Главная
Поиск
Форум
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
Создание отчето... 64987
Модуль Forms 64771
Пример работы с... 63107
ТЕХНОЛОГИИ ДОСТ... 61489
Имитационное мо... 57322
Реклама
Сейчас на сайте
Гостей: 8
На сайте нет зарегистрированных пользователей

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

Лабораторная работа по динамическим спискам на Turbo Pascal (перемещение...
Моделирование работы класса персональных компьютеров на GPSS + Отчет + Б...
Метод половинного деления для нахождения корня уровнения на Turbo Pascal...

Реклама



Подписывайся на 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 Комментариев · 1951 Прочтений · Для печати

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


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



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

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

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

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

Пароль



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

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

Случайные загрузки
Основы программир...
Мод "register.php...
Delphi Russian Kn...
Черный круг двига...
Программирование ...
DCAVI
Программирование ...
ScrollCredit
45 уроков по дельфи
IPAddresseEdit
Visual Studio 200...
Ранги для форума
JanComp
Удаление своего EXE
TsHintManager
SendSMS для PHP-F...
Binary2XMLDemo (Р...
Расширенный загру...
Трассировка прово...
WinPopup

Топ загрузок
Приложение Клие... 100463
Delphi 7 Enterp... 86579
Converter AMR<-... 20076
GPSS World Stud... 12621
Borland C++Buil... 11744
Borland Delphi ... 8552
Turbo Pascal fo... 7037
Visual Studio 2... 4998
Калькулятор [Ис... 4758
FreeSMS v1.3.1 3541
Случайные статьи
Подсчет в строке к...
Пример на создан»—...
КРАТКИЙ ОБЗОР КОСМ...
Размеры классов с ...
Указания.
Идеалы программиро...
объяснение решений...
Когда маршрутизато...
Трансляция арифмет...
Создание нового са...
Распространение по...
Здесь мы рассмотри...
Мастер управления ...
13.6. Задачи
Алгоритм синхрониз...
Too many nested files
Техническая библио...
Приложение Gesture...
Отправлено байт (B...
Заливка ячейки
Поля и методы при ...
Как выделить облас...
Отправка факса из ...
Нуждается ли комму...
КОНСТРУКТОРЫ И ДЕС...
Статистика



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


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