 |
Смена стилей у гиперссылокНапример, серый. Щелкнем на кнопке ОК. И вот так примерно будет выглядеть наша web страница. Давайте теперь посмотрим, будет ли она работать и, как она будет вообще выглядеть уже в браузере. Для этого, напомню, мы используем кнопку в нижней части экрана, щелкаем на ней, и наша страница открывается в браузере Internet Explorer. В предварительном просмотре у нас все ссылки пометились, как уже посещенные, поэтому они приобрели пурпурный цвет. Это, в общем-то, для нас в данный момент неважно. Давайте проверим, как они вообще работают. Щелкнем на любой из ссылок, например, на 5 пункте, и убедимся в том, что ссылка работает. Теперь для возврата назад мы можем прокрутить страницу, и вернуться обратно к оглавлению. На самом деле, подобного рода документы всегда в конце каждого параграфа содержат ссылку, для того чтобы вернуться обратно в начало страницы. Давайте вернемся к редактированию страницы и создадим здесь новый анкер. Создадим его для самой первой строчки нашего оглавления. Она уже содержит гиперссылку, но одно другому не мешает, т.е. один и тот текст может служить и гиперссылкой и анкером. Итак, создаем новый анкер. Называем его top, а теперь создаем новую ссылку в конце первого параграфа. Мы наберем текст, который будет приблизительно звучать следующим образом - Top of Page. Создадим на его основе гиперссылку, которая будет указывать на анкер вверху страницы, который мы с вами только что создали. Щелкаем на ОК, гиперссылка создана. Теперь мы просто скопируем ее с помощью команды Сору и Paste. Видимо у нас слишком короткий текстовый блок. Давайте мы его растянем. Итак, мы теперь скопируем нашу ссылку в конец каждого из параграфов. Вот таким образом. Это делается для удобства пользователя, чтобы тот, особенно если документ длинный, при переходе, скажем, в конец страницы, не прокручивал затем весь документ обратно наверх, чтобы вернуться к оглавлению, а мог сделать это одним щелчком. Итак, мы расставили с вами ссылки и теперь давайте снова включим предварительный просмотр страницы в браузере. Итак, щелкаем на пункте в оглавлении, переходим к соответствующему параграфу, а теперь для того чтобы вернуться наверх, вместо прокручивания, используем ссылку Top of Page и возвращаемся обратно. Кстати, в данном случае смысл отображения посещенных или не посещенных ссылок теряется. Поэтому можно избавиться от этого неприятного пурпурного цвета и заставить ссылки не менять цвет вне зависимости от того, посещал их пользователь или нет. Для этого, давайте, снова вернемся обратно к редактированию нашей страницы и опять же войдем в свойство страницы, где, как вы помните, есть пункты цвета ссылки, и есть пункт цвета посещенных ссылок. Пункт цвета посещенных ссылок у нас пурпурный, а мы можем вместо этого задать цвета для обычной и посещенной ссылки абсолютно одинаковые. Вот таким образом. Теперь вне зависимости от того, посещались ссылки или не посещались, они цвет свой менять не будут. И документ будет выглядеть именно так, как мы хотели. Итак, мы выяснили с вами, что такое анкеры, и каким образом их можно использовать, осталось уточнить еще один нюанс. На самом деле можно создавать гиперссылки на анкеры не только на текущей странице, но можно, например, сослаться на какую-либо другую страницу и при этом сразу же указать анкер, который находится на ней. Это делается очень просто. В конце текста ссылки после названия файла, который содержит web страницу, указывается название анкера, но при этом между ними устанавливается знак диеза. Обратите внимание, что в палитре Hyperlinks все анкеры у нас начинаются со знака диеза. Это и есть признак того, что данный элемент является анкером. Т.е., например, ссылка на страницу Page HTML будет звучать так - Page HTML диез и название анкера, который на ней находится. |
На нашем сайте Вы можете скачать статьи, уроки, книги, учебники по web дизайну, пройти интерактивный курс обучения по Quarkxpress 6 и 7, adobe photoshop CS2 и CS3, а так же познакомиться с HTML, CSS, WEB 2.0, WWW, XHTML, CSS 2.0 и другими технологиями создания Интернет сайтов. После прочтения статей и уроков Вы без труда сможете создать html cod и content, guestbook, forum, addguest, message, page и прочие интерактивные формы на своем internet сайте. Данный сайт не содержит различные серийники, ключи, активацию, русификаторы, кряк, crack, keygen, серийные ключи, кейгены и других программ, нарушающих лицензионные соглашения.