Как не надо верстать сайт или 7 ошибок начинающего веб-мастера

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

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

1. Некорректное использование JavaScript, апплетов, DHTML, сценариев CGI и SSI.

Если вы не слишком хорошо разбираетесь в технологиях CGI и SSI, поверхностно знаете языки JavaScript и DHTML, лучше на первых парах обойтись без них. Пусть ваш сайт не поражает использованием новейших технологий, зато у пользователей не возникнет проблем при просмотре страниц. А веб-браузеры не будут выдавать сообщения об ошибках. Следует также учитывать, что необоснованное использование апплетов приводит к увеличению размера страницы и времени ее загрузки. Поскольку в борьбе за постоянную аудиторию, скорость передачи данных играет решающую роль, старайтесь при проектировании страницы учитывать всевозможные способы доступа в Интернет (от стандартного Dial-Up до GPRS и широкополосного Интернета). Идеальным будет считаться вариант, если у пользователя Dial-Up доступа со скоростью, не превышающей 56 Кб/с страница вашего веб-ресурса загрузится в течение 30 секунд. Задача конечно не из легких, но кто сказал, что путь к успеху устлан розами?Прежде чем приступить к продвижению сайта в сети Интернет, необходимо позаботиться об отсутствии в нем ошибок, связанных с неправильной версткой. Иначе любая, самая продуманная рекламная компания в поддержку веб-ресурса, окажется бесполезной тратой времени и денег.

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

2. Графика и анимация на страницах веб-сайта. Чрезмерное применение.

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

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

3. Обилие рекламы.

В наше нелегкое время рыночной конкуренции сайты выживают за счет рекламы. Однако все же не стоит слишком явно демонстрировать свою заинтересованность в коммерческом успехе ресурса и размещать по два десятка баннеров на каждой странице. Это в прямом смысле отпугнет посетителей и понизит престиж сайта, особенно если вы рекламируете товары сомнительного качества, не вызывающие доверия (БАДЫ, сетевые пирамиды, способы разбогатеть ничего не делая и т.д). Запомните, на одной странице допускается размещение не более двух баннеров больших размеров (один – вверху страницы, другой – внизу) и 4 баннера размера 88х31. Следите, чтобы они вписывались в общий дизайн и соответствовали тематике веб-ресурса.

4. Всплывающие окна.

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

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

5. Дизайн сайта – «встречают по одежке, провожают по уму».

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

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

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

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

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

6. Тестирование сайта на локальном сервере.

Это – не ошибка, более того, на заключительном этапе создания сайта тестирование на локальном сервере является обязательным. Это позволит увидеть, как будет выглядеть сайт в Интернете. Проведя тестирование, вы избежите многих ошибок, как крупных (см. пункт 1.«Некорректное использование JavaScript, апплетов, DHTML, сценариев CGI и SSI»), так и мелких ляпов, например, обнаружите, что забыли написать заголовок какой-либо страницы.

С тестированием веб-ресурса прекрасно справятся программы Macromedia Dreamweaver и так называемая «система Денвер». Dreamweaver можно скачать на сайте компании www.macromedia.com, а «Денвер» - по адресу http://www.dklab.ru.

После установки обеих программ, скопируйте файлы сайта в папку программы «система Денвер». (по умолчанию это С:\WebServers\home\папка сайта\www.). Запустите программу. Откройте Dreamweaver и перейдите к менеджеру сайтов (Site - Manage Sites). Щелкните на кнопке New, во втором по счету диалоговом окне поставьте флажок напротив пункта «Yes, I want to use server technology». Нажмите Next и отметьте «Edit and test locally». Укажите адрес размещения сайта на компьютере, в данном случае, С:\WebServers\home\папка сайта\www., и URL-адрес сайта (http://locallhost/имя_папки_сайта). В последнем диалоговом окне установите переключатель No. Для просмотра веб-страниц на локальном сервере, в веб-браузере каждый раз придется набирать следующий адрес: http://имя_папки_сайта/имя_веб-страницы.

7. Отсутствие регулярного обновления и архива информации.

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

Заключение.

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

Статьи по теме

Гигантская подборка сервисов для веб-дизайна. Логотипы, фотобанки, иконки, шрифты и прочее

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

2023-12-28

Дизайн сайта: особенности творческого процесса

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

2019-08-07

Создание логотипа: семь сервисов в помощь

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

2019-01-30

20 ценных уроков дизайна от "Мстителей"

Может это и звучит как-то странно, но марвеловские супергерои могут не только скрасить наш досуг своими приключениями, но и дать нам нес...

2015-05-11

15 трендов веб дизайна в 2014-2015 году

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

2014-06-05

Факторы, определяющие хороший логотип

Если вы решили создать логотип, то нужно подумать о том, где он может использоваться. Существует пять факторов, которые определяют наско�...

2011-12-27

Борьба поисковиков и оптимизаторов

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

2011-04-13

Почему не стоит скачивать шаблоны с варезников

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

2011-04-13

О пользе точности темплейтов

Лирическое отступление: Темплейты для сайта (сториборды, вайрфреймы) - спроектированные проволочные схемы страниц сайта. Темплейты пок...

2011-04-07

Методы веб-дизайна и юзабилити

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

2011-04-07

Шаблонные решения для web-сайтов

При проектировании стандартных элементов веб-сайта посмотрите, как это сделано на других веб-сайтах, и не изобретайте велосипед. Меньше...

2011-04-07

Как сделать картинки в стиле Карсона

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

2011-04-07

Переживания должны передаваться

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

2011-03-29

Про заказчиков

Сегодня наш выпуск посвящён не дизайну или дизайнерам, а тому, с кем они имеют дело — заказчикам. Заказчики делятся на несколько групп. Т...

2011-03-29

Возьми с собой в дорогу

Инструментарий Для написания HTML и создания графики хороший инструментарий просто необходим. Вам понадобится хороший HTML-редактор, гра�...

2011-03-28