Web дизайн с Macromedia HOMESITE




Разработка навигационной схемы сайта


Глава 5 Разработка навигационной схемы сайта
Глава 5. Разработка навигационной схемы сайтаРазработка навигационной схемы сайтаОбщие правила проектирования навигационной схемы сайта Представление навигационной схемы в окне ресурсов Способы ад...
Index1
Разработка навигационной схемы сайта Та легкость, с которой современные HTML-редакторы позволяют созда вать гиперссылки на основе произвольного фрагмента текста документа или графического изобр...
Создание фреймов с помощью редактора тегов
Создание фреймов с помощью редактора тегов Редактор тегов может быть вызван щелчком на одной из четырех кнопок вкладки Frames: Frameset Dialog (Диалог набора фреймов) — вызов диалогового окна для...
Окно для установки атрибутов тега <FRAMESET>
Рисунок 5.21. Окно для установки атрибутов тега <FRAMESET> на вкладке FRAMESET Tag — атрибуты ROWS и COLS (их значения вводятся в одноименных полях); на вкладке Browser-specific — атрибуты F...
Окно для установки атрибутов тега <FRAME>
Рисунок 5.22. Окно для установки атрибутов тега <FRAME>Тег <NOFRAMES> используется для вывода на экран альтернативного текста для тех читателей, броузеры которых не поддерживают работу...
Редактирование фреймов с помощью Tag Tree и Tag Inspector
Редактирование фреймов с помощью Tag Tree и Tag Inspector В отличие от инструментов, рассмотренных выше, Tag Tree и Tag Inspectoi не позволяют создавать новые фреймы, однако предоставляют удобный...
Представление параметров набора фреймов на вкладке Tag Inspector окна ресурсов
Рисунок 5.25. Представление параметров набора фреймов на вкладке Tag Inspector окна ресурсов Обратите внимание, что фреймы, для которых задан атрибут NAME, представлены в дереве тегов своим именем...
Общие правила проектирования навигационной схемы сайта
Общие правила проектирования навигационной схемы сайта Для выполнения приведенного выше требования достаточно соблюдать не-сколько не очень сложных правил: на главной странице сайта обязательно д...
Вариант навигационной схемы небольшого узла
Рисунок 5.1. Вариант навигационной схемы небольшого узла Масштабируемость — это важное свойство любого сайта: каким бы высоким ни был первоначальный рейтинг, узел обязательно должен развиваться. З...
Представление навигационной схемы в окне ресурсов
Представление навигационной схемы в окне ресурсов Несмотря на то, что разработчики HomeSite постарались свести к минимуму долю ручного кодирования, при создании ссылок понимание способов адресации...
Способы адресации ресурсов публикации
Способы адресации ресурсов публикации Каждому типу ссылок соответствует, как правило, свой способ адресации связанного документа: абсолютный (например: http://www.service.com/support/software/prog...
Пример структуры сайта
Рисунок 5.2. Пример структуры сайта Для изображенной на рисунке структуры относительные адреса будут выглядеть следующим образом: ссылка от файла prog1.html к prog2.html (оба файла находятся ъ одн...
Представление ссылок на вкладке Site View
Представление ссылок на вкладке Site View HomeSite, в отличие от многих визуальных HTML-редакторов (например, в отличие от того же Dreamweaver), не располагает инструментами проектирования навигац...
Таблица 5 1 Перечень условных обозначений типов ссылок
Таблица 5.1. Перечень условных обозначений типов ссылок Значок Тип ссылки...
Варианты представления навигационной схемы
Рисунок 5.3. Варианты представления навигационной схемы Теперь вернемся к способам адресации ресурсов, рассмотренным в предыдущем подразделе. В HomeSite реализованы два вида адресации: абсолютная...
Пример представления адресов в HomeSite
Рисунок 5.4. Пример представления адресов в HomeSite На этом же рисунке показан формат представления различных видов адре сов на вкладке Site View. Практически все операции на вкладке Site View мо...
Дерево ссылок построенное относительно файла главной страницы (lndex html)
Рисунок 5.5. Дерево ссылок, построенное относительно файла главной страницы (lndex.html) Рисунок 5.6. «Раскрытие» ссылки следующего уровня...
Создание гипертекстовых ссылок
Создание гипертекстовых ссылок В данном случае в категорию гипертекстовых ссылок включены все виды ссылок, создаваемых с помощью тегов <А> и <IMG>. Однако сразу оговоримся: создание се...
Напоминание о том что для создания относительной ссылки требуется сохранить документ на диске
Рисунок 5.7. Напоминание о том, что для создания относительной ссылки требуется сохранить документ на диске При создании ссылки на основе тега <А> HomeSite автоматически, генерирует текст сс...
Вкладка A Tag окна редактора тегов Замечание
Рисунок 5.8. Вкладка A Tag окна редактора тегов ЗамечаниеЕсли при работе с не сохраненным документом ввести в поле HREF вручную относительный адрес, то HomeSite его «проглотит» и вставит в код док...
Предупреждение о том что при работе
Рисунок 5.9. Предупреждение о том, что при работе с несохраненным документом в поле HREF создается абсолютный адрес _parent — вызванный документ будет загружен в окно, которое является родительски...
Пример создания локальной ссылки
Рисунок 5.10. Пример создания локальной ссылки...
Окно редактора тегов для создания почтовой ссылки
Рисунок 5.11. Окно редактора тегов для создания почтовой ссылки Subject (Тема); оно предназначено для ввода произвольного текста, поясняющего содержание письма; введенный текст будет вставлен поле...
HTMLкод сгенерированный редактором тегов
Рисунок 5.12. HTML-код, сгенерированный редактором теговЗамечаниеЗамечаниеПосле того как почтовая ссылка будет помещена в код документа, для ее редактирования с помощью команды Edit Current Tag бу...
Создание сенсорной карты
Создание сенсорной карты Сенсорная карта (или карта-изображение, Image Map) — это изображение, содержащее специальные области, так называемые активные (или горячие зоны (hotspots), которые позвол...
Кнопка вызова утилиты Image Map Editor
Рисунок 5.13. Кнопка вызова утилиты Image Map Editor На экране появится диалоговое окно, в котором отображается список графических файлов, используемых в редактируемой странице (Рисунок 5.14). В э...
Окно выбора изображения для создания сенсорной карты
Рисунок 5.14. Окно выбора изображения для создания сенсорной карты...
Окно редактора Image Map Editor
Рисунок 5.15. Окно редактора Image Map Editor Кроме того, в правой части окна имеется панель активных зон (Regions Window), в которой отображается информация об активных зонах изображения (если он...
Окно установки атрибутов тега <AREA>
Рисунок 5.16. Окно установки атрибутов тега <AREA> К сожалению, утилита Image Map Editor не может быть открыта повторно для редактирования параметров существующей сенсорной карты. Вместе с т...
Создание фреймов
Создание фреймов На первый взгляд, механизм фреймов не связан непосредственно с навигационной схемой сайта. Но это не совсем верно. Достаточно тесная связь между этими аспектами создания сайта обу...
Создание фреймов с помощью мастера
Создание фреймов с помощью мастера Мастер Frame Wizard обеспечивает существенное повышение эффективности работы независимо от того, насколько богатым опытом вы обладаете в использовании фреймов. П...
Первое окна мастера создания фреймов
Рисунок 5.19. Первое окна мастера создания фреймовЗамечаниеЗамечаниеЕсли требуется активизировать некоторый набор фреймов в целом (то есть все фреймы набора), следует щелкнуть на любом фрейме при...
Окно Frame Attributes
Рисунок 5.20. Окно Frame Attributes Окно Frame Attributes содержит следующие элементы (Рисунок 5.20): поле Name (Имя), предназначенное для ввода значения атрибута NAME; этот атрибут задаст имя фре...








Начало