Як не треба верстати сайт

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

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

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.

Після установки обох програм, скопіюйте файли сайту в папку програми "система Денвер". (За умовчанням це З: WebServershomeпапка сайтаwww.). Запустіть програму. Відкрийте Dreamweaver і перейдіть до менеджера сайтів (Site – Manage Sites). Клацніть на кнопці New, У другому за рахунком діалоговому вікні поставте прапорець навпроти пункту “Yes, I want to use server technology”. Натисніть Next і відзначте “Edit and test locally”. Вкажіть адресу розміщення сайту на комп'ютері, в даному випадку, З: WebServershomeпапка сайтаwww., І URL-адресу сайту (http://locallhost/імя_папкі_сайта). В останньому діалоговому вікні встановіть перемикач No. Для перегляду веб-сторінок на локальному сервері, у веб-браузері щоразу доведеться набирати наступну адресу: http://имя_папки_сайта/имя_веб-страницы.

7. Відсутність регулярного оновлення та архіву інформації.

Що тут скажеш, якщо сайт регулярно не оновлюється, дуже скоро він втратить постійних відвідувачів. Якщо говорити про старих матеріалах (статтях, нотатках, новинах), варто відвести для них спеціальну сторінку. Ніколи не знаєш напевно, що зацікавить користувача, а раптом йому знадобиться будь-яка стаття дворічної давності.

Висновок.

Завжди краще вчитися на чужих помилках, тому уважно прочитайте цей матеріал і постарайтеся під час верстки сайту не повторювати розглянуті тут помилки.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*