Навигация
Главная
Поиск
Форум
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
Программируемая... 65535
Эмулятор микроп... 65535
Подключение Mic... 65535
Создание потоко... 65535
Приложение «Про... 65535
Оператор выбора... 65535
Модуль Forms 65535
ТЕХНОЛОГИИ ДОСТ... 64688
Имитационное мо... 58930
Реклама
Сейчас на сайте
Гостей: 5
На сайте нет зарегистрированных пользователей

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

Лабораторная работа по динамическим спискам на Turbo Pascal (удаление ду...
Информационная система - транспортный парк на Turbo Pascal (База данных)...
Движение шарика в эллиптическои параболоиде на Delphi [OpenGL] + Блок схемы

Реклама



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

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


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



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

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

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

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

Пароль



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

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

Случайные загрузки
Task Shedule
MPTools
Экранная лупа
Факториал [Исходн...
RSS Feeds
DCAVI
API (Применение A...
Керниган Б.В., Ри...
Применение жадног...
ComboBox97
PHP, MySQL и Drea...
Х. М. Дейтел, П. ...
Ведение справочны...
SUIPack
Базы данных в Инт...
Delphi World 6.0
Добавление к ссы...
Fig [Исходник на ...
Rotolabel
PDA версия сайта

Топ загрузок
Приложение Клие... 100501
Delphi 7 Enterp... 89077
Converter AMR<-... 20086
GPSS World Stud... 14198
Borland C++Buil... 12392
Borland Delphi ... 8802
Turbo Pascal fo... 7067
Калькулятор [Ис... 5025
Visual Studio 2... 5011
FreeSMS v1.3.1 3550
Случайные статьи
Алгоритм copy_if()
Управления рубрика...
Таблица 7.2. Прави...
6.2. Выполнение и...
терминалов;«О Защи...
MIPS-архитектура,
Перегрузка шаблоно...
Инструкции для раб...
Инициализация объе...
Вложенные классы
Триггеры событий, ...
Инерция тепла
Вращение вправо-вл...
Введение в имитаци...
Заливка
Виртуальная телефо...
Конструкторы и объ...
Разработка инфогра...
Чтение/показ из фа...
Наиболее сложная л...
РЕЖИМ "РЕДАКТИРОВА...
ENTER (ВОЙТИ В ПАМ...
Исходя из сценария...
Как выбрать масшта...
Концепцию какого м...
Статистика



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


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