После операций, описанных в предыдущих частях, наша веб-страница была проиллюстрирована изображениями и текстом и имела значительный эффект, но для веб-страницы этого недостаточно. Чтобы многие веб-страницы на веб-сайте стали единым целым, каждая веб-страница должна быть. обрабатываться через суперссылки, которые позволяют зрителям переключаться между разными страницами.
1. Связывание картинок и текста
Очень удобно создавать ссылки на какой-либо текст или картинки. Просто выделите мышкой картинку или текст, который нужно превратить в ссылку, а затем введите адрес целевой страницы, которую нужно превратить. для перехода в поле ввода «Ссылка» на панели свойств или нажмите значок папки рядом с полем ввода, чтобы выбрать файл, к которому вы хотите перейти. Кроме того, Dreamweaver MX 2004 также предоставляет возможность быстрого связывания файлов через окно веб-сайта.
Шаг 1: Сначала запустите команду «Сайт→Управление сайтами» и во всплывающем меню выберите уже созданный сайт. В это время справа вы можете увидеть всплывающее окно управления сайтом.
Шаг 2. Выберите текст или изображение в области редактирования и перетащите круглый значок рядом с полем ввода «Ссылка» на панели свойств. Когда он укажет на файл в менеджере веб-сайта, появится стрелка. Вокруг файла появится рамка (рис. 1).
Рисунок 1
Шаг 3: После отпускания мыши внизу выделенного текста появится подчеркивание, цвет слова станет синим, а адрес целевого файла автоматически отобразится в поле ввода «Ссылка». .
Совет: При установке ссылки необходимо обратить внимание на два способа URL. 1. Абсолютный адрес: например, www. абв. ком/тест. хм; 2. Относительный адрес: например, download/1. хтм, страница описания 1. htm находится в корневом каталоге сервера.
2. Установите несколько ссылок на одно изображение.
Некоторые веб-страницы содержат несколько ссылок на большом изображении, чтобы посетители могли переходить на разные страницы, нажимая на разные позиции изображения. Это применение концепции горячих областей изображения. для достижения этой цели выполните следующие действия.
Шаг 1. В Dreamweaver MX 2004 вы можете сначала выбрать изображение. На этом этапе на панели свойств изображения вы можете увидеть область «Карта». Под ней находятся три голубых значка инструментов: прямоугольник, круг и многоугольник.
Шаг 2: Используйте мышь, чтобы выбрать один из них по мере необходимости, затем наведите указатель мыши на изображение и растяните голубую область.
Шаг 3. Введите адрес веб-страницы, на которую будет осуществляться ссылка, в поле ввода «Ссылка» на панели свойств, и горячая область изображения готова.
Аналогичным образом, установив для этого изображения несколько активных областей, вы можете нажимать на разные области изображения, чтобы переходить на разные страницы.
3. Настройте ссылки перехода на странице.
Если вы часто подписываетесь на бесплатные электронные журналы в Интернете или просматриваете очень длинные страницы, вы должны быть знакомы с этим типом ссылок с тегами. Это список, похожий на каталог, по которому можно легко перейти к ним. страница.
Шаг 1. В Dreamweaver MX 2004 сначала определите место, на которое указывает ссылка, то есть место, где ссылка останется после перехода на экран. Затем выберите целевой текст и выполните команду «Вставить → Именованная привязка».
Шаг 2. Введите имя метки (например, test3) в поле ввода «Имя привязки». При этом под текстом автоматически появится тег привязки, чтобы отличить его от обычного текстового содержимого (рис. 2).
Рисунок 2
Шаг 3: Введите «#test3» в поле ввода «Ссылка» на панели свойств, где test3 — это только что заданное имя, чтобы можно было реализовать функцию перехода по страницам.
Совет: Если вы хотите указать определенное место на другой странице, просто поместите туда этот тег привязки.
4. Быстро проверьте веб-ссылку
. При работе в Интернете больше всего раздражает появление сообщений об ошибках, таких как «Ошибка веб-сервера 4004: Файл не найден». Поскольку на веб-сайте много ссылок, небольшая осторожность приведет к множеству ошибок в ссылках. Однако в Dreamweaver MX 2004 вы можете легко проверить ссылки.
Шаг 1. Запустите команду «Сайт → Проверить ссылки по сторонам» в Dreamweaver MX 2004, и панель проверки ссылок будет активирована.
Шаг 2. В раскрывающемся меню «Показать» в левой верхней части панели вы можете выбрать Broken Links (неработающие ссылки), Extranal Links (внешние ссылки) и OrphanedFiles (потерянные файлы). выберите «Бесхозные файлы», Dreamweaver MX 2004 проверит текущее состояние связи и отобразит список потерянных файлов.
Шаг 3: Дважды щелкните левой кнопкой мыши по проблемному файлу, чтобы открыть его для изменения.
Совет. Внешние ссылки — это адреса ссылок, ведущие на внешние веб-сайты, и Dreamweaver не может проверить их правильность.
Напоминаем вам, что нужно быть особенно осторожным при установке ссылок на веб-страницы, поскольку веб-сайты обычно состоят из сотен страниц. Если вы не будете осторожны, это приведет к появлению пустых или неправильных ссылок, что очень вредно для имиджа вашего сайта. хорошее влияние!