оду до сторінці N користувач повинен призвести 4 клацання мишею.
Широка неглибока ієрархія (рис. 1.5)
Малюнок 1.5 - Широка неглибока ієрархія
Ні перший, ні другий спосіб організації інформації не є оптимальним. Краще, коли ієрархічна структура складається з 3 - 4 рівнів.
Нелінійна структура (рис. 1.6)
Малюнок 1.6 - Нелінійна структура
Змішана структура
Існують ситуації, коли представити інформацію одним з описаних вище методів не представляється можливим. У цьому випадку застосовують кілька схем одночасно. Однак такий підхід має недолік - він вимагає від користувача концентрації уваги і додаткових зусиль. Щоб допомогти користувачеві складають карту web-сайту (site-map). На даній карті схематично представляють структуру розміщення інформації на web-сайті.
Помічено, що орієнтуватися в дереві розгалужень з глибиною проникнення більш ніж на три рівня стає дуже складно, адже користувач заходячи на Ваш сайт, орієнтується в його структурі як якби, наприклад, він дійсно бродив по величезному будівлі , з його поверхами, коридорами та кімнатами. Важливо пам'ятати, що навігація повинна бути зручною і доступною з будь-якої частини кожної Вашої сторінки, і повинна бути налагоджена як між окремими сторінками сайту, так і між окремими частинами всередині однієї сторінки.
При організації web-сайту окремі його сторінки, пов'язані посиланнями, можуть фізично знаходитися на абсолютно віддалених один від одного серверах, і все буде нормально функціонувати непомітно для користувача, хоча якщо один з серверів виявиться, раптом недоступний по якійсь із причин, то відповідно частина web-сайту відвідувачі не побачать.
. 4 Огляд редакторів для верстки web-сторінок
Існує багато інструментів для верстки web-сторінок. У цьому розділі я дам короткий огляд по найбільш популярних редакторам.
Редактори для верстання веб-сторінок буваю двох типів: візуальні і текстові. Візуальні редактори не вимагають знань html, css та інших технологій для розмітки сторінок. У візуальному редакторі ви володієте різні елементи вашого сайту, як ніби на аркуші паперу, а редактор пише за вас код самостійно. Саме тому візуальні редактори ще називають WYSIWYG-редакторами. Абревіатура WYSIWYG розшифровується як What You See Is What You Get - що бачиш, те й отримуєш.
Однак слід зауважити, що жоден візуальний редактор не досконалий і всі вони так чи інакше обмежені у своїх можливостях, тому від професійних кодерів потрібне вміння писати код руками, саме тому професійним кодерам потрібні текстові редакторому. У цих редакторах ви пишіть код своїми руками. У текстових редакторах, як правило, бувають різні функції полегшують кодеру написання коду, такі, як підсвічування коду (так легше бачити, де в коді вставлені стилі, або скрипти, а де просто текст), різні гарячі кнопки і клавіші, які вставляють вже готові конструкції (шматки коду, спецсимволи) в код, і т.д.
Якого ж типу слід заводити редактор? Якщо ви вивчаєте html, css або інші технології для розмітки сторінок, якщо ви хочете вміти створювати якісні сторінки і бути професійним кодером, то безумовно вам потрібен текстовий редактор. Якщо ж у вас немає часу на вивчення html, css та інших технологій, якщо перед вами не стоїть дуже складних завдань у виконанні сторінки, то сміливо заводите собі візуальний редактор і користуйтеся ним, він дуже економить час і сили. А найкраще мати у себе на комп'ютері і візуальний, і текстової редактори для різних потреб.
Візуальні редакториDreamweaver MX
Професійний інструмент для створення web-сайтів і додатків. Мабуть, це найкраща програма з візуальних редакторів на даний момент, принаймні вона вельми улюблена багатьма користувачами, а раз люблять, значить є за що.
Розробники стверджують, що Macromedia Dreamweaver MX призначена для проектування, розробки та адміністрування професійних web-сайтів і додатків. Крім того, Dreamweaver легко інтегрується з іншими програмами від Macromedia, наприклад, такими, як Flash. Тобто Dreamweaver набагато більше, ніж просто візуальний редактор, це досить потужний і складний інструмент, а всякий складний інструмент вимагає, щоб на його освоєння було витрачено якийсь час, перш, ніж користувач зможе працювати в ньому. GoLive і LiveMotion Можливо, Adobe GoLive сподобається тим, хто любить програми від Adobe, і багато з ними працював: знайома середа, досить легко розібратися, що до чого. Крім того, ще один плюс для любителів Adobe - усі програми від Adobe прекрасно взаємодіють один з одним і доповнюють один одного, GoLive не виняток, він прекрасно дружить з побратимами. Однак, ...