Меню Закрыть

Оформить веб сайт

Как правильно оформить главную страницу сайта

Время чтения: 8 минут Нет времени читать? Нет времени?

Потенциальные клиенты часто начинают знакомство с вашим бизнесом с главной страницы сайта. От ее дизайна, функциональности, юзабилити и информативности зависит первое впечатление пользователя о бренде. Из этой статьи вы узнаете, как оформить главную страницу сайта.

Какие задачи решает главная страница

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

Идеальная главная страница должна обладать следующими характеристиками:

  1. Информативность. На главной посетитель должен найти короткий и четкий ответ на ряд вопросов:
  • Общую информацию о бизнесе (что это за компания/сайт).
  • Общую информацию о продуктах (что здесь можно купить).
  • Информацию о выгодах (почему стоит сотрудничать с этой компанией и покупать ее продукт).

Если речь идет о главной странице известных брендов, например, «Сбербанка» или Microsoft, информацию о бизнесе и выгодах можно пропустить.

  1. Резонанс с целевой аудиторией. Главная должна обращаться к потенциальным и существующим клиентам проекта на их языке. Избегайте профессионального сленга и не перехваливайте себя.
  2. Убеждающее ценностное предложение. Вы должны в двух словах рассказать посетителю, почему стоит сотрудничать с вами. Кстати, эту информацию можно передать не только словами.

  1. Юзабилити и функциональность. Главная должна быть интуитивно понятной и простой в использовании. Удобная навигация, формы регистрации и авторизации, возможность заказать обратный звонок, адаптация к мобильному трафику, возможность купить некоторые продукты с главной, — вот только некоторые компоненты, делающие страницу юзабильной и функциональной. При этом главная не должна быть перегружена контентом, элементами управления и функциональными блоками.
  2. Наличие призыва к действию. Главная должна ненавязчиво приглашать пользователя совершить нужные владельцу сайта действия: от перехода в раздел сайта или подписки на рассылку до заказа обратного звонка или покупки.
  3. Динамичность. Главная страница должна постоянно изменяться и отвечать актуальным потребностям аудитории. Этого можно добиться с помощью автоматического обновления анонсов статей и новостей, ротации продуктов, представленных на главной, других форм динамического контента.
  4. Визуальная привлекательность. Это очевидное требование, однако владельцы сайтов иногда о нем забывают. Первое впечатление о сайте возникает в течение долей секунды после приземления. Оно зависит именно от визуальных характеристик посадочной страницы.

Как оформить логотип

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

Не тратьте время и деньги на сложный графический дизайн. Вы можете самостоятельно сделать красивый текстовый логотип. Достаточно выбрать визуально привлекательный шрифт и написать название вашей компании. Обратите внимание на логотипы известных компаний:

Какой должна быть навигация

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

Иногда инновации вредят эффективности. Обратите внимание на это меню навигации:

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

Каким должно быть ценностное предложение

Ценностное предложение — ключевой элемент главной страницы. Оно представляет собой текст, оформленный в виде заголовка, подзаголовков, одного-двух абзацев и одного-двух списков. Чтобы изложить ценностное предложение, письменно ответьте на следующие вопросы:

  • О чем этот сайт, какой бизнес он представляет?
  • Что можно приобрести на этом ресурсе?
  • Почему это выгодно, каковы преимущества перед конкурентами?

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

Постарайтесь сократить ответы до нескольких предложений. Структурируйте текст, попробуйте заменить некоторые мысли изображениями. Обратите внимание на следующие изложения ценностных предложений:

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

К сильным сторонам этого варианта изложения относятся:

  • Привлекающий внимание заголовок. Посетитель сразу видит, что он может получить и для кого предназначен продукт.
  • Описание сервиса подчеркивает его преимущества. Оно короткое и информативное.
  • Изображение удачно вписывается в концепцию страницы.

Здесь можно было бы добавить разве что несколько слов об отличиях от конкурирующих продуктов.

Банк «ТКС» не нуждается в представлении. Поэтому ценностное предложение акцентировано на флагманском продукте организации. К преимуществам этого способа изложения относятся:

  • Лаконичное описание преимуществ.
  • Отсутствие лишней информации.
  • Ориентация на немедленную конверсию.

Помогите посетителю выбрать наиболее желаемое для вас действие

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

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

На сайте «Евросети» есть несколько предложений: подписка на рассылку, сопутствующие сервисы, разделы сайта. Однако главное предложение пользователь видит в центре экрана. Он может купить самую новую продукцию, сэкономив время на поиске товара в каталоге.

Изображения на главной

Изображения обеспечивают визуальную привлекательность страницы. Представьте следующий сайт без фоновой фотографии:

Можно написать о красоте дома, его удачном расположении и уютных комнатах. А можно показать все это с помощью фото.

Если вы продаете дома, ювелирные услуги, дорогие авто или услуги массажа, то легко найдете фото, заставляющие пользователей немедленно захотеть ваш продукт. Как быть, если вы продаете полисы страхования, услуги факторинга, терминальные серверы или обучение трейдингу? Не вздумайте покупать стоковые фотографии с радостно улыбающимися людьми. Лучше сделайте реальные скриншоты ваших программ, сфотографируйте настоящих клиентов или сотрудников в офисе.

Оформление главной — это бесконечный процесс

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

Оформление сайта: как работать с текстом и изображениями

Изображения на сайте вызывают интерес и погружают человека в контекст. Вместе с текстом фотография работает на главную цель — донести до аудитории сообщение о продукте или сервисе.

Из статьи вы узнаете, как подбирать оформление сайта, и делать так, чтобы изображение и текст действительно работали вместе, а не мешали друг другу.

В обложках фотография является фоном, она должна соответствовать тематике сайта, но главное — это текст. Изображение не должно спорить с текстом, оно отвечает за создание правильной атмосферы. Текст должен хорошо читаться.

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

Смотрите так же:  Заявление аккредитива

Правила текстового оформления страниц сайта

Число страниц сайта

Общее правило – чем больше, тем лучше. Увеличение количества веб-страниц улучшает видимость сайта в поисковых системах .

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

Таким образом, старайтесь периодически (каждые 10-15 дней) публиковать на web -сайте какую-либо информацию — новости, статьи , пресс-релизы, полезные советы.

Оптимизируйте главную веб-страницу под наиболее важные ключевые слова. Она имеет максимальные шансы попасть в ТОП-10 результатов поисковой выдачи. На нее, как правило, приходится до 40% от общего трафика.

Объем текста на странице

Системы поиска наиболее высоко оценивают сайты богатые информационным содержанием. Поэтому, следует стремиться к увеличению текстового наполнения ресурса.

Оптимальными следует считать странички, содержащие текст объемом 5.000-8.000 знаков без учета пробелов.

Веб-страница, состоящая всего из нескольких абзацев (менее 1.000 знаков), не имеет шансов попасть даже в ТОП-100.

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

Количество ключевых слов на странице

Ключевые словосочетания должны встречаться в тексте странички как минимум 4-6 раз. Верхняя граница их числа зависит от общего объема текста – чем объемнее документ, тем больше повторений важных фраз можно в нем сделать.

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

Рассмотрим данную ситуацию на следующем примере. Допустим, мы оптимизируем web -страницу под словосочетание « создание сайтов ». Эта идиома в тексте встречается 4 раза, слово «создание» отдельно попадается 5 раз, а «сайт» — 8 раз. Цифры условные, но хорошо демонстрируют общую идею.

Плотность ключевых слов

Плотность слов на странице показывает относительную частоту их содержания в тексте и измеряется в процентах. Например, если в документе объемом 100 слов какое-либо конкретное слово упомянуто 5 раз, то его плотность равна 5%. Слишком низкая частота важных словосочетаний (менее 1%) приводит к тому, что роботы поисковиков не придают им должного значения. Чересчур высокая плотность ключевиков (более 6%) может привести к применению поисковой системой фильтра — данная страничка будет принудительно понижена в результатах выдачи, из-за чрезмерного употребления определенной фразы (это называется переоптимизацией).

Оптимальной считается частота ключевых слов на веб-страничке — 2-3%. В случае фраз, состоящих из нескольких слов, следует посчитать их суммарную плотность, составляющих словосочетание и убедиться, что она так же укладывается в указанные пределы.

Практика показывает, что частота более 4%, хотя и не ведет к каким-либо отрицательным последствиям и не является нарушением, но и смысла особого не имеет.

Старайтесь оптимизировать каждую страничку под конкретную важную фразу. Иногда можно выбрать 3-5 родственных словосочетания, но не следует seo -оптимизировать одну страницу сразу под 10-15 идиом. Скорее всего, результат будет нулевой.

Расположение ключевых слов на странице

Чем ближе к началу документа размещено конкретное словосочетание, тем больший вес оно приобретает в глазах поисковых систем.

Стилистическое оформление текста

Роботы систем поиска особое значение придают тексту, выделенному на веб-странице.

— используйте продвигаемые словосочетания в заголовках и подзаголовках;

— выделяйте ключевые фразы жирным шрифтом (не по всему документу, конечно же, но сделать это 1-2 раза не помешает).

Тег — это элемент языка разметки гипертекста (например, Html , Xml ).

Title — один из наиболее важных тегов, которому поисковики придают особое значение. В обязательном порядке в этом теге нужно использовать продвигаемое ключевое слово.

Кроме того, ссылка на ресурс в поисковой выдаче будет содержать текст из тега Title, так что это, в некотором роде, визитная карточка сайта.

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

Как правило, в результатах выдачи отображается 55-60 знаков из Title, поэтому название web -странички нужно ограничивать этой длинной.

Описание страницы (мета-тег Description)

Мета-тег Description используется для описания веб-странички. Этот тег никак не влияет на ее ранжирование, но, тем не менее, очень важен. Поисковики отображают информацию из этого тега в результатах выдачи по поисковым запросам, если «описание» присутствует в SEO -настройках и его содержимое релевантно тексту страницы.

Высокое место в поисковой выдаче всегда обеспечивает большое число посетителей. Если описания ресурсов конкурентов будут более привлекательными, чем описание вашего сайта, то пользователи выберут проекты конкурентов.

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

Публикуемые на сайте тексты должны быть разбиты по разделам с заголовками и подзаголовками, которые необходимо выделять тегами H1- H 6. Это специальные атрибуты (прописываются в html-коде). Это очень важный момент!

Любое изображение, публикуемое на сайте, имеет специальный атрибут «альтернативный текст», который задается тегом Alt.

Поисковые системы запоминают значение тега Alt при индексации веб-страниц .

Вместе с тем, Google учитывает Alt-тег только тех картинок, которые являются ссылками на внутренние разделы веб-сайта, остальные же игнорируются.

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

Графический заголовок сайта

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

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

Как правило, заголовок сайта содержит текстовую информацию, но с целью визуальной привлекательности она выполняется в виде картинки, соответственно изображенный текст не индексируется поисковиками.

Лучше всего использовать комбинированный вариант – графический логотип вверху web -страницы присутствует, но занимает не всю ее ширину. На оставшейся части размещается текстовой заголовок сайта с наиболее важными ключевыми фразами.

Графическое навигационное меню

Ситуация аналогична – внутренние ссылки на сайте должны так же содержать ключевики, что дает дополнительные преимущества при его ранжировании. Если же навигационное меню представлено графическими картинками, то дублируйте его также в виде текста (например, в нижней части), а для изображений заполняйте поля «название» (тег Alt ) текстом, соответствующим пунктам меню.

Текстовое навигационное меню

Используйте ключевые слова в названиях пунктов меню, это существенно повысит рейтинг сайта . Однако если позиций в меню много (более 20), то необходимо скрывать отдельные из них или организовывать подменю. Названия пунктов должны быть краткими (например, услуги , стоимость , отзывы ).

Если интернет-проект имеет умеренное число web -страниц (до 20), то лучше, чтобы они все находились в корневой директории сайта (то есть избегайте подкаталогов). Чем короче путь к страничкам, тем лучше. Поисковики считают их более важными, и их легче продвигать.

Это относится скорее не к ошибке, а к преднамеренному обману роботов поисковых систем.

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

Использование таких запрещенных методов оптимизации сайта может привести к «бану» (применению специального фильтра), то есть принудительному исключению ресурса или отдельных его web -страниц из индекса (базы данных). Выйти из под действия данного фильтра будет очень сложно, и это займет много времени!

Смотрите так же:  Образец заполнения заявления на единый налог

15 гениальных примеров главной страницы сайта

У вас не будет второго шанса произвести первое впечатление второй раз. Вот почему главная страница — одна из самых важных страниц вашего сайта. Если новому посетителю не нравится то, что он видит, не сомневайтесь, что он нажмет кнопку «Назад». Многие пользователи до сих пор судят о книге по обложке.

Что делает главную страницу привлекательной? Как получить высокую конверсию и низкий коэффициент отказов? Как оформить главную страницу блога? Каковы удачные примеры текстов о компании? В этой статье вы найдете ответы на эти вопросы.

На любой главной странице должны быть следующие элементы:

  • Ясный ответ на вопросы пользователя: «Кто вы?», «Что вы предлагаете?» и/или «Что я могу сделать здесь?». Ваша компания ​​должна ответить на эти вопросы так, чтобы каждый посетитель понял, что оказался в нужном месте. Если пользователи в течение нескольких секунд не смогут найти ответ на поставленные вопросы, следующий их шаг — это отказ!
  • Резонанс с целевой аудиторией. Главная страница должна говорить с целевой аудиторией на ее языке. Старайтесь избегать «корпоративной абракадабры» и устраните все лишнее и отвлекающее.
  • Ценное предложение. Заголовок и еще раз заголовок! Выразите смысл своего товара или услуги в одном предложении так, чтобы у пользователей не возникло желания поискать что-то получше у ваших конкурентов. Решение проблемы — вот о чем необходимо писать; не нужно перечислять технические составляющие оффера.
  • Юзабилити. Все страницы, показанные ниже, очень удобны: на них легко ориентироваться, на них нет «кричащих» объектов, например, флэш-баннеров, анимаций или других чрезмерно сложных и ненужных элементов. Многие также оптимизированы для мобильных устройств, что очень важно в современном веб-маркетинге.
  • Призыв к действию (СТА-элемент). На каждой из 15 примеров главной страницы эффективно использованы первичный и вторичный СТА-элементы. Они направляют посетителей к следующему шагу. Например, «Бесплатная пробная версия», «Купить сейчас» или «Подробнее». Помните, что цель главной страницы — удержать посетителей на вашем сайте и провести их до конца воронки конверсии.
  • Общий дизайн. Хорошо продуманная страница — залог успеха в воспитании лояльности пользователей к бренду, настройке связи с целевой аудиторией и продвижении пользователей в воронке конверсии.
  • Не останавливайтесь на достигнутом. Если вас устраивает коэффициент конверсии вашего ресурса, знайте, что его можно увеличить на 10-50% с помощью несложного сплит-теста главной страницы.

Этот пример главной страницы сайта html гениален, потому что:

  • Удачно использовано сочетание цветов и эффективно расставлены СТА-элементы.
  • Очень заманчивый текст на СТА-элементе: «Попробуйте бесплатно в течение 30 дней».
  • Эффектный подзаголовок: «Для более 5 миллионов людей, использующих FreshBooks, финансовая отчетность теперь не проблема». Это заявление привлекательно для целевой аудитории, потому что освоение бухгалтерского программного обеспечения, как правило, мучительно сложно для фрилансеров и владельцев малого бизнеса.

2. Золотая семерка: lp пример с удачным оформлением отзывов

Это гениально, потому что:

  • Лаконичный дизайн сочетается с убедительным заголовком и подзаголовком.
  • Общую концепцию отлично поддерживает призыв к действию «Наслаждаться уютом» и красивая фотография, создающая теплую и спокойную атмосферу.
  • Стоит отдельно отметить на этой главной странице оформление отзывов. Наличие не только фотографий и имен реальных клиентов, но и карточек, на которых эти отзывы были написаны изначально, делает их особенно достоверными. Если вы думаете, как разместить отзывы на главной странице, пример этого сайта достоен подражания.

3. CloudPassage: видео на главной странице

Это гениально, потому что:

  • Четкий и чистый дизайн страницы. Текстовый контент, точно передающий суть деятельности CloudPassage. Вот как на главной странице сайте разместить вместо фото презентацию или видео, закрепляя послание (месседж, message) с его помощью.
  • Только один направляющий призыв к действию. Чтобы у пользователей не оставалось сомнений, ниже указаны два сообщения: «Без кредитных карт», «Без обязательств».

Это гениально, потому что:

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

5. Aweber: пример хорошей текстовой страницы

Это гениально, потому что:

  • Текстовая страница с сильным заголовком «7 причин подписаться на рассылку бесплатных советов по емейл-маркетингу» сообщает посетителю о множестве бонусов и предъявляет социальные доказательства.
  • Данная страница повысила процент подписок на рассылку на 321%.

6. Carbonmade

Это гениально, потому что:

  • Оригинальная и забавная графика наглядно демонстрирует, на что способны специалисты этой компании.
  • Цифры и краткий, но емкий список преимуществ выглядят очень убедительно.
  • Красивая интеграция меню с иконками. Значки главной страницы для сайта, разделов «О нас», «Примеры работ» и «Цены» вызывают улыбку и запоминаются.

7. Evernote.com: пример страниц описания сайта

Это гениально, потому что:

  • Заголовок страницы Evernote «Помни все» наверняка оказался бы победителем в номинации «Все гениальное – просто».
  • На этой странице видны три простых предложения, которые буквально «выскакивают» на зеленом фоне.
  • При просмотре страницы взгляд невольно останавливается на кнопке призыва к действию: «Попробуй Evernote бесплатно».

Это гениально, потому что:

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

9. Tribal Media: образец для панорамы на главной странице

Это гениально, потому что:

  • Впечатляющая городская панорама в хедере главной страницы привлекает максимум внимания. Как сделать картинку для главной страницы сайта? Вы не прогадаете, если последуете примеру Tribal Media.
  • Сила заголовка — в отсутствии лишних слов.

Это гениально, потому что:

  • Главная страница включает в себя только самые необходимые элементы и ничего лишнего.
  • Отличный заголовок и убедительный призыв к действию, который уменьшает сомнения благодаря тексту: «Создайте свой ​​бесплатный свадебный сайт за 5 минут». Простой нтмл 5. Пример кода главной страницы будет предоставлен клиенту.

11. Basecamp: сайт с удачной лид-формой

Это гениально, потому что:

  • В течение долгого времени страницы Basecamp были просто удивительными. Их отличительная черта – всегда эффектный заголовок и фото клиентов.
  • Как оформить главную страницу в блоге или на сайте так, чтобы получить как можно больше подписчиков? Разместите непосредственно на ней лид-форму для регистрации, избавляя пользователей от лишних действий, экономя их время и не рассеивая их внимание.

12. Eventbrite: новость на главной странице

Это гениально, потому что:

  • Заголовок на главной странице «Если что-то происходит, здесь вы об этом узнаете» работает потому, что любопытство всегда двигало деятельностью людей.
  • Интересный подзаголовок. В нем пользователям предлагают либо просмотреть тысячи событий, либо создать собственное событие и продавать на него билеты.
  • Яркое праздничное фото, лаконичный дизайн, новости на главной странице, повествующие о грядущих интересных событиях, усиливают эффект.

13. GoodData: удачная картинка на главной странице сайта

Это гениально, потому что:

  • Главная страница оформлена, мягко говоря, нестандартным способом, но это только одна из многих причин, по которой ее можно назвать блестящей.
  • Картинка для сайта главной страницы помогает пользователям увидеть, как предлагаемый продукт выглядит в повседневной жизни.
  • Единственный минус – отсутствие четкого СТА-элемента.

14. TechValidate

Это гениально, потому что:

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

Это гениально, потому что:

  • Хотя эта домашняя страница выглядит не броско, она очень хорошо выполняет многие свои функции. Во-первых, заголовок. Он пробуждает в вас желание узнать больше.
  • Во-вторых, видео. Из него можно подробнее узнать о предложении.
  • Значки социальных сетей для главной страницы сайта помогают повысить узнаваемость бренда среди более широкой аудитории, что особенно важно для некоммерческих организаций или любого социально-ориентированного сайта.
Смотрите так же:  Трудовой кодекс рф удержания из заработной платы

26. Художественное оформление веб-сайта

26. Художественное оформление веб-сайта

Похожие главы из других книг

7. Документальное оформление заказа

7. Документальное оформление заказа Использование большинством фирм в условиях рыночной экономики сложившихся ранее документов во многих случаях не удовлетворяет современным требованиям.Относительно ведения документации по закупкам руководителям соответствующих

Оформление текста

Оформление текста Как правило, объявление состоит из двух групп элементов: визуальных и вербальных. Визуальные – это видеоизображение, иллюстрация, фирменный знак, иногда специально оформленные заголовок или слоган, а также товарный знак. Вербальные – заголовок,

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

Оформление рекламы

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

Оформление документов для взрослых

Оформление документов для взрослых Самым важным документом, который разрешает нам свободно выезжать за пределы нашей страны, является Конституция Российской Федерации, а точнее – статья 27, в которой говорится следующее: 1. Каждый, кто законно находится на территории

2.6.4. Оформление отпуска

3. ХУДОЖЕСТВЕННОЕ ВОПЛОЩЕНИЕ РЕКЛАМЫ

Оформление отзывов

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

VII. Оформление Теперь займемся оформлением вашего текста и приведем его в совершенный

Шрифтовое оформление

Шрифтовое оформление Используйте не больше двух видов шрифта. Исключения могут быть, только если вы хотите выделить какой-то особо важный фрагмент.Также очень важна длина строк. Глаза не должны постоянно бегать из стороны в сторону. Необходимо найти оптимальное

Оформление страницы

6. Оформление материалов расследования

6. Оформление материалов расследования Все выводы, к которым приходит комиссия в ходе расследования, должны быть оформлены документально, то есть с помощью специальных актов. Акты составляются на русском языке либо на государственном языке республики, входящей в состав

Оформление писем

Оформление писем После того как мы определились, каким содержанием будем наполнять рассылку на регулярной основе, стоит задуматься над оформлением. Возиться с дизайном каждого выпуска неэффективно. Удобнее разработать типовой шаблон, на основе которого можно будет

Шрифтовое оформление

Оформление контента

Оформление контента Контент во «ВКонтакте» можно подавать в разной форме: текст, видео, аудио, фотографии. Можно прикреплять к посту различные документы и опросы.Обычно пишут относительно небольшие тексты и сопровождают их иллюстрацией. Сопровождение текста

Оформление встречи

Оформление встречи Встречу обязательно надо правильно оформить. Существует свод базовых правил, который я рекомендую использовать.1. Аватарка должна быть максимальной по размеру, с указанием даты, времени и места проведения события, если мероприятие проходит

ОФОРМЛЕНИЕ ВЕБ-СТРАНИЦЫ

Немаловажное значение при создании веб-страницы имеет оформление документа. Для облегчения оформительской деятельности в MS Word заложена возможность применения специальных шаблонов оформления — темы.

Выбор темы производится в диалоговом окне «Тема» (рис. 2.5.2) из меню «Формат» —> «Тема».

Рис, 2.5.2. Диалоговое окно «Тема»

Диалоговое окно «Тема» позволяет просмотреть и выбрать образцы тем из предложенного списка, при необходимости активизировать дополнительные параметры форматирования «Живые цвета», «Активная графика» и «Фоновый рисунок», а также изменить параметры форматирования стилей — нажатие кнопки «Библиотека стилей. » приводит к открытию диалогового окна «Библиотека стилей».

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

• «Докумецт» — отображает активный документ, отформатированный стилями выбранного шаблона;

• «Пример» — выводит образец текста, форматированного стилями выбранного шаблона;

• «Образцы стилей» — Выводит для просмотра список стилей, доступных в выбранном шаблоне, включая образцы текста в каждом стиле.

Кнопка «По умолчанию. » в диалоговом окне «Тема» позволяет сохранить выбранную тему в качестве параметра «по умолчанию» для дальнейшего применения выбранной темы ко всем вновь создаваемым документам.

Создание веб-сайта средствами мастера веб-страниц. При разработке веб-страниц следует придерживаться определенных стандартов, выработанных за время существования всемирной паутины

Для облегчения создания веб-страниц в MS Word заготовлен богатый набор шаблонов. Создание веб-страницы на основе шаблона производится выбором вкладки «Веб-страницы» из диалогового окна «Шаблоны» (рис. 2.5.3), вызвать которое можно в меню I

Рис. 2.5.3. Вкладка «Веб-страницы» диалогового окна «Шаблоны»

«Файл» -» «Создать» и в открывшемся списке панели задач «Создание документа» выбором опции «Общие шаблоны. ».

Мастер веб-страниц предоставляет возможность в пять шагов создать многостраничный веб-узел, дополненный средствами перехода и оформленный в соответствии с избранной темой.

Первый шаг «Размещение» — в поле «Заголовок веб-узла» вводится имя, которое будет присвоено новой папке, содержащей файлы и папки, которые будут использоваться в создаваемом документе, а в поле «Папка для размещения веб-узла» — URL (адрес папки на локальной станции или в сетевом окружении).

Второй шаг «Способ перехода» — позволяет определить способ перемещения между страницами. Режимы «Вертикальной» и «Горизонтальной» рамки позволяют выводить на экран одновременно и ссылки, и содержание — щелчок по ссылке в левой (верхней) рамке приведет к выводу содержимого страницы в основном, правом (нижнем) окне. Режим «Отдельная» помещает ссылки на отдельную страницу, а при выборе какой-либо ссылки на ее месте открывается другая страница.

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

• пустую страницу, по умолчанию ей будет присвоено имя «Новая страница. » с указанием ее порядкового номера;

• страницу шаблона —■ в этом случае откроются диалоговое окно «Шаблоны веб-страниц» и новое окно документа, содержащего образец создаваемой страницы;

• любой уже существующий документ, сохраненный в формате, допускающем его использование в качестве веб-страницы. По умолчанию в диалоговом окне «Открыть документ» открывается папка «Мои документы» с установленным фильтром по типу файла как «все документы Word». При желании можно изменить фильтр, выбрав интересующий тип файла из предложенного списка. Не рекомендуется определять тип файла как «все файлы», так как не все файлы могут быть представлены в формате веб-страницы (например, файлы презентаций с расширением .ppt).

В правой части диалогового окна мастера выводится список уже заявленных страниц веб-узла. Двойной щелчок по имени

страницы позволяет открыть диалоговое окно «Переименование гиперссылки», где можно ввести новое имя веб-страницы.

Кнопка «Удалить страницу» позволяет удалить из списка «Текущие страницы веб-узла» выделенную страницу.

Четвертый шаг «Ссылки» — позволяет определить порядок вывода ссылок в рамках.

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

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

Веб-браузер Тема оформления страницы

Веб-обозреватель Унифицированный указатель

Вопросы для самоконтроля

1. Что представляет собой веб-сервер?

2. Перечислите способы вставки гиперссылок в текст документа.

3. Что происходит с текстом документа MS Word при сохранении его в формате веб-страницы?

4. Какие элементы форматирования документа не поддерживаются веб-браузерами?

5. Для чего применяются темы оформления документа?

Задания для самостоятельной работы

1. Вставьте в текст документа гиперссылки на закладку в документе, сайт Центрального банка РФ — www.cbr.ru.

2. Сохраните текст в формате веб-страницы.

3. Отформатируйте веб-страницу с применением темы оформления документа.

Список РЕКОМЕНДУЕМОЙ ЛИТЕРАТУРЫ

1. Сагман С. Microsoft® Office ХР: Пер. с англ. — М.: ДМК-Пресс, 2002.-С. 121-128.

2. Власенко С.Ю. Microsoft® Word 2002. — СПб.: БХВ-Петербург, 2002. — С. 679-725.

3. Стоцкий Ю. Самоучитель Microsoft® Office ХР. — СПб.: БХВ- Петербург, 2002. — С. 138—150.