Создание сайта

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

     Ссылки

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

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

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

     Реклама

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

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

     Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

     В рекламе пользователей больше всего  раздражает:

     • реклама во всплывающих окнах;

     • её медленная загрузка;

     • отсутствие кнопки "Закрыть";

     • уловки заставляющие кликнуть;

     • реклама закрывает читаемый материал;

     • мигающая реклама;

     • двигающаяся реклама;

     • реклама произвольно начинающая играть музыку или проигрывать видео.

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

     Если  хочется разместить, рекламу она  должна соответствовать следующим  правилам:

     • четко указывать, что произойдёт по щелчку по ней;

     • четко идентифицировать себя как реклама;

     • описывать, что именно рекламируется;

     • даёт дополнительную информацию о себе без надобности покидать текущую страницу. 
 
 

1.2. Основные правила и этапы создания сайта

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

     Все предугадать невозможно, но на начальном  этапе можно придерживаться следующих  правил:

     – если разрабатывается сайт научного или академического содержания, особое внимание следует обратить на то, как  сайт работает в Lynx (или в другом неграфическом браузере);

     – если сайт предназначен для потребителей – например, сайт, который предлагает обучающие игрушки для детей, – внимание обращается на скорость загрузки и внешний вид сайта  для AOL-браузеров;

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

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

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

     1.3 Выбор структуры Web-страницы 

     Создание  фиксированных и гибких Web-страниц

     Требования  к Web-странице

     Огромное  количество источников по web-дизайну предлагают большое количество правил и советов по созданию и оформлению web-страниц.

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

     Необходимо  помнить:

     - 5-7 пунктов меню - это предел для  хорошего восприятия содержащейся  в меню информации;

     - оптимальное использование не  более 30-40 кбайт графики на  страницу;

     - дизайн первой страницы хоть  малость, но должен отличатся  от всех остальных страниц;

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

     - в web-страницах используются только форматы JPG, JPEG и GIF;

     - пользователь, находящийся в середине  сервера – должен иметь возможность  попасть в любую точку вашего  сайта или странички;

     - необходимо разбивать большое  количество информации;

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

     - необходимо избавляться от горизонтальных  прокруток экрана;

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

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

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

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

     - не используйте на сайте текст,  набранный заглавными буквами;

     - более всего нежелательно - это  использование при создании сайта  фреймов;

     - размер каждой страницы сайта  не должен превышать предел  в 80-100 килобайт вместе с графикой (оптимально - 40-50), за исключением  страниц с большим количеством  информации - электронных книг, например. В любом случае при большом  размере того или иного файла  об этом должно быть сказано  около ссылки на него.

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

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

     Достоинства:

     – Web-страницы будут отображаться на дисплеях с разным разрешением; гибкую страницу можно настроить для вывода на любом дисплее;

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

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

     Недостатки:

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

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

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

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

     Достоинства:

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

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

     Недостатки:

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

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

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