Внешний вид сайта имеет очень большое значение:
- интересное оформление привлекает внимание посетителей и убеждает их
задержаться на сайте, чтобы более подробно ознакомиться с представленным
материалом;
- дизайн может подчеркнуть тематическую принадлежность сайта и показать
посетителю, что он не ошибся, попав именно на этот ресурс;
- с помощью элементов дизайна можно акцентировать внимание на наиболее
значимых информационных блоках, можно даже создать соответствующий
настрой у читателя;
- можно также дать понять посетителям, какое место в бизнес-иерархии
занимает ваш проект – держите ли вы лидирующие позиции в своей нише или
сайт является одним из многочисленных аффилиатов крупной компании.
В связи с этим грамотный выбор дизайна, который бы соответствовал
поставленным перед проектом целям, является одной из первоочередных
задач вебмастера.
Существует три способа создания дизайна сайта:
1. Разработка сайтов
с индивидуальным дизайном. Это самый дорогой вариант и сам процесс
занимает много времени. Зато каждому посетителю будет виден ваш
серьезный подход к ведению бизнеса в интернете. Вы говорите исполнителю,
каким хотите видеть свой сайт, затем выбираете из набросков, которые он
готовит специально под ваш проект.
2. Выбор шаблона под сайт. Шаблон представляет собой разметку
(техническую сетку, каркас), где указано месторасположение логотипа,
названия сайта, меню навигации и контента. Если дизайнерская фирма
достаточно долго занимается разработкой сайтов, в том числе и по
индивидуальным заказам, у нее накапливаются различные варианты шаблонов,
которые затем можно оформить в зависимости от предпочтений заказчика.
3. Приобретение готового макета сайта. Из одного шаблона может
получиться множество готовых макетов, различающихся изображением в шапке
сайта, цветовой гаммой, шрифтами, а также формой рамок, кнопок и т.д.
Самый простой и экономичны вариант – это купить уже готовый макет сайта,
который сразу можно установить на сайт или подправить некоторые
элементы. К примеру, перерисовать шапку, добавив логотип фирмы или
увеличить (уменьшить) основной шрифт.
Таким образом, у каждого есть выбор, который ограничивается лишь бюджетом.
Влияние цвета сайта на настроение посетителей
Цвета и их сочетания вызывают у человека определенные эмоции и
побуждения к действиям. Каждый сайт имеет определенную цель, будь то
продажа конкретного товара, завлечение в сетевую игру или оказание
консультационной услуги. Направьте мощное оружие цветового баланса на
формирование у посетителя желания пользоваться услугами вашего сайта! Белый дизайн сайта.
Спокойный, холодный белый цвет создает атмосферу праздничности,
торжественности, чистоты, простоты и покоя. Дарит ощущение свободы.
Белый цвет – прекрасный фон для любых дизайнерских элементов. Оранжевый дизайн сайта.
Оранжевый тон придает ощущение веселья и благополучия. Разжигает
аппетит, а значит идеально подходит для кулинарного портала или сайта,
рекламирующего услуги ресторана. Полные люди отвергают оранжевый цвет,
поэтому нежелательно его использовать на сайтах, посвященных диетам. Желтый дизайн сайта.
Желтый поднимает настроение, вызывает стремление к общению, новым
знакомствам и путешествиям. Его можно смело использовать на сайтах
знакомств. Желтый цвет также разжигает аппетит, делает людей мягкими,
искренними и терпеливыми. Ярко-желтый оттенок не нравится алкоголикам и
женщинам с нежеланной беременностью. Его любят замужние беременные
женщины. Красный дизайн сайта.
Красный цвет – неизменный спутник рекламы. Он возбуждает активно,
навязчиво и принудительно. Усиливает динамичность, нервное напряжение,
внимательность и предприимчивость. Ассоциируется с мужской активностью,
сексуальностью. Длительное воздействие красных тонов приводит к
утомляемости. Розовый дизайн сайта.
Розовый цвет ассоциируется с духовной радостью, надеждой, духовным
единением с миром. Он заставляет расслабиться, мечтать, создает
обстановку для грез и поэтических размышлений. Часто применяется в
дизайне женских порталов. Синий дизайн сайта.
Синий цвет расслабляет, порождает стремление к безопасности, пробуждает
сентиментальные чувства. Поскольку он понижает аппетит, его можно
применять на сайтах, посвященных фитнесу и диетическому питанию. Синий
цвет ассоциируется с Вселенной и хорошо подходит для астрологических
порталов и сайтов, побуждающих обратиться к гадалке. Темно-синий оттенок
внушает уверенность и успокаивает, он рекомендуется для сайтов кадровых
агентств и юридических центров. Голубой дизайн сайта.
При восприятии голубых тонов теряется чувство времени, снижается уровень
тревожности. Светло-голубой цвет – это символ безопасности,
женственности, прочных семейных отношений. Голубой цвет нейтрален и
приятен для глаз, он используется на сайтах практических всех тематик, с
ним трудно ошибиться. Дизайн сайта в гамме голубого и зеленого.
Сочетание голубого и зеленого стимулирует творческую энергию. Эти цвета
поднимают настроение при непогоде, помогают выздоравливать. Сине-зеленые
оттенки трансформируют избыточную сексуальную энергию в творческую.
Подходит для сайтов частных клиник. Коричневый дизайн сайта.
Оттенки коричневого создают ощущение защищенности, комфорта и покоя,
снимают стресс, рождают чувство безопасности, опоры. Может применяться
на сайтах юридических фирм и частных юридических консультаций. Зеленый дизайн сайта.
Самый спокойный и приятный цвет, ассоциируется с природой, юностью,
рождением надежд, постоянством и терпением. Расслабляет, успокаивает,
гипнотизирует, тонизирует, создает ощущение полноценного отдыха.
Идеальное решение для туристического сайта. Фиолетовый дизайн сайта.
Провоцирует желание очаровывать, способствует внушаемости,
консерватизму, следованию общественным порядкам. Его можно использовать
на порталах посвященных новым модным тенденциям. Этот цвет не переносят
интеллектуалы, а значит, фиолетовые тона противопоказаны сетевым
электронным библиотекам. Серый дизайн сайта.
Серые тона порождают желание установить прочные контакты с окружающим
миром, усиливают стремление к стабильности и порядку, помогает достичь
гармонии души. Серый цвет – хорошее решение для сайтов сфере бизнеса, но
требует веселой цветовой нотки, поскольку он немного унылый. Черный дизайн сайта.
Черный порождает агрессию, протест, отвращение к происходящему, чувство
одиночества. Сочетание черного и коричневого вводит в тревожное
состояние, а значит, его можно применять при рекламе автомобильных
сигнализаций, противоугонных систем, видеонаблюдения и услуг частного
детектива. Черный в сочетании с желтым дает ощущение страха. Хотя черный
цвет отлично создает готическую обстановку не стоит слишком увлекаться
мрачными тонами.
Старайтесь использовать в дизайне сайта не больше трех цветов: фоновый,
дополнительный и контрастный. Не перегружайте сайт яркой мигающей
графикой. Сделайте цветовое решение приятным дополнением и обрамлением
для информационного содержания, и люди с радостью потянутся на ваш сайт.
Организация HTML кода
Большинство начинающих web-мастеров не придают должного значения
организации и оптимизации кода своих web-страниц. А между тем, помимо
эстетичного вида, оптимизация HTML кода, имеет достаточно большое
практическое значение. Разместив все теги в одной строке, мы получим
компактный код HTML страницы, полностью умещающийся на экране монитора,
но чтобы найти в нем нужную ячейку таблицы, нам потребуется на порядок
больше времени, чем при оптимизированном коде.
Рассмотрим некоторые моменты оптимизации HTML кода. Комментарии. В HTML документах, комментарии вставляются
внутрь тега !- -, выглядит это так – <!- – комментарий – ->.
Когда Вы пишете код страницы, кажется, что нужды в комментариях нет, все
и так понятно. Но если через некоторое время потребуется что-то
изменить в коде, то отсутствие комментариев на много увеличит время
обработки кода. Переносы. Значение правильно сделанных переносов, для
читаемости кода, трудно переоценить. Найти нужную ячейку в коде даже
небольшой таблицы, написанном в одну строку, достаточно проблематично.
Стандарта, определяющего правила переноса нет, но есть некоторые
достаточно удобные приемы, которыми следует пользоваться. Например, теги
начала и конца таблицы, и ее строк, лучше размещать с новой строки.
Если внутри ячейки таблицы содержится несколько элементов, то также
следует использовать переносы, если же элемент только один, то перенос
можно и не ставить. Атрибуты. Расстановка атрибутов тегов ни как не влияет
на обработку страницы браузером, да и влияние ее на удобочитаемость кода
сомнительно. Но все же, следует уделить ей немного внимания. Вы можете
выработать для себя определенные правила расстановки атрибутов, соблюдая
которые, читать код, будет легче. Но в таком случае, могут возникнуть
проблемы с чтением кода, написанного другими людьми. Мультимедиа объекты. Если на Вашей странице
присутствуют изображения или видеоролики, то делайте осмысленными
названия их файлов. Если картинки называть 1.gif, 2.gif, 3.gif и т. д.,
то впоследствии, будет довольно трудно разобраться, что и где находится.
Правила создания удобной навигации по сайту
Удобная и понятная навигация по сайту, имеет очень важное значение.
Отсутствие таковой, может свести на нет все остальные преимущества
сайта, так как если пользователь не сможет найти на сайте интересующую
его информацию, то он вряд ли вернется на этот сайт вновь.
Существуют некоторые несложные правила, соблюдая которые, можно избежать подобных проблем.
Элементы навигации на сайте должны располагаться в одном месте и быть
однотипными. Если на одной половине страниц навигационное меню будет
располагаться в верхней части сайта, а на другой половине в нижней, то
это может запутать посетителя.
Ссылки на главную страницу желательно располагать и вверху и внизу
страниц, чтобы пользователь мог перейти на нее, не выполняя лишнюю
прокрутку страницы.
Не используйте синий цвет и подчеркивание шрифта для элементов страницы
не являющихся ссылками. Лучше вообще отказаться от подчеркивания текста,
так как подчеркнутый текст ассоциируется у пользователя со ссылкой. Для
выделения текста следует использовать жирный шрифт или курсив.
Не следует делать слишком много ссылок в навигационном меню, выделите
пять – семь основных разделов, при необходимости можно создать
подразделы.
Для ссылок в меню навигации, желательно использовать текст.
Использование графических элементов, конечно, выглядит более эффектно,
но не забывайте, что у посетителя пришедшего на сайт, может быть
отключено отображение графики в браузере. Если все-таки решите
использовать графическое меню, то не забудьте прописать атрибуты
альтернативного текста.
Создание сайта
Для того, чтобы приступить к созданию сайта, необходимо иметь хотя бы
элементарное представление о языке HTML, он не такой сложный как может
показаться. Для этого можно воспользоваться практически любым учебником
для начинающих, коих с сети огромное количество. Например, вот этим.
Также потребуется HTML редактор (программа, позволяющая составлять и
изменять документы в формате HTML), так как самому писать код в блокноте
утомительно, да и зачем, нужно пользоваться техническим прогрессом.
Создание сайта в редакторе гораздо проще и быстрее. Я, например,
использую Macromedia Dreamweaver 8, хотя можно попробовать и что-нибудь полегче, к примеру catshtml.
Но помните, что код страницы сделанной в редакторе и написанный вручную
будет отличаться, даже если внешне эти страницы выглядят совершенно
одинаково. Происходит это потому, что редактор напихивает в документ
много «мусора» и полностью доверять ему не стоит. После того, как Вы
получили устраивающую Вас страничку, необходимо вручную проверить весь
код и удалить из него все лишнее. Конечно, можно этого не делать, но
тогда Ваш сайт будет хуже индексироваться поисковыми системами – решать
Вам.
Перед тем, как приступить к созданию сайта, желательно нарисовать на
бумаге то, что Вы хотите получить, так будет проще спланировать дизайн.
Если это Ваш первый сайт, то лучше использовать табличную структуру
страниц, она наиболее проста и понятна. При этом, с помощью только
таблиц можно сделать достаточно красивый и содержательный сайт. Поначалу
лучше вообще отказаться от скриптов и фреймов.
Следите за размером страницы, посетители могут не дождаться ее
загрузки и перейти на другой сайт. По возможности используйте
стандартные шрифты и цвета – это даст гарантию того, что страница будет
корректно отображаться у всех Ваших посетителей. Не делайте страницу
слишком яркой – это утомляет и отвлекает от основного содержимого, но и
следите чтобы сайт не был безликим, нужно искать золотую середину.
Делайте удобную систему навигации по ресурсу, пользователи должны
понимать, где они находятся и как перейти на другую страницу.
Целесообразно поместить на сайте форму обратной связи, это позволит
посетителям высказывать свое мнение о Вашем детище, благодаря чему, Вам
будет проще узнать, что на сайте хорошо, а что плохо. Не забывайте
добавлять для всех графических изображений атрибут альтернативного
текста, чтобы при выключенной в обозревателе функции отображения графики
пользователь мог понять, что перед ним находится.
После того, как создание сайта завершено, необходимо посмотреть, как
он будет отображаться в разных браузерах и при различных разрешениях
экрана, так как если посетитель будет использовать более низкое
разрешение экрана, может появиться горизонтальная прокрутка окна, а это
не есть хорошо. Также разные браузеры могут отображать Ваш сайт
по-разному. Проверить, как выглядит Ваш сайт в различных браузерах можно
здесь.
Также почитайте тематическую литературу, сейчас существует достаточно книг, где подробно описано как бесплатно создать свой сайт
