Правильний підхід до створення сайту - запорука успіху.
Перед тим, як починати створення сайта, варто сісти і продумати загальний
план майбутнього Інтернет-представництва: що там буде знаходитися, як
його вміст стане співвідноситися один з одним, які додаткові можливості
надасть сайт відвідувачу, яким буде стиль, веб-дизайн сайту. Для
кожного сайта план проектування буде свій, проте є деякі закони, що
варто викласти.
Насамперед не варто сприймати ці побажання як якісь непорушні інструкції.
Це канони сайтобудівництва, що сформувалися просто, що виходять з ідеї
максимальної зручності відвідувача, - адже основним споживачем праці
веб-дизайнера є саме відвідувач сайта.
1. На сайті обов'язково повинна бути головна сторінка зі стислим каталогом
усіх поділів сайта, причому з кожної сторінки сайта повинна бути посилання
на цю головну сторінку. Це цілком природна вимога - сайт повинний мати
якийсь "центр", із якого буде можливий загальний огляд умісту
всього Інтернет-ресурса. Найчастіше відвідувач, що прийшов на одну зі
сторінок сайта (наприклад, у результаті пошуку в якийсь пошуковій машині),
потім переходить на головну сторінку і переглядає інші матеріали сайта.
2. Вкрай бажано наявність зручного навігатора по сайту, тобто набору
посилань на інші сторінки сайта, реалізованих як звичайні посилання
або на основі сценаріїв. В даний час найкращим рішенням визнане розміщення
списку посилань на ресурси сайта в колонку таблиці, що розташовується
зліва (як, наприклад, http://www.freeware.ru) або справа (приклад -
http://antorlov.chat.ru) від основного тексту першої сторінки. Розташування
списку посилань справа має визначені переваги з погляду зручності, тому
що курсор частіше усього знаходиться саме в правій частині вікна програми
(адже саме там - смуга прокручування і кнопки закриття і розгортання
і згортання вікна). Якщо поділів сайта не так і багато, те припустимо
розміщати список посилань поверх або знизу.
Якщо сайт великий, то рекомендується зробити "карту сайта"
- окрему сторінку з мінімальним оформленням, що містить просто список
усім доступних користувачам сторінок сайта. Посилання на карту сайта
повинні розташовуватися на всіх його сторінках.
3. На першій сторінці веб-сайта повинна знаходитися стисла інформація про
утримання сайта, поданих матеріалах, авторах сайта. Відвідувач, що випадково
потрапив на веб-сайт, не повинний ворожити, що він може на ньому знайти.
4. Вкрай бажано, щоб графіка на сайті мала лише допоміжне значення (за
винятком сайтов, присвячених образотворчому мистецтву й іншим подібним
тематикам). Багато користувачів відключають відображення графіки у своїх
браузерах для прискорення подорожей по Інтернету.
Крім того, користувачі часто зберігають web-сторінки на своєму диску,
при цьому аж ніяк не всі моделі браузеров дозволяють (і аж ніяк не всі
користувачі цього хочуть) зберігати сторінку разом із усією графікою,
унаслідок чого збережена сторінка без графіки може виглядати дуже непрезентабельно.
Багато гарних ефектів можна реалізувати за допомогою стандартних засобів
HTML, CSS і відповідного оформлення тексту.
У крайньому випадку можна зробити окрему текстову версію сайту, що цілком
повторює по своєму інформаційному утриманню основну, на котрої немає
або дуже мало графіки. Але це зажадає дуже великих витрат сил і часу.
Тому варто іти на розумний компроміс.
І вже, звичайно, бажано, щоб усі гіперпосилання (російською "ссилки") були текстові. Використовувати
в якості посилання малюнок припустимо лише в тому випадку, якщо відвідувачу
буде точно відомо, що це є посилання. У самому крайньому випадку можна
використовувати малюнок як посилання, але в його поле ALT докладно описати,
куди веде посилання, і зазначити, що її треба натиснути.
5. Розмір кожної сторінки сайта не повинний перевищувати межу в 200-300
кілобайт разом із графікою (оптимально - 50-100), за винятком сторінок
із великою кількістю інформації - електронних книг, наприклад. У будь-якому
випадку при великому розмірі того або іншого файла про цей повинно бути
сказане біля посилання на нього. Розбивка великого файла на частині
з посиланням на "продовження" наприкінці кожного абсолютно
неприпустимо - багато користувачів використовують функцію браузера "Зберегти
об'ект як... " і зберігають сторінки, не продивляючись їх заздалегідь.
6. До будь-якого кутка сайту користувач повинний мати можливість добратися
максимум за два-три натискання миші. Вкрай бажана оптимізація сайта
на предмет якомога більш швидкої по ньому навігації. Чим менше натискань
і переміщень курсору потрібно від відвідувача для перегляду інформації
на сайті, тим краще. Неприпустима ситуація, коли в якості першої сторінки
використовується перевантажений графікою документ із написом "Вхід"
або навіть графічним малюнком, що є посиланням - нічого, крім додаткових
проблем відвідувачу, це не дає.
7. Використовуйте стандартні назви для стандартних частин сайта. Не
варто називати сторінку "Кают-компанія" замість стандартного
"Форум" - це викликає щонайменше здивування (якщо тільки сайт не присвячений морській тематиці). Відвідувач не повинний
замислюватися, для чого призначена кожна з частин вашого сайта і що
він може там знайти.
8. Якщо сайт регулярно обновляється, то рекомендується на першій або
окремій спеціальній сторінці поміщати інформацію про те, що ж конкретно
було обновлено останнім часом - список оновлених сторінок із стислим
їхнім змістом.
9. Якщо на веб сайті подана велика кількість текстової інформації, то обов'язково
варто розміщати на ньому не тільки web-сторінки з текстами, але й архіви
з них, бажано у форматі Zip чи Rar. Не всі користувачі Інтернету горять
бажанням читати тексти в online-режимі. Бажано збирати тексти однакової
тематики в один архів, щоб їх усе можна було завантажити одним натисканням
миші.
10. Вкрай бажано розробити правильне колірне оформлення сайта. Використання
світлого тексту на темному фоні припустимо лише за умови чіткої його
видимості, досяжної, наприклад, шляхом оформлення всього тексту масним
шрифтом. Сторінки з переважно текстовою інформацією повинні мати світлий,
найкраще - білий фон. Колір
шрифту рекомендується робити стандартним чорним, темно-зеленим або темно-синім.
Червоний шрифт використовується для деяких заголовків і виділення найважливішої
інформації.
Не використовуйте на сайті текст, набраний одними заголовними буквами.
Для виділення того чи іншого фрагмента
тексту цілком достатньо зробити його напівжирним.
11. Не рекомендується використовувати при розробці сайта фрейми.
Фрейм - це засіб створення усередині web-сторінки вікна для відображення
іншої web-сторінки, реалізується за допомогою тэга <frame>. Якщо
сторінка завантажена у фрейм, то вона може замінятися на другу без заміни
сторінки, що містить фрейм. Ця можливість - єдина перевага фреймів.
Вад же - маса. По-перше, сторінку, завантажену у фрейм, не можна так
просто зберегти на локальному диску. По-друге, на web-сторінку у фреймі не можна так
просто поставити закладку, - вона буде ставитися на головну сторінку
сайту. Сторінку у фреймі не можна перезавантажити кнопкою "Обновити"
- доводиться використовувати однойменний пункт із меню правої кнопки миші.
Можна ще довго перераховувати проблеми, проте, здається, і цього достатньо.
Звичайно фрейми використовуються для створення меню навігації, але для
цієї цілі існує багато інших засобів, позбавлених перерахованих вище
хиб.
Якщо дотепер ви не знали, що таке фрейми, то і не шукайте про те, як
їх створювати. Нічого, крім проблем для відвідувачів сайта і для вас,
їхнє використання не принесе. Знайте лише, що якщо ви потрапили на сторінку,
на якій є фрейми, то зберегти її разом із вмістом фреймів можна лише
з Microsoft Internet Explorer 5.0 і вище шляхом вибору з меню "Зберегти
як…" пункту "Web-сторінка, цілком". Якщо ж ви працюєте
з іншою моделлю браузера, то для зберігання сторінки вам прийдеться
використовувати пункти типу "Вид - У виді HTML" або однойменний
із меню правої кнопки миші, спочатку продивляючись HTML-код сторінки,
завантаженої у фрейм, потім зберігаючи його в якості текстового файла,
і тільки потім, перейменувавши його в .html, одержують можливість завантажити
його в браузер.
12. Використання нових технологій відображення графіки (Flash, VRML,
MetaStream) припустимо лише в тому випадку, якщо досягти цих можливостей
не можна іншими засобами і це маєе велике значення для подання інформації
на сайті.
Не варто використовувати їх "для краси" -
без особливої до того необхідності. Ясно, наприклад, що на сайті Інтернет-магазину
використання технології MetaStream може серйозно допомогти відвідувачу
зробити свій вибір (ця технологія дозволяє відобразити тривимірне зображення
об’єкта з можливістю його обертання користувачем навколо всіх трьох
осей),
але на більшості інших сайтів використовувати її не обов’язково.
Те ж саме стосується і технології Flash- сторінку з Flash-роликом важко зберегти
на жорсткий диск комп'ютера і згодом переглядати в автономному режимі.
Зрозуміло, у випадку застосування технологій типу Flash обов'язково
необхідно дати відвідувачу можливість від них відмовитися: якщо Flash-заставка
розташована на вхідній сторінці сайта, то на ній же повинне бути гіперпосилання на подальшу його частину, що дозволяє пропустити
заставку і відразу перейти до перегляду сайту.
13. Робіть сторінки сайту максимально зручними для користувача й зручними
в роботі з ними. Наприклад, не варто строго визначати ширину тексту
на сторінці, застосовуючи таблицю фіксованої ширини. Якщо ви так зробите,
то ті користувачі, що побажають звузити вікно браузера до розміру, меншого
заданого вами (або працюючі на моніторах із горизонтальним розширенням,
меншим зазначеної вами ширини таблиці), зробити цього не зможуть, -
з'явиться горизонтальна смуга прокручування. Це утруднить читання
тексту. У відсутності ж таблиці даної проблеми не виникне, а будь-який
відвідувач, що порахував, що рядок тексту задовгий для зручного читання,
просто зменшить ширину вікна браузера.
Перед проектуванням сайту необхідно поставити себе на місце його відвідувача
і спробувати усвідомити його потреби для того, щоб згодом їх врахувати.
Гарний і відвідуваний сайт можна створити тільки за умови його зручності
для тих, хто буде його відвідувати.
Ознайомитись з нашими останніми роботами з веб дизайну ви можете у "портфоліо".
