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

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

> слишком много графики – причем графики на главной страничке, отчего ждать ее загрузки, видимо, тридцать лет и три года;

> надписи не кликабельны, жать приходится на картинки, а это плохо для сайта (особенно если навигационные картинки скверно грузятся);

> наряду с активными соседствуют неактивные иллюстрации, что сбивает с толку посетителя;

> нет ни имени URL, ни намека на контактную информацию, ни даже традиционной ссылки «Контакты» (я предположил, что гость, кликнув на нужную рубрику, увидит сразу контактную форму и e-mail, но думать за других – не самое благородное занятие);

> текст неотредактирован (въедливый посетитель заметит досадную опечатку «ПРОДКТОВ» и вознегодует: ладно бы ошиблись в большом куске из инструкции к какой-нибудь кофемолке, так нет – допустили ляп в крохотном контенте, причем на главной страничке!).

Рис. 11. Эскиз сайта, выполненный в CorelDraw

Несомненные плюсы эскиза, которые мы сохраним в новом варианте сайта:

> классное, запоминающееся название;

> удачный логотип;

> эффектное обрамление текста, обеспечивающее запоминаемость сайта;

> верно подобранные украшательские иллюстрации, делающие очевидной тематику ресурса и интригующие посетителя (романтика, удовольствие, ночная жизнь).

Стоит ли расстраиваться? Отнюдь, радоваться надо, так как на ошибках учатся. Не пугайтесь, если у вас поначалу что-то пойдет не так! И не стремитесь к полному идеалу, ибо идеальность – понятие относительное. Что хорошо для одного ресурса, то будет погибелью для другого. Не питайте иллюзий, не корите себя, не повышайте планку день ото дня: за те два дня, что вы читали эту книжку, вы и так добились невероятно многого. С чем вас и поздравляю. А чтобы добиться большего, нам придется познакомиться поближе с языком HTML-программирования.

3.2. Язык HTML

Изучение веб-дизайна начинается с юзабилити и артистичности, пусть даже веб-странички приходится рисовать в Corel. Глубокое изучение HTML начинается потом, поскольку незнакомый с требованиями гармоничности и юзабилити человек никогда не поймет, какой же смысл заключается в тех или иных возможностях гипертекста, даже если узнает эти возможности.

Вдобавок для работы в программе Web Page Maker знать основы программирования совершенно не нужно, если создаешь любительский персональный узел. Солидный сайт, однако, такого легкого отношения не потерпит. О минусах визуальных редакторов мы уже говорили. Вдобавок поддержка некоторых важных эффектов и свойств возможна лишь, как мы убедились, за счет внесения изменений в html-код. Вот почему нам придется отвлечься на миг от высокого искусства и вернуться к ремеслу. Что ж, да Винчи изучал химию красок, которые готовил для себя сам, и добился того, что обеспечил исключительную стойкость цвета и долговечность полотен. Одновременно с мастером жили не менее талантливые живописцы, но они не знали химии красок, отчего полотна этих гениев увяли и истлели. Мы лишились красоты, потому что кто-то знал только искусство и не признавал ремесла.

Помня об этом, вновь откроем в Блокноте нашу первую html-страничку. Посмотрим, с чего она начинается. Это тэг ‹HTML›. А теперь посмотрим, чем она заканчивается: это тэг ‹/HTML›. Нам открылось главное свойство языка HTML: его тэги по большей части двойные, они состоят из тэга открывающего и тэга закрывающего. Внутри документа выделяются заголовок и тело, которые также обособляются двойными тэгами:

‹html›‹head›Здесь заголовок документа, не путайте его с заголовком страницы!‹/head›‹body›Здесь тело документа, включающее видимый юзеру текст.‹/body›‹/html›

Другой примечательной особенностью языка HTML является то, что в документе, написанном на этом языке, видимый текст не отделяется от программного: «смешались в кучу кони, люди». В Word’e все не так, здесь текст для юзера дается отдельно от языка программирования. Это еще одна причина почему писателю с его Word’ом незачем мучаться над программированием, а нам приходится. Ранее было сказано, что не все тэги парные, некоторым не требуется закрытие. Таковы тэги иллюстраций, например, ‹img› (от английского слова image – рисунок). Разберем сказанное на примере. Вот перед нами страничка с фоткой девушки и с романтической подписью: «Девушка, по которой я схожу с ума» (рис. 12).

Рис. 12. Структура html-кода простейшего документа

Запись кода тривиальна, в теле имеются всего две строки. Первая описывает рисунок: ‹img border=“ 0” src=“file://images.files/girl.jpg” width=“ 275” height=“416”›. Кстати, сразу видно, что перед нами код, сгенеренный каким-то редактором. Веб-дизайнер написал бы короче и проще: ‹img width=275 height=416 border=0 src=“images.files/girl.jpg”›. Следующая строка – текстовый абзац. Он ограничивается тэгами ‹p›‹/p›. Внутри них размещаются тэги ‹b›‹/b›, задающие полужирное (bold) начертание фразы. И наконец, внутри этих тэгов комфортно разместился текст, который увидит юзер.

Итак, что такое язык HTML, мы, в общем, поняли. Теперь нужно научиться писать и редактировать на нем то, что не способна сделать машина без участия человека. В первую очередь сюда относится служебный тег ‹!DOCTYPE›. Какие-то редакторы его ставят сами, какие-то – нет, поэтому научимся писать его самостоятельно. Обойтись без него можно… теоретически. А вот на практике броузеры да и другие программы обработки иногда требуют, чтобы в начале HTML-документа (хотя бы главной странички) обязательно помещался он. В традиционной записи тэг имеет вид:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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