Сегодня:
Блог: "Основы сайтостроения и веб дизайна"
сайтостроение

Переход на: Главная / Cоздаем сайт /

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

АвторАвтор: web-silver.ru

Дата добавленияДата добавления: 25.12.2012

Число просмотровЧисло просмотров: 2137


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


Заключение.


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

Поделиться

Добавьте Ваш комментарий и оцените статью:

+ Добавлять комментарии и оценивать статью могут только зарегистрированные пользователи. Если Вы регистрировались, то просто авторизируйте свой аккаунт.


Комментарии к данной статье:


Подписаться на обновления блога

монетизация сайтаРеклама
заработок на сайтеПомощь

Понравился проект?

Внесите вклад в его развитие, пожертвовав любую сумму на один из кошельков:

Z255632435111

R174106546724

Деньги пойдут на оплату серверов, зарплату авторам уроков и развитие ресурса.

В примечании к платежу укажите Ваш email или логин на нашем проекте.

Администрация.

Статистика блога:

Статей: 107

Комментариев: 8

Зарегистрировано: 12

Все права защищены сopyright © Блог - "Основы сайтостроения и веб дизайна" 2012 - 2017