Первый сайт с FrontPage




Глава 16 Создание текстовых и графических гиперссылок


    Глава 16 Создание текстовых и графических гиперссылок
    Глава 16 Создание текстовых и графических гиперссылок Добавление в Web-узел новой страницы Гиперссылки Закладки Редактирование ссылки Редактирование активных областей Режим просмотра гиперссылок W...
    Добавление в Web-узел новой страницы
    Добавление в Web-узел новой страницы В предыдущих главах мы рассмотрели создание Web-узла, содержащего одну страницу. Но, как правило, Web-узел состоит из нескольких страниц. Для добавления в Web-...
    Замечание
    Замечание Вопросы импортирования файлов в данной главе затронуты не будут, так как этому будет посвящена глава 18. Существует несколько способов добавления в Web-узел новой страницы. Вы можете вос...
    Рис. 16.1. Диалоговое окно для...
    Рис. 16.1. Диалоговое окно для выбора шаблона создаваемой страницы Диалоговое окно Шаблоны страниц (Page Templates) содержит список шаблонов. Выберите в нем шаблон, который хотите использовать при...
    Рис. 16.2. В Web-узел добавлена...
    Рис. 16.2. В Web-узел добавлена новая страницы, созданная с использованием шаблона Обычная страница...
    Сохранение страницы
    Сохранение страницы Добавленной в наш Web-узел странице программа FrontPage присвоила название new_page_l.htm. Можно сразу приступить к размещению информации на ней. Но посмотрите на панель Список...
    Использование общих областей при создании панелей ссылок
    Использование общих областей при создании панелей ссылок При размещении панелей ссылок в нашем тестовом Web-узле мы создавали панель на каждой странице отдельно. Правда, мы несколько облегчили себ...
    Рис. 16.37. Панель ссылок, размещенная...
    Рис. 16.37. Панель ссылок, размещенная на Web-странице второго уровня иерархии Добавим в наш тестовый Web-узел страницу следующего уровня иерархии и посмотрим, как изменятся размещенные на страниц...
    Рис. 16.39. Web-страница, содержащая две панели ссылок
    Рис. 16.39. Web-страница, содержащая две панели ссылок...
    Гиперссылки
    Гиперссылки После добавления в Web-узел новых страниц необходимо подумать о том, как же пользователь будет между ними перемещаться. Прекрасным средством перемещения между страницами текущего Web-у...
    Создание гиперссылок
    Создание гиперссылок Если бы не существовало гиперссылок, World Wide Web состоял из отдельных изолированных Web-страниц, перемещаться по которым было бы достаточно сложно. Далеко за примерами ходи...
    Рис. 16.5. Для первого элемента списка создана гиперссылка
    Рис. 16.5. Для первого элемента списка создана гиперссылка...
    Совет
    Совет Для проверки действия ссылки не обязательно переходить в режим просмотра страницы. Можно в режиме редактирования страницы щелкнуть на ссылке, удерживая при этом нажатой клавишу Ctrl. Диалого...
    Рис. 16.6. Диалоговое окно Добавление...
    Рис. 16.6. Диалоговое окно Добавление гиперссылки при создании ссылки для отправки письма Возможности диалогового окна Добавление гиперссылки не ограничиваются кнопками, перечисленными в табл. 16....
    Создание гиперссылки с использованием...
    Создание гиперссылки с использованием механизма перенести-и-оставить Мы рассмотрели создание гиперссылок с помощью диалогового окна Добавление гиперссылки (Insert Hyperlink). Но этим не ограничива...
    Закладки
    Закладки Переход по гиперссылке осуществляется в начало страницы Web-узла. Это не всегда удобно, так как Web-страницы в большинстве случаев содержат большой объем информации, и для поиска нужных с...
    Создание закладки
    Создание закладки Для размещения на Web-странице закладки выполните следующие действия: 1. Установите курсор в то место текста, где хотите расположить закладку. 2. В меню Вставка (Insert) выберите...
    Рис. 16.7. Диалоговое окно Закладка
    Рис. 16.7. Диалоговое окно Закладка 3. Введите в поле Имя закладки (Bookmark name) наименование создаваемой закладки. 4. Нажмите кнопку ОК. Посмотрите теперь на текст Web-страницы (рис. 16.8). В м...
    Рис. 16.8. Закладки, размещенные...
    Рис. 16.8. Закладки, размещенные в тексте, выделяются значками...
    Замечание
    Замечание Для создания закладки можно использовать не только текст, но и графическое изображение. По внешнему виду графического объекта не видно, что он является закладкой, как в случае текстового...
    Поиск закладки и ее удаление
    Поиск закладки и ее удаление С правой стороны диалогового окна Закладка расположены две кнопки: Очистить (Clear) — удаляет выделенную закладку, оставляя текст в неприкосновенности Перейти (Goto) —...
    Создание ссылки на закладку текущей страницы
    Создание ссылки на закладку текущей страницы При создании гиперссылок на закладки необходимо различать два случая: Закладки расположены на той же странице, что и ссылки на них Закладка и ссылка на...
    Рис. 16.9. Использование в качестве ссылки закладки
    Рис. 16.9. Использование в качестве ссылки закладки 9. Выделите в списке название первой закладки, на которую создаете ссылку, и нажмите кнопку ОК для закрытия диалогового окна. 10. Для создания с...
    Создание ссылки на закладку другой страницы Web-узла
    Создание ссылки на закладку другой страницы Web-узла Теперь рассмотрим пример создания ссылки с домашней страницы на закладку, расположенную на другой странице Web-узла. Для создания ссылки выполн...
    Рис. 16.10. Диалоговое окно
    Рис. 16.10. Диалоговое окно Выбор места в документе, используемое для выбора закладки другой страницы 10. Выберите наименование закладки и нажмите кнопку ОК. Вы возвращаетесь в диалоговое окно Доб...
    Рис. 16.11. Создание ссылки на...
    Рис. 16.11. Создание ссылки на закладку, расположенную на другой странице Web-узла...
    Создание ссылки на другой Web-узел в Интернете
    Создание ссылки на другой Web-узел в Интернете Программа FrontPage позволяет создавать ссылки не только на страницы своего Web-узла, но и на страницы других узлов Интернета. Например, используя We...
    Рис. 16.12. Выбор в Интернете...
    Рис. 16.12. Выбор в Интернете Web-страницы для установления ссылки на нее 7. Вернитесь в диалоговое окно Добавление гиперссылки (Insert Hyperlink). 8. В поле Адрес (Address) оказывается установлен...
    Совет
    Совет В том случае, если вы знаете адрес Web-страницы в Интернете, введите его в поле Адрес без запуска обозревателя. Рис. 16.13. Использование в качестве ссылки адреса Web-страницы в Интернете...
    Редактирование ссылки
    Редактирование ссылки Созданную ссылку можно изменить. Прежде чем приступить к ее редактированию, выделите ее. После этого выполните одно из следующих действий: В меню Вставка (Insert) выберите ко...
    Удаление ссылки
    Удаление ссылки Для удаления созданной ссылки выделите ее и нажмите клавишу Delete или Backspace на клавиатуре. При этом удаляется не только ссылка, но и исходный текст, использовавшийся для ее со...
    Создание графических ссылок
    Создание графических ссылок В качестве гиперссылки можно использовать не только текстовую информацию, но и графическое изображение или отдельные его части. Разместим на одной из страниц изображени...
    Рис. 16.14. Диалоговое окно Свойства рисунка
    Рис. 16.14. Диалоговое окно Свойства рисунка 9. Перейдите на вкладку Вид (Appearance). 10. Используя раскрывающийся список Выравнивание (Alignment) области Положение (Layout), задайте выравнивание...
    Рис. 16.15. Использование графического...
    Рис. 16.15. Использование графического изображения в качестве гиперссылки...
    Создание активных областей на изображении
    Создание активных областей на изображении В предыдущем примере мы использовали в качестве гиперссылки графическое изображение. Но для создания ссылки можно использовать не только целое графическое...
    Замечание
    Замечание Области прямоугольной и круглой формы создаются достаточно просто. Вы фиксируете курсор на поверхности изображения, нажимаете кнопку мыши и, удерживая ее нажатой, перемещаете, создавая к...
    Рис. 16.16. Размещенные на изображении активные области
    Рис. 16.16. Размещенные на изображении активные области...
    Редактирование активных областей
    Редактирование активных областей Создавая с помощью кнопок Гиперпрямоугольник (Rectangular Hotspot), Гиперкруг (Circular Hotspot) или Гипермногоугольник (Polygonal Hotspot) активные области, вы мо...
    Изменение местоположения активной области
    Изменение местоположения активной области Чтобы изменить местоположение активной области, выделите ее и выполните любое из следующих действий: Установите курсор на контур, нажмите кнопку мыши и, у...
    Изменение размера активной области
    Изменение размера активной области Для изменения размера выделите редактируемую активную область. Область круглой формы содержит четыре маркера. Установите курсор на любой из маркеров. Когда он пр...
    Редактирование гиперссылки активной области
    Редактирование гиперссылки активной области Для изменения гиперссылки активной области выполните одно из следующих действий: Дважды щелкните мышью на редактируемой области Выделите область и выбер...
    Просмотр активных областей
    Просмотр активных областей После того как вы разместили на изображении несколько активных областей, для их одновременного просмотра вы можете нажать кнопку Выделить гиперобъекты (Highlight Hotspot...
    Рис. 16.17. Просмотр карты активных областей
    Рис. 16.17. Просмотр карты активных областей...
    Размещение текста на графическом изображении
    Размещение текста на графическом изображении FrontPage позволяет располагать на графических изображениях текст, который в дальнейшем можно использовать в качестве ссылок. Давайте на графическое из...
    Рис. 16.18. На графическое изображение помещен текст
    Рис. 16.18. На графическое изображение помещен текст...
    Режим просмотра гиперссылок Web-узла
    Режим просмотра гиперссылок Web-узла Программа FrontPage содержит средства управления ссылками, благодаря которым вы можете: В режиме работы Гиперссылки (Hyperlinks) визуально просмотреть и оценит...
    Рис. 16.19. Режим просмотра гиперссылок Web-узла
    Рис. 16.19. Режим просмотра гиперссылок Web-узла Если внутри значка расположен знак плюс, значит, существуют файлы, имеющие ссылки на данный файл или сам файл имеет ссылки на другие страницы. При...
    Пересчет гиперссылок
    Пересчет гиперссылок Время от времени, после внесения в Web-узел больших изменений, удаления из него отдельных файлов или страниц, необходимо провести операцию пересчета гиперссылок, при которой п...
    Рис. 16.20. Информационное окно
    Рис. 16.20. Информационное окно Обновление гиперссылок...
    Режим переходов Web-узла
    Режим переходов Web-узла Планирование Web-узла — это ответственный момент в разработке. Так как Web-узел имеет иерархическую структуру, необходимо позаботиться о том, чтобы основная информация был...
    Режимы просмотра переходов Web-узла
    Режимы просмотра переходов Web-узла Обратите внимание, что на рис. 16.21 в нижней части домашней страницы имеется маленький квадрат со знаком минус. При нажатии на него располагаемые ниже страницы...
    Переименование страницы
    Переименование страницы В режиме структуры Web-узла вы можете переименовать страницу, не заботясь при этом о редактировании созданной панели ссылок, так как об этом позаботится программа FrontPage...
    Удаление страницы
    Удаление страницы Для удаления страницы из структуры в режиме Переходы установите на нее курсор, а затем в меню Правка (Edit) выберите команду Удалить (Delete) или воспользуйтесь командой контекст...
    Рис. 16.22. Запрос на удаление страницы
    Рис. 16.22. Запрос на удаление страницы...
    Сохранение структуры
    Сохранение структуры Для сохранения созданной структуры или внесенных изменений используется команда контекстного меню Применить изменения (Apply Changes). При выполнении этой команды все изменени...
    Панель ссылок
    Панель ссылок Для перемещения между страницами Web-узла используют ссылки и панели ссылок. В чем же отличие между ними? Ссылки могут размещаться в произвольном месте Web-страницы, внутри текста и...
    Создание панели ссылок
    Создание панели ссылок Для создания на Web-странице панели ссылок предназначена команда Панель ссылок (Navigation) меню Вставка (Insert). При выборе этой команды на экране открывается диалоговое о...
    Рис. 16.23. Диалоговое окно Вставка компонента веб-узла
    Рис. 16.23. Диалоговое окно Вставка компонента веб-узла Создание панели ссылок состоит из нескольких шагов. Из списка Выберите тип панели вы выбираете тип создаваемой панели и нажимаете кнопку Дал...
    Рис. 16.24. Карта переходов тестового Web-узла
    Рис. 16.24. Карта переходов тестового Web-узла 5. Перейдите в режим редактирования домашней страницы. Для этого на карте переходов дважды щелкните мышью на прямоугольнике этой страницы. 6. На дома...
    Рис. 16.26. Выбор ориентации панели навигации
    Рис. 16.26. Выбор ориентации панели навигации Совет Опция По горизонтали используется для компактного размещения панели навигации в верхней части Web-страницы. Если вы помещаете панель с левой сто...
    Рис. 16.27. Диалоговое окно Создание панели ссылок
    Рис. 16.27. Диалоговое окно Создание панели ссылок 12. На следующем шаге открывается диалоговое окно Свойства панели ссылок (Link Bar Properties) (рис. 16.28), содержащее две вкладки. Вкладка Общи...
    Рис. 16.28. Диалоговое окно Свойства панели ссылок
    Рис. 16.28. Диалоговое окно Свойства панели ссылок В верхней части вкладки Общие расположен список Существующие (Choose existing) созданных в Web-узле панелей ссылок. В нем содержится название пан...
    Рис. 16.29. Диалоговое окно Добавить на панель ссылок
    Рис. 16.29. Диалоговое окно Добавить на панель ссылок Диалоговое окно Свойства панели ссылок содержит также два флажка: Домашняя страница (Home page) — добавляет на панель ссылку на домашнюю стран...
    Рис. 16.30. Домашняя страница с размещенной панелью ссылок
    Рис. 16.30. Домашняя страница с размещенной панелью ссылок 17. Откройте в режиме редактирования любую страницу второго уровня иерархии. Для этого на панели Список папок дважды щелкните мышью на ее...
    Рис. 16.31. Диалоговое окно Свойства панели ссылок
    Рис. 16.31. Диалоговое окно Свойства панели ссылок Область Добавляемые ссылки (Hyperlinks to add to page) вкладки Общие содержит опции, позволяющие указать, ссылки на какие страницы необходимо вкл...
    Рис. 16.33. Вид панели ссылок...
    Рис. 16.33. Вид панели ссылок при использовании темы Движение Создание панелей ссылок завершено. Загрузите Web-узел в обозреватель и проверьте действие ссылок. Используя темы оформления, предлагае...
    Редактирование панели ссылок
    Редактирование панели ссылок Размещенные на Web-странице панели ссылок можно редактировать, используя диалоговое окно Свойства панели ссылок (Link Bar Properties), с помощью которого она и создава...
    Замечание
    Замечание Диалоговое окно Свойства панели ссылок может иметь два разных вида. Если при создании панели навигации использовалась опция Панель с пользовательскими ссылками (Bar with custom links) ил...
    Редактирование надписей на панели ссылок
    Редактирование надписей на панели ссылок При создании панели ссылок с помощью опции Панель с пользовательскими ссылками (Bar with custom links) надписи на кнопках задаются в поле Текст (Text to di...
    Рис. 16.34. Вкладка Переходы диалогового...
    Рис. 16.34. Вкладка Переходы диалогового окна Настройка веб-узла Используя находящиеся на вкладке поля ввода, можно изменить названия следующих системных кнопок, размещаемых программой FrontPage н...
    Удаление панели навигации
    Удаление панели навигации Панель ссылок, размещенную на Web-странице, можно удалить. Для этого выделите ее и выполните одно из следующих действий: В меню Правка (Edit) выберите команду Удалить (De...









Начало        




Книжный магазин