Регистрация доменных имен

Как это работает
Все просто. WEFT преобразует шрифт, который вы хотите встроить в свой специальный формат – OpenType. Шрифт этого формата имеет расширение EOT и может работать только на вашем веб-сайте (это для того, чтобы шрифты не воровали, т.к. они также являются предметом авторского права). Далее при помощи стилей указываем название файла, из которого грузим шрифт – вот и все.

Как это выглядит
Чтобы вы сразу поняли, что встраиваемые шрифты – это действительно круто, походите по ссылкам:
Пример №1
Пример №2
Пример №3
Пример №4
Пример №5
Пример №6
Пример №7
Пример №8
Пример №9

А теперь опишу по-шагово, как это сделать.
1. Качаем WEFT 3.0 (около 9М). Инсталлируем его.
2. Создаем страничку у себя на диске С:

3. Запускаем WEFT
4. Нажимаем кнопку “Add”.
5. Указываем путь к нашему документу.
6. Выбираем, какой (или какие) шрифты нам нужно встроить в нашу страничку. В данном случае он один – Arial. При этом в выпадающем меню “Subsetting” выбираем “No subsetting”. Нажимаем Next.
7. А вот тут нужно быит внимательным. Нажимаем на кнопку “Mirror sites” и добавляем ВСЕ URLы, с которых должен работать наш шрифт. Учитывайте, что URLы типа YOURSITE.COM и WWW.YOURSITE.COM для WEFTа являются разными, и потому надо вписать и тот, и другой адрес.
8. Теперь WEFT спросит Вас, куда сохранять модифицированную им вашу веб-страничку. Укажите путь.
9. Вот и все! После недолгих раздумий WEFT сгенерировал нам файл со шрифтом и встроил вам его в страничку.

Чтобы проверить, действительно ли чудо свершилось делаем следующее:
Модифицируем нашу простенькую веб-страничку из такой формы:

в такую:

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

Дизайнер, работая над своим проектом, может потратить на оттачивание деталей чуть ли не половину всего времени работы над ним. Такое положение дел может удивить вас, но это стоящее занятие. Дело в том, что человек рассматривая произведения искусства, в котором много нюансов, получает большое удовольствие. Чем больше он смотрит — тем больше деталей он обнаруживает. Это занятие доставляет разуму эстетическое удовольствие.

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

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

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

Мета теги делятся на две группы: NAME и HTTP-EQUIV.
Мета теги типа NAME содержат текстовую информацию о документе, его авторе и некоторые рекомендации для поисковых машин. Например: Robots, Description, Keywords, Author, Copyright.
Мета теги типа HTTP-EQUIV влияют на формирование заголовка документа и определяют режим его обработки.

Описание мета тегов группы NAME:

• Мета тег Author
• Мета тег Copyright
• Мета тег Description
• Мета тег Document-state
• Мета тег Generator
• Мета тег Keywords
• Мета тeг Resource-type
• Мета тeг Revisit
• Мeтa тeг Robots
• Мeтa тeг Subject
• Мeтa тeг URL

Описание мета тегов группы HTTP-EQUIV:

• Мeтa тeг Content-Language
• Мeтa тeг Content-Script-Type
• Мeтa тeг Content-Style-Type
• Мeтa тeг Content-Type
• Мeтa тeг Expires
• Мeтa тeг PICS-Label
• Мeтa тeг Pragma
• Мeтa тeг Refresh
• Мeтa тeг Set-Cookie
• Мeтa тeг Window-target

Author, Copyright

Эти теги не отражаются броузерами, но обрабатываются некоторыми поисковыми машинами. Как правило, нет необходимости использовать эти теги одновременно. В большинстве случаев достаточно одного информационного тега, позволяющего идентифицировать автора или принадлежность документа.
Тег Author должен содержать имя автора, если сайт принадлежит организации, имеет смысл использовать тег Copyright. Информация обязательно должна заключаться в кавычки, например <META Name= Author content=”Смирнов Сергей”>.
Дополнительно информационные теги могут содержать атрибут “Lang”, указывающий язык, на котором написано значение свойства.
Пример: <META Name= Author Lang=”ru” content=”Смирнов Сергей”>.

Description

Мета тег Description – служит для краткого описания странички.
Он используется поисковыми машинами для индексации и в качестве краткой аннотации при ссылке в ответе на запрос. И именно по содержанию этого тега пользователь поисковой системы будет оценивать, соответствует ваш сайт его ожиданиям или нет.
Если тег Description отсутствует, то в качестве описания поисковые машины используют первую строку текста или отрывок из текста с найденным ключевым словом.
Желательно чтобы длина описания не превосходила 80 символов.
Пример: <META Name=”Description” content= “. . .”>

Document-state

Мета тег Document-state – предназначен для управления индексацией поисковых роботов. Может иметь два значения:

• Static – Нет необходимости индексировать эту страницу в будущем.
• Dynamic – Индексировать эту страницу регулярно (по умолчанию).

Режим “Static” предназначен для страниц, которые не меняются в принципе. Если содержание вашей страницы периодически меняется, то использовать этот тег необязательно.
Пример: <META Name=”Document-state” content =”Dynamic”>

Generator

Мета тег Generator – это всего лишь один из “славного” семейства тегов широко используемых генераторами HTML кода в своих целях. Как правило, для владельца сайта эти теги не несут полезной нагрузки.

Keywords

Мета тег Keywords используется поисковыми машинами для оценки релевантности.
Слова, содержащиеся в теге Keywords, рассматриваются поисковыми машинами как рекомендация, но иногда именно этой капли не хватает, чтоб перевесить чашу.
При формировании списка ключевых слов для мета тега Keywords необходимо использовать слова, содержащиеся в тексте документа. Слова, не содержащиеся в тексте, можно использовать в очень небольших количествах, два – три слова. Вставлять их надо в конец списка.
Ключевые слова не должны повторятся в теге Keywords, в крайнем случае, не более двух раз.
В мета теге Keywords имеет смысл использовать не более 10 слов, большее количество релевантности не увеличит.
В Большинстве случаев поисковые машины находят ключевые слова, стоящие во множественном числе (cats), даже если поиск задан в единственном числе (cat). Поэтому рекомендуется в тег Keywords заносить английские существительные во множественном числе.
Роботы некоторых поисковых машин не переходят к новой строке при анализе мета тега Keywords, поэтому не рекомендуется разбивать его на несколько строк.

Пример: <META Name=”Keywords” content=”пример, meta, тега”>

Если документ написан на нескольких языках, можно использовать добавочный атрибут lang для выбора кодировки (смотри описание мета тега Content-Language).

Пример:
<META Name=”Keywords” lang=”ru” content=”пример, meta, тега”>
<META Name=”Keywords” lang=”en-us” content=”meta tegs, example”>

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

Resource-type

Мета тег Resource-type – описывает состояние данного документа. Если его значение отлично от “Document”, то поисковые системы не будут его индексировать.
Предназначен для использования в крупных проектах, с множеством документов разного типа.
Некоторые возможные значения:

• Build
• Classification
• Creation
• Document – Принимается по умолчанию.
• Formatter
• Host
• Operator
• Random text
• Rating
• Site-languages
• Subject
• Template
• Version

Пример: <META Name=”Resource-type” content =”Document”>

Revisit

Мета тег Revisit – указывает поисковому роботу, через сколько дней ему нужно вернуться и переиндексировать данный документ.
Пример (приходить раз в неделю): <META Name=”Revisit” content=”7″>

Robots

Мета тег Robots – содержит указания для роботов поисковых машин, собирающих информацию о HTML документах в сети.
Значение свойства Robots может состоять из следующих директив, разделенных запятыми:

• Index – эта страница должна быть индексирована.
• Noindex – эта страница не должна индексироваться.
• Follow – прослеживать гиперссылки на странице.
• Nofollow – не прослеживать гиперссылки на странице.
• All – = index, follow (принято по умолчанию).
• None – = noindex, nofollow.

Тег <META name=Robots content=”all”> ничего не меняет в работе робота поисковой машины, так как значение “all” принято по умолчанию.
Но если эта страница создается динамически или очень часто обновляется, то нет смысла ее индексировать, так как информация о странице в поисковой машине и ее истинное содержание будут разными. В этом случае можно рекомендовать поисковой машине не индексировать эту страницу, а только отслеживать на ней гиперссылки, что бы проиндексировать остальную часть сайта <META name=Robots content=”noindex,follow”>.
При использовании тега, запрещающего отслеживание гиперссылок <META name=Robots content=”index,nofollow”> часть сайта может остаться не проиндексированной, так как внутри сайта роботы перемещаются по гиперсылкам. И те страницы, переход на которые заблокирован, не будут индексированы.
Мета тег Robots имеет приоритет над директивами управления, заданными в файле robots.txt.

Subject

Мета тег Subject используется поисковыми машинами для определения тематики документа. Но до тех пор, пока поисковые системы не согласуют классификационные таблицы, использование этого тега не всегда оправдано.

URL

Мета тег URL – служит для исключения из индексации генерируемых страниц и зеркал. Встретив этот тег, робот поисковой машины должен прекратить индексацию текущего документа и перейти по указанной ссылке.
Пример: <META Name=”URL” content= “http://www.Main-Site.com”>

Content-Language

Мета тег Content-Language – это указание языка документа. Используется поисковыми машинами при индексировании. Хотя большинство из них умеют различать язык по тексту.
Некоторые возможные значения (стандарт [ISO639], [ISO3166]):

Пример: <META HTTP-EQUIV=”Content-language” content =”ru”>
В спецификации HTML 4.0 есть альтернативная возможность явного указания языка – <html lang=”en”>

Content-Script-Type

Meta тег Content-Script-Type – Определение языка программирования сценариев.
Некоторые из возможных значений:

Пример: <META HTTP-EQUIV=”Content-Script-Type” content=”text/javascript”>
Если тег Content-Script-Type не используется, то тип языка программирования сценариев, отличный от принятого по умолчанию, должен быть указан непосредственно в каждом теге <SCRIPT>, пример <SCRIPT type=”text/javascript”>.
В одном документе допускается использование нескольких языков программирования сценариев. Указание языка в теге <SCRIPT> имеет более высокий приоритет, в рамках текущего тега <SCRIPT>.

Content-Style-Type

Мета тег Content-Style-Type – указавает язык таблицы стилей, значение “text/css” принимается по умолчанию, если оно вас устраивает и вы не используете в этом документе теги <Style> и <Span>, то использовать этот тег необязательно.
Пример: <META HTTP-EQUIV=”Content-Style-Type” content=”text/css”>

Броузеры определяют язык таблиц стилей по следующему алгоритму:

• Если в объявлении МЕТА задается язык таблиц стилей, то определяет последнее объявление в потоке символов.
• Если язык таблиц стилей задается в объявлении STILE, язык таблиц стилей определяет последний заголовок в потоке символов.
• Если язык таблиц стилей не задан, по умолчанию используется язык “text/css”.

Content-Type

Мета тег Content-Type – Отвечает за указание типа документа и кодировки символов.
Использовать мета тег Content-Type надо только с учетом некоторых нюансов.
Во – первых, кодировка символов текста должна соответствовать кодировке, указанной в теге.
Во – вторых, сервер не должен менять кодировку текста при обработке запроса броузера.
В – третьих, если сервер меняет кодировку текста, он должен скорректировать или удалить мета тег Content-Type.
Несоблюдение этих требований может привести к следующему: web-сервер автоматически определит кодировку запроса клиента и отдаст страничку web-броузеру перекодированной. Броузер, в свою очередь, будет читать документ в соответствии с мета тегом Content-Type. И если кодировки не совпадут, то прочитать документ можно будет только после ряда замысловатых манипуляций. Особенно это характерно для старых броузеров IE 3.x – 4.x и Netscape 4.x.
Внимание! Мета тег Content-Type очень часто вставляется генераторами HTML кода.

Некоторые из возможных типов кодировки (стандарт [ISO10646]):

Пример: <META HTTP-EQUIV=”Content-Type” content=”text/html; charset=windows-1251″>

Expires

Мета теги Expires – управляет кэшированием. Если указанная в теге дата прошла, то броузер должен сделать повторный сетевой запрос, а не использовать копию из кэша. Если изначально указать прошедшую дату, то документ не будет кэшироваться.
Некоторые поисковые роботы могут отказаться индексировать документ с устаревшей датой.
Дата должна указываться в стандарте [RFC850].
Пример: <META HTTP-EQUIV=”Expires” content=”Wed, 26 Feb 1999 08:21:57 GMT”>

PICS-Label

Мета тег PICS-Label – (Platform-Independent Content rating Scheme Label) ) определяет уровень доступности сайта (sex, violence), но может использоваться и в других целях.

Pragma

Pragma – Контроль кэширования. При значении “no-cache” кэширование данного не рекомендовано. Предназначен для документов, получаемых в результате работы скрипта.

Пример: <META HTTP-EQUIV=”Pragma” content =”no-cache”>

Refresh

Мета тег Refresh – определение задержки времени в секундах, после которой броузер автоматически обновляет документ. Дополнительная возможность – автоматическая загрузка другого документа.
Пример: <META HTTP-EQUIV=”Refresh” content =”4; URL=http://www.name.com/”>

Если нужно просто обновить документ, то URL указывать не обязательно.

Set-Cookie

Set-Cookie – Настройка cookie броузера.
Пример: <META HTTP-EQUIV=”Set-Cookie” content=”NAME=value; EXPIRES=date; DOMAIN=domain_name; PATH=path; SECURE”>
Атрибуты EXPIRES, DOMAIN, PATH и SECURE при необходимости можно опустить.
Пример: <META HTTP-EQUIV=”Set-Cookie” content=”NAME=value;”>

Перед запросом к серверу, броузер проверяет cookie. И если атрибуты NAME, DOMAIN и PATH совпадают, броузер посылает cookie серверу.
Если cookie принимает новое значение, старое значение удаляется.
Броузер имеет ряд ограничений по работе с cookie:

• Единовременно может храниться не более 300 значений cookie.
• Cookie не может превышать 4 Кбайт.
• От одного сервера (домена) не может быть более 20 cookie.

Эти ограничения могут быть несколько иными, в зависимости от настройки и типа броузера.
Если происходит превышение лимита (общего или по домену) удаляется первая по времени запись. Удаление происходит, не зависимо от значения атрибута EXPIRES.
При превышении 4 Кбайт, cookie усекается.

Пример: <META HTTP-EQUIV=”Set-Cookie” content=”NAME=cookexample; EXPIRES=Monday, 22-FEB-02 21:11:51 GMT; DOMAIN=WWW.MY.RU; PATH=/; SECURE”>

Window-target

Мета тег Window-target – определяет окно текущей страницы. Приведенный пример может быть использован для прекращения появления новых окон броузера при применении фреймовых структур. Действует для многих (но не для всех) броузеров.
Пример: <META HTTP-EQUIV=”Window-target” content =”_top”>

1. “Анимация” – одна из самых распространенных черт таких сайтов. Огромные анимированные изображения на главной странице, несколько бегущих строк перемещающиеся в 2 разные стороны и при этом резко мигающие вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется.
2. “Широкие изображения” – большие по формату изображения медленно загружаются, особенно это понятно жителям стран СНГ, где быстрый доступ еще редкость.
3. “Кнопки” – начинающие веб-строители любят вешать на главную страницу до 10-20 кнопок – счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Подумайте, может что-то из этого бесполезное увеличение обьема графики.
4. “Длинные тексты” – иногда видишь “сайт” целиком умещающийся в одном большом файле. Большая ошибка! Пользователь не должен прокручивать экран больше чем на 2,5-3 экрана.
5. “Фон” – классическая ошибка начинающих – это использование цветистых, а зачастую и разных типов фона в пределах сайта. Старайтесь создать единую атмосферу на сайте, и фон не должен выпячиваться вперед, показывая свою важность. Попробуйте использовать классику – черный текст на белом фоне.
6. “Ошибки” – всегда проверяйте свою орфографию. Ошибки зачастую прокрадываются незаметно и портят все впечатление от сайта.
7. “Выпадающие окна” – использование pop-up окон является нарушением Нетикета, самой обычной реакцией на появление таких окон при каждом клике на ссылке будет уход с такого сайта.
8. “Горизонталь” – часто при жестком дизайне (все расстояния указываются в пикселях) появляется горизонтальная полоса прокрутки, если веб-строитель имеет хороший монитор и видео-карту. Обязательно проверьте свой сайт при разрешении 800*600 при 256 цветах.
9. “Разные шрифты” – при создании сайтов применяйте правило “Не более 5-ти шрифтов на странице” – при этом жирные шрифты считаются за отдельный шрифт, тоже касается и их размера.
10. . “Under Construction” – самая бесполезная надпись из всех. Если Вы переделываете раздел, лучше убрать ссылки на него. Как правило, на сайтах обьема больше среднего (>50 файлов) целесообразно перейти на использование SSI или вставок на JavaScript’ах. Это позволит Вам быстро менять общие элементы, в частности меню.

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

Удачи в постижении азов искусства!

1) Правильный выбор HTML-редактора.

В наше время существует огромный выбор HTML-редакторов и причём а любой вкус. Начиная с Front Page 2000 и Macromedia Dreamweaver и завершая Allaire Home Site и 1st Page 2000. Некоторые веб-мастера считают, что если их “коллега” работает в таком редакторе как Front Page или Dreamweaver, то он бездарный “чайник”. Ну а если ты работаешь в Home site или подобных ей, то ты “профи”.  Но такого мнения не все мастера, но всё-таки есть такие. Я ,например, сам очень уважаю редактор  Front Page, на нём легко работать и конструировать сайт (Между прочим эту статью пишу в нём). Согласитесь, что если вы только начинающий веб-мастер, то вы сразу не начнёте работать в Allaire Home Site, а легко начать с DreamWeaver и уже потом переходить на более сложные редакторы.  Но в чем различие между этими редакторами ? Во-первых Front Page и DreamWeaver очень громоздкие и их нельзя скачать с Интернета. Front Page 2000 можно приобрести вместе с Office 2000 Professional или на компакт-дисках. Так же на “компашках” можно приобрести DreamWeaver. Ну а Home site и 1st Page можно скачать с  любого сайта с софтом.

2) Теперь нужен графический редактор.

Конечно же в этой категории лидирует Photoshop. Он уже дошёл до шестой версии. Он очень удобен в работе и имеет всё, что нужно для создания качественной графики. Не имеет смысла много рассказывать о нём. Но есть и другие редакторы. такие как Macromedia FireWorks и Macromedia Flash. Но Flash подходит для разработки Flash-презентаций, а FireWorks отличный редактор растровой графики. Но тут не я должен объяснять, что кому выбирать. Каждому своё.

3) Браузер (Browser)

У нас в гинете пользуются популярностью только два браузера – это Microsoft Internet Explorer и Netscape Navigator. Так как эти браузеры абсолютно разные , то при построении сайта вам придётся насчитывать на, то что к вам на сайт будут приходить и пользователи Explorer’а и пользователи Netscape’а и строить сайт так, чтобы в этих двух браузерах выглядел одинаково. Но теперь мастерам стало на много легче строить свой сайт, т.к. компания Netscape не выдержила конкуренции с компанией Microsoft и прекратила своё существование. Но всё-таки наши пользователи не перестают пользоваться, сохранившимися на старых CD дисках, копиями этой программы. Я пользуюсь только Internet Explorer’ом, что и вам советую. А Natscape использовать только  для работоспособности странички в обоих браузерах. И как сказал руководитель  Россиского мультипортала Protoplex, Евгений Жданов: “Просто я не фанат Netscape Navigator. Не хочу никого обидеть, но название программы должно звучать как Netscafe Nafigator ”.  

4) GIF Animator’ы

Вы не раз, заходя на различные сайты, видели красивые анимационные картинки и баннеры. Для создания таких картинок существуют различные программы, называющиеся GIF Animator’ами. У нас пользуются популярностью две такие проги: 1) Ulead GIF animator и 2) Microsoft GIF Animator. Их задание заключается в том, чтобы через определённый лимит времени прокручивать различные картинки. Теперь кратко рассмотрим каждую из этих двух программ. Начнём с Ulead GIF animator’a : чем он хорош, это конечно куча “прибамбасов” к программе. Это и и различные эффекты и большой объём функций. Но она и “весит” побольше,чем продукт компании Microsoft. Но я отдаю предпочтение Microsoft GIF Animator’у. В нём содержится всё, что необходимо для хорошей анимации. Да и он “весит” всего 1 mb. Его можно скачать отсюда: http://www.wmaster.ru/soft.htm. Качайте и пользуйтесь.

5) FTP-клиенты.

Последняя стадия при создании сайта, это закачка всей созданной информации на сервер. При этом нужно использовать FTP-клиенты. Имеет смысл привести в пример только два. Это Far менеджер и CuteFTP. Очень удобным в использовании я считаю CuteFTP (сам им пользуюсь). В нём предложено самое необходимое. Для создания нового соединения достаточно нажать F4 и тут же будет выведено новое окно, в котором нужно будет ввести необходимые данные для входа через FTP. Ну а FAR менеджер считается ветераном среди FTP-клиентов. Но единственный минус – неудобно вводить данные для соединения и можно легко спутаться при подключении через FTP (особенно новичкам). Но несмотря на это FAR очень популярен среди “сайтостроителей”. Ещё имеет смысл выделить такие FTP-клиенты как Web FTP и Arisoft Direct FTP. Желаю приятного пользования.

Для чего компания – наш заказчик – решила создать сайт? Конечно, основным побудительным аспектом являлась прибыль компании, дальше идут имиджевые цели, поддержка клиентов и прочее.

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

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

Планирование

Планирование сайта предполагает планирование 3-х основных элементов: дизайна, навигации, содержимого.

Начали мы с последнего аспекта – содержимого: прежде всего с заказчиком было оговорено, что он желает видеть на сайте, так же были даны консультации по поводу того, что традиционно присутствует на сайтах компаний. В результате совместной работы был очерчен круг материалов, которые должны присутствовать на сайте.

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

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

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

Относительно текста: основной объём текста был подготовлен самим заказчиком.

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

Дизайн начинается с разработки шаблона (шаблонов) сайта. Зная, из каких разделов будет состоять сайт, нам необходимо разместить необходимые поля на плоскости с параметрами разрешения мониторов.

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

Далее переходим к цветовой гамме сайта

Сегодня много говорится о подборе цветов их количестве. В данном вопросе мы решили подойти не совсем стандартно: на сайте будет более чем 3 цвета, при этом сайт будет выглядеть очень гармонично.

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

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

Далее необходимыми стали элементы, придающие сайту динамичность, современный облик – мы имеем ввиду falsh-анимацию. Специалисты-аниматоры подготовили около 10 анимационных роликов, которые должны «оживить» сайт, из предложенных вариантов ответственные за проект выбрали лишь несколько самых адекватных и уместных.

Создание

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

Титульная страница: эта страница несёт особую нагрузку, поэтому, коснёмся её особенностей подробнее:

Титульная страница – первое, что встречает человек, попадая на сайт. Именно она несет максимальную имиджевую нагрузку. Это «витрина», которая должна приковывать взгляд посетителя. Собственно титульная страница – это ответ на вопрос посетителя: «С чего начать?». Эта страница несет основную эмоциональную нагрузку, причём в данном случае мы работали на то, что бы создать положительные эмоции у тех, кто будет смотреть сайт.

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

Исходя из выше названного мы определили для себя три «НЕТ»: Эта страница не должна быть перегруженной информацией. Титульная страница не должна быть просто красивой «заставкой». Эта страница не должна быть тривиальной.

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

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

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

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

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

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

Результат

Какой результат мы получили после кропотливой работы? Собственно результат можете видеть по адресу: www.intex.ru

Согласитесь, больше комментировать ничего не нужно.

Почему-то среди тех, кто называют себя дизайнерами, есть люди, которые не знают одного простого правила: Дизайн (по крайней мере, веб-дизайн) – это правильная подача информации.

Многие вебмастера не представляют себе дизайна без огромного количества картинок (или без flash-заставок, что еще хуже). На дизайн без графики они просто не обращают внимания.

Это просто ужасно. Дизайнеры забывают главное правило дизайна – сделать так, чтобы пользователю было удобно. Если пользователю будет неудобно (а я думаю, что грузить страничку в полмегабайта никому не интересно), то он просто уйдет с сайта. И не вернется – ведь сайтов в интернете немало.

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

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

Итог: изучая в деталях Photoshop, Ilustrator и Macromedia Flash, не забывайте про основы дизайна. И тогда дизайн будет эффективным.