Основні елементи Web-сторінки

Динамічне компонування сайту.

Переваги. Документ розтягується по всій ширині екрану, не залишається не використаних порожніх полів.

Недоліки. Складність верстки і відладки сторінки, досить часто виявляється неадекватність відображення таких документів в деяких браузерах.

Будь-яка web-сторінка містить певний набір стандартних елементів, що є обов'язковими компонентами кожного ресурсу Інтернету. Асортимент і кількість подібних об'єктів можуть варіюватися залежно від тематичної спрямованості сайту, об'єму опублікованих на ньому матеріалів, а також від мети і завдань, які ставить перед собою творець даного ресурсу. Компонування таких елементів, проектування їх взаємного розташування і складає одне з головних завдань web-майстра.

Першим елементом web-сторінки, який нам належить розглянути, є її заголовок. Він може бути виконаний як в текстовому, так і в графічному варіанті, проте і в тому і в іншому випадку він повинен розташовуватися у верхній частині документа. Він називається Хедер (Header).

Основну частину документа займає так зване текстове поле - ділянка, де і розміщується смислове наповнення сторінки: змістовний інформаційний текст і ілюстрації. Перераховані елементи ще називають «контент» (від англ, content - зміст). Розташування текстового поля залежить в першу чергу від того, яким чином web-дизайнер розмістить решту елементів документа.

Наступним обов'язковим складником web-сторінки є елементи навігації - гіперпосилання, що пов'язують даний документ з іншими розділами сайту. Елементи навігації можуть бути виконані у вигляді текстових рядків, графічних об'єктів, тобто кнопок, або активних компонентів, наприклад Java-аплетів. Останні є тими ж кнопками, які, на відміну від своїх «традиційних» сестер, вміють реагувати на рухи миші, виконуючи при наведенні на них курсора які-небудь нескладні дії (включення підсвічування, створення ефекту «натиснення», зміна форми і т. д.). Розташовувати елементи навігації слід так, щоб вони завжди були «на очах», «під рукою», тобто так, щоб користувачу не доводилося «відмотувати» сторінку назад, якщо текстове поле займає по висоті декілька фізичних екранів, після чого довго шукати посилання на інші розділи. Найбільш сталим підходом є розміщення елементів навігації за лівою границею сторінки.

У нижній частині документа прийнято публікувати інформацію про розробників сайту. Ця частина сайту називається Футер (Footer). Якщо web-сторінка є стартовим документом, в нижній її частині також розміщують лічильник відвідування сторінки - невеликий сценарій, що викликає встановлений на сервері CGI-скрипт, який фіксує кожне відкриття документа в браузері користувачів, змінюючи значення індикатора лічильника. Завдяки цьому web-майстер без зайвих зусиль визначить кількість відвідувачів, що відвідали його сторіночку протягом якого-небудь часу. Відзначу, що лічильник відвідування встановлюється тільки на першій сторінці, що викликається при зверненні до сайту, в решті документів ресурсу він відсутній.

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

Елементи навігації можна розмістити не тільки поблизу правої і лівої границь сторінки, але і у верхній частині документа. Такий варіант компонування найбільш підходить при створенні домашніх сторінок: в цьому випадку всі об'єкти сторінки гармонійно «вписуються» в задану ширину невидимої таблиці, при цьому підготовка самої таблиці значно спрощується. Єдиним недоліком подібного підходу є необхідність продублювати елементи навігації в нижній частині документа, оскільки при вертикальній прокрутці сторінки вони зникають за верхньою межею екрану, і, щоб дістатися до них, користувачу доведеться «відмотувати» екран назад, що, вельми незручно.

Це лише загальні принципи, які застосовуються при компонуванні структури сайту, остаточне ж рішення завжди залишається за web-майстром.

Очевидно, що варіантів структури web-сторінок може бути велика кількість: конкретні рішення залежать від кількості складаючих ресурс розділів, об'єму підготовленого для розміщення на сайті тексту і, нарешті, від фантазії самого дизайнера. Важливо лише, щоб зовнішній вигляд сайту не викликав нарікань у відвідувачів.

Дата добавления: 2014-01-04