Искусство оформления сайта - [24]

Шрифт
Интервал

Теперь указывает свойства рисунка, изображающего сердечко: ‹img width=468 height=60 border=0 – это указание размеров, как нам известно, а после них ставится:

alt=“Добавить в избранное” – альтернативный текст, обозначаемый сокращением alt. Этот текст появляется при наведении курсора на рисунок (см. рис. 13). Также альтернативный текст можно видеть на загрузившейся страничке, картинки которой пока еще запаздывают с загрузкой. И заканчивает описание рисунка вот это:

src=“images.files/herz.gif”› – наименование его самого и папочки, в которой он расположен. После закрываем ссылку тэгом ‹/a›. Попробуйте сами, проще не бывает!

Рис. 13. Пример альтернативного текста (воображаемый сайт)

И уж если речь пошла о ссылках, то надо именно сейчас рассказать об этой основе гипертекста, главном достоинстве HTML. Все ссылки имеют вид ‹a href=“адрес”›видимое посетителю название‹/a›. Вместо текста можно поместить картинку, которая станет кликабельной (как баннер, например). При этом ссылка примет вид: ‹a href=“адрес”›‹img srс=“адрес графического файла”›‹/a›. Страничка, на которую мы переходим, может открыться в этом же окне, а может в новом. Чтобы открыть ее в новом окне, нужно в теге ‹a href› установить атрибут target= со значением “_blank”: ‹a href=“адрес” target=“blank”›видимое посетителю название‹/a›. Значение “_self” открывает новую страничку в старом окне броузера, однако писать такую команду необязательно: компьютер выполняет открытие в том же окне по умолчанию, то есть и в отсутствие комментариев.

Перечисленное необязательно делать вручную, визуальные редакторы хорошо пишут ссылки сами. Так, в Web Page Maker достаточно выделить изображение, кликнув на него, затем кликнуть на иконку «Гиперссылка» (Hyperlink) и в появившемся диалоговом окошечке набить адрес и выбрать значение атрибута target (см. рис. 14).

Рис. 14. Установка гиперссылки на кликабельном рисунке.

Ссылки по способу написания адреса различаются на абсолютные и относительные. Профессионалы советуют применять относительные ссылки. Например, вместо “http://obrazcats.narod.ru/index.html” достаточно написать просто “index.html”, и компьютер переместит юзера куда надо. Однако подобная простота хуже воровства. Мой собственный опыт показывает, что без указания папки легко находится единственно и только главная страничка, иногда еще несколько. Более трех адресов компьютер уже обслуживает с трудом, нередко отмечаются сбои. Впрочем, если вы усложнили физическую структуру узла, то вам уже необязательно писать в ссылке имена всех директорий. Так, вместо “http://obrazcats.narod.ru/pages/scripts/rain.html” можно записать лаконичное “pages/scripts/rain.html”, пропустив название корневой папки. Это удобно по ряду причин. Во-первых, уменьшает вес страничек, а во-вторых, позволяет менять адрес сайта, не меняя внутренних ссылок.

Закрывая тему ссылок, скажем несколько слов об их цвете. Цвет ссылок полагается указывать в тэге body, при этом выполняется запись: ‹body link=“#код цвета № 1” vlink=“#код цвета № 2” alink=“код цвета № 3”›. В этой записи используются атрибуты link – цвет неиспользуемой ссылки; vlink – цвет ссылки при наведении мыши; alink – цвет ссылки в момент клика. Разумеется, выставлять все цвета вовсе необязательно, обычно достаточными оказываются два – цвет простой ссылки (синий) и цвет использованной ссылки (фиолетовый). Профи не советуют экспериментировать с цветами гиперссылки, ее внешний вид должен быть привычен и понятен для юзера. Само собой, нельзя пускать ссылку не подчеркнутой. И одновременно нельзя подчеркивать в тексте слова, не являющиеся гиперссылками.

О кодах цветов мы уже говорили. Каждый такой код представляет собой последовательность из шести знаков, которая на самом деле состоит из трех чисел, записанных в шестнадцатиричной системе счисления. При этом первые две цифры показывают значение красной составляющей, вторые две – зеленой, а третья пара – синей. Узнать коды можно из специальных справочников, в том числе публикуемых в Интернете (см. http://obrazcats.narod.ru/pages/txt/colors.html), а также самостоятельно – при помощи Фотошопа, в котором есть палитра цветов и оттенков с указателем их номеров (см. рис. 15).

Рис. 15. Генератор цветового кода в Adobe Photoshop

Ссылки могут не только куда-то вести, но и помогать нам производить некоторые действия. Таковы ссылки для скачивания и почтовые ссылки. Рассмотрим сейчас первые из них. Допустим мы создаем страничку загрузок downloads. Запустим вновь Web Page Maker и создадим в нем страничку. Теперь кликнем на Insert (Вставить) на навигационной панели и выберем опцию Html Code or Script Code (см. рис. 16), чтобы перед нами появилось окошко редактора кодов. Сюда и нужно записывать дополнительные команды на языке гипертекста, которые мы хотим разместить на сайте. Производим запись ссылки для скачивания:

‹а class=act href=“download или имя другой папочки, где хранятся материалы для скачивания/название архива. rar”›Скачать книгу «Я. Нильсен. Веб-дизайн»‹/а›.

Рис. 16. Вставка кодов и скриптов в Web Page Maker.

Несомненно в глаза вам бросилась надпись Script Code. Ранее в книге уже говорилось о скриптах – командах для броузера, которые позволяют добиться появления различных визуальных эффектов. Познакомимся с некоторыми скриптами, которые могут оказаться очень полезны в повседневной работе веб-дизайнера. Начнем с «украшательного», поскольку с такими, конечно же, интереснее работать. Предположим, что мы оформляем страничку сайта, посвященного осенней теме в русской поэзии, и нам понадобился для этих целей эффект дождя. Эффект дождя воспроизводит на экране падение сотен капель. Чтобы получить то же самое на своей страничке, нужно открыть ее html-код и вписать в

Продолжить чтение
Еще от автора Сергей Николаевич Бердышев
Организация выставочной деятельности

Настоящее издание посвящено правовым, техническим, управленческим и бухгалтерским вопросам организации и проведения выставочной деятельности. Книга затрагивает такие существенные моменты, как бюджетирование выставки, управление затратами, кастинг и тренинг персонала и т. д. Уделено внимание и недостаточно освещенным в литературе сторонам выставочной деятельности: дизайну павильона, выбору музыки, еде и напиткам, одежде, косметике и бодиарту для стендистов.Издание рассчитано в первую очередь на маркетологов и рекламистов, а также на студентов, обучающихся по специальностям 350700 «Реклама» и 350400 «Связи с общественностью».

Искусство управления складом

Настоящее практическое пособие по складскому делу охватывает такие аспекты управления складом, как организация и контроль работ, оптимизация технологических процессов, внедрение НОТ, автоматизация и механизация с учетом появления новых видов машин и устройств (в особенности погрузочно-разгрузочных), управление запасами и их инвентаризация.Издание затрагивает производство работ на складах и базах предприятий всех типов – промышленных, торговых, посреднических, а также специализирующихся на оказании услуг по хранению ТМЦ.Книга адресована руководителям компаний, содержащих складское хозяйство, линейным менеджерам, управляющим складами и складскими подразделениями, сотрудникам оптовых и розничных складов, студентам ВУЗов, изучающим логистику и деловое администрирование.

Открытия и изобретения, о которых должен знать современный человек

Перед вами своеобразная энциклопедия величайших в истории открытий и изобретений, существенно повлиявших на нашу жизнь и определивших облик современного мира, — от начала письма и математического счета до изобретения компьютера и технологии генной инженерии.Книга содержит 33 раздела, все сведения в ней строго классифицированы, так что пользуясь оглавлением, вы сможете легко найти нужную тему.

Информационный маркетинг

Настоящее практическое пособие охватывает все прикладные и важнейшие теоретические аспекты информационного маркетинга – экономической дисциплины и технологии, посредством которой осуществляется управление информационными ресурсами компании в целях осуществления и оптимизации сбыта.Пособие содержит множество рекомендаций по интенсификации сбытовой деятельности посредством использования правовой, экономической, социологической и прочей информации. Читатель узнает, каким образом надлежит осуществлять сбор, хранение и использование этой информации в процессе составления и реализации маркетингового плана фирмы.Книга рассчитана на маркетологов, рекламистов.

Рекламный текст. Методика составления и оформления

Настоящее пособие предлагает читателю широкий обзор эффективных технологий по созданию оригинальных и качественных рекламных текстов любого объема и любой степени сложности. Издание охватывает такие темы, как составление и дизайн текста, подбор лексики, работа со стилем, графическое сопровождение текста, создание текстов и гипертекстов для Интернета, текст в бодиарте и многое другое.Книга рассчитана на рекламистов, копирайтеров, корректоров рекламных текстов, маркетологов, психологов, бизнесменов, а также на студентов, обучающихся по специальностям 350700 «Реклама» и 350400 «Связи с общественностью».

Формирование финансового результата в бухгалтерском учете

Понятие финансового результата не закреплено в российском законодательстве о бухгалтерском учете. В налоговом учете применяются, хотя и не истолковываются, такие термины, как «результат хозяйственной деятельности российских организаций» и «экономический результат». Первый целесообразно понимать как товарную продукцию, выполняемые работы и оказываемые услуги. Второй вернее будет понимать более широко, возможно, в том числе, и как включающий в себя финансовый результат. Таким образом, финансовый результат как термин изначально оформился в деловой среде и так и не получил должной интерпретации у юристов.

Рекомендуем почитать
Черный список

В книге рассказывается история главного героя, который сталкивается с различными проблемами и препятствиями на протяжении всего своего путешествия. По пути он встречает множество второстепенных персонажей, которые играют важные роли в истории. Благодаря опыту главного героя книга исследует такие темы, как любовь, потеря, надежда и стойкость. По мере того, как главный герой преодолевает свои трудности, он усваивает ценные уроки жизни и растет как личность.

Яндекс для всех

Рассказывается о ведущем поисковом ресурсе российской части Интернета — Яндексе. Описаны его сервисы для поиска документов и новостей, блогов и адресов, товаров и музыкальных произведений. Рассмотрены почтовый сервис и сервис для создания и размещения сайтов на Народ. ру. Читатель узнает о том, что такое "электронные деньги" и как с их помощью оплатить товар. Большое внимание уделяется общедоступным поисковым программам, которые Яндекс предлагает своим посетителям для поиска информации не только на сайтах, но и на своем компьютере.

Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайтов

Работа сайта похожа на работу обычного магазина: если секции с разными товарами расположены логично, консультанты доступны в любой момент, а описания товаров информативны и понятны, есть шанс, что человек, зашедший в магазин, не уйдет с пустыми руками. Проанализируйте характеристики ваших потенциальных клиентов, поймите, что для них является ценностью, какие аргументы привлекут их внимание, соответственно этому продумайте структуру сайта, спроектируйте «маршрут» передвижения и составьте описания товаров – и ваши посетители будут гораздо чаще, чем сейчас, кликать на значок «корзины», а вы в разы повысите один из главных показателей работы сайта – конверсию.

Google. Прорыв в духе времени

Эта книга – захватывающая история самой успешной Интернет-компании в мире. В последнее время финансовый результат деятельности Google Inc. превосходит даже самые смелые ожидания инвестиционных аналитиков.Целеустремленность, научный талант, творческий поиск, смелость и любовь к эксперименту основателей компании – бывшего москвича Сергея Брина и выходца из штата Мичиган Ларри Пейджа – проложили путь к долгосрочному успеху компании. Под их руководством поисковый механизм Google стал популярнейшим ресурсом, который пользователи любят за удобство и уже испытывают к нему сильную эмоциональную привязанность.

Даркнет: Война Голливуда против цифровой революции

«Даркнет» – это рассказ о цифровой революции в мире медиа. В битве между технологическим прогрессом и медиа-магнатами решается будущее кино, музыки, телевидения, компьютерных игр и Интернета. В этой книге вы найдете истории людей, оказавшихся в эпицентре битвы. «Даркнет» увлечет вас в тайный мир киноподполья, где бутлегеры и пираты скрываются от закона и Голливуда. Но не только в подполье делается цифровая революция: множеству приверженцев цифрового образа жизни, творцам фан-фикшн, диджеев, кинематографистам-любителям, пионерам телевидения нового поколения и разработчикам игр приходится противостоять могущественным силам, стремящимся сохранить статус-кво.

Образование русскоязычного сегмента Фидонет в Западной Европе

В книге рассказывается история главного героя, который сталкивается с различными проблемами и препятствиями на протяжении всего своего путешествия. По пути он встречает множество второстепенных персонажей, которые играют важные роли в истории. Благодаря опыту главного героя книга исследует такие темы, как любовь, потеря, надежда и стойкость. По мере того, как главный герой преодолевает свои трудности, он усваивает ценные уроки жизни и растет как личность.