- Добавить в Избранное
-
Сделать стартовой
 
Содержание
Глава 1- 18
Как создаются Web-страницы
Основные принципы работы с Dreamweaver
Начинаем с текста
Рисунки,звуки,фильмы
Таблицы
Работа с Web-сайтом
Фреймы
Табличный дизайн
Использование шаблонов
Каскадные таблицы стилей
Свободно позиционируемые элементы
Анимация элементов Web-страниц
Использование сценариев
Метатегн и серверные директивы
Введение в серверное программирование
Формы
Простейшие серверные приложения
Создание интерактивных сайтов
На заметку
Установите на своем сайте нашу кнопку:

Вебмастеру - портал о редакторе Macromedia Dreamweaver MX. Создание сайтов.


    1  2  3  4  5  6  7  8    
Другие гиперссылки
А теперь рассмотрим создание в среде Dreamweaver гиперссылок, указывающих на другие интернет-ресурсы. Вам, должно быть, известно, что, кроме WWW и электронной почты, Интернет предлагает и другие сервисы: FTP , группы новостей и др. И на каждый из этих ресурсов вы также можете сделать гиперссылку, воспользовавшись Dreamweaver , или по-старинке, в Блокноте.
Мы не будем рассматривать все сервисы, предлагаемые Интернетом. Ограничимся только теми, с которыми вы наверняка столкнетесь.
Создание гиперссылок на РТР - серверы
FTP ( File Transfer Protocol — протокол передачи файлов) — один из старейших сервисов Интернета. Он служит для распространения файлов в Сети. Файлы помешаются на диски FTP - cepeepa , а пользователи с помощью специальных программ FTP -клиентов подключаются к этому серверу и забирают файлы. Примеры FTP -клиентов: популярнейший CuteFTP , WS _ FTP и др. Файлы от сервера клиенту передаются по протоколу FTP , давшему название самому этому сервису.
Для подключения к FTP -серверу пользователю нужно указать имя и пароль пользователя. В подавляющем большинстве случаев пользователь использует имя " anonymous " (анонимный доступ) и пароль либо тоже " anonymous ", либо свой почтовый адрес, либо пустой пароль (пустая строка ""). Вследствие этого интернет-адрес файла, находящегося на сервере FTP , будет иметь вид:
ftp://username:userpassword@ftp.someserver.ru/pub/utility/util23. zip
Вместо слов " username " и " userpassword " подставляются реальные имя и пароль пользователя. Имя и пароль разделяются двоеточием, а пароль и собственно адрес сервера — уже знакомым вам символом "коммерческое эт". Все это вам нужно набрать опять же в поле ввода интернет-адреса, расположенном в редакторе свойств.
Новости ( USENET )
Новости (часто их называют USENET ) — довольно молодой сервис Интер­ нета, чемто похожий на электронную почту. Отличие заключается в том, что все посланные вами в определенную группу новостей сообщения будут доступны всем ее подписчикам, которые смогут присылать на них свои ответы, опять же, доступные всем. Сами группы новостей со всеми их сооб­ щениями организуются на сервере новостей, а передаются они по протоколу NNTP ( Network News Transfer Protocol — протокол передачи сетевых ново­ стей). Для чтения новостей служат клиенты новостей, например, Agent ; кроме того, новости поддерживаются некоторыми почтовыми клиентами, например, Microsoft Outlook Express .
Каждое сообщение группы новостей имеет свой уникальный номер, по которому к нему можно обратиться. Например:http://news.someserver.ru/alt.somegroup/16718
Здесь после адреса самого сервера новостей через обратную косую черту указывается имя группы новостей, а после нее опять же через обратную ко­ сую черту — номер сообщения.
Использование " якорей "
Теперь самое время узнать еще об одном виде гиперссылок, весьма специфичном. Это так называемые "якоря" (по-английски — anchors ). В отличие от других гиперссылок, они не указывают на другую страницу (файл, адрес электронной почты), а помечают некоторый участок текста текущей страницы, чтобы другая гиперссылка могла на него сослаться.
Зачем это нужно? Ну, например, если ваша Web -страница содержит боль­ шой текст, разбитый на главы (кто знает, может, вы написали роман и вы­ ложили его в Сети), вы можете поместить в начале нее оглавление. При щелчке на пункте оглавления пользователь тотчас перескакивает на соответ­ствующую главу вашего труда. Очень удобно!
"Якорь" не отображается Web -обозревателем. Однако Dreamweaver , чтобы помочь Web -дизайнеру, показывает на странице специальный значок.
Для того чтобы научиться работать с "якорями", создадим небольшую учебную страничку. Ничего особенного на ней нет: просто небольшой фрагмент текста из этой книги, разумеется, отформатированный. После этого напишем в начале страницы небольшое оглавление. И, наконец, сохраним ее в файле 3.3. htm .
Теперь вставим на эту страницу первый "якорь", для чего поместим текстовый курсор в начало первого абзаца, после заголовка, и переключимся на страницу Common панели объектов. Кнопка вставки "якоря" Named Anchor . Нажмите ее. Вы также можете воспользоваться пунк­ том Named Anchor меню Insert или просто нажать комбинацию клавиш < Ctrl >+< Alt >+< A >.
В результате этих действий на экране появится диалоговое окно Named Anchor В поле ввода Anchor Name введите имя вставляемого "якоря"; в нашем случае это будет par1. Имена "якорей" должны состоять из латинских букв и цифр, причем первым символом должна быть буква. После этого нажмите кнопку ОК, чтобы вставить "якорь", или Cancel — для отказа от этого.
Dreamweaver отобразит значок "якоря" в позиции, где тот был вставлен. Это делается только для удобства Web -дизайнера, Web -обозре­ватель, как вы помните, "якоря" на страницах вообще не отображает.
Если вы выделите значок "якоря", редактор свойств изменит свой вид. На нем появится единственное поле ввода Name , в котором вы сможете изменить имя "якоря".
Теперь создадим гиперссылку, ссылающуюся на "якорь". Выделим строку "Абзац1" в оглавлении. Адрес, на который она ссылается, будет выглядеть так: #раг1.
Значок "решетки" (#) означает, что перед нами имя "якоря". Введите его в поле адреса редактора свойств и нажмите клавишу < Enter >. Полученная нами гиперссылка ничем не будет отличаться от обычной, указывающей на другую страницу.
Из другой Web -страницы на этот "якорь" можно сослаться, написав перед "решеткой" имя файла этой страницы: 3.3.htm #par1.
Вот и все! Нам теперь только осталось разместить остальные три "якоря", помечающие второй, третий и четвертый абзацы, и три гиперссылки, ссылающиеся на них. Не будем описывать это — вы уже знаете, как это делается.
Закончив страницу, сохраните ее и вызовите для предварительного просмотра в Web -обозревателе. Теперь уменьшите его окно так, чтобы в нем не помещалось текста больше одного абзаца, и щелкните по гиперссылке, указывающей на третий абзац текста. Содержимое окна Web -обозревателя будет тотчас прокручено вверх так, что в нем появится третий абзац, т. е. вставленные нами "якоря" и гиперссылки, составляющие оглавление, работают.
    1  2  3  4  5  6  7  8   Вверх
Copyright©  Бронников М.В 2004г.
Все вопросы комментарии направляйте по адресу SWMR@narod.ru 
  Akavita
Хостинг от uCoz