каркас сайту

Класичні схеми побудови каркаса сайту.

Розробляючи каркас сайту. варто пам'ятати, в сучасному Сайтобудування існують класичні схеми побудови каркаса, від яких відступають лише дизайнери, які мають величезний досвід його розробки. Тому, якщо створюється перший або один з перших проектів скористайтеся класикою сайтобудування, щоб не порушувати композицію дизайну.

Класична схема побудови візуальної складової сайту - це схема, що складається з трьох головних блоків розташованих один під одним, в яких дизайнер має основні модулі, а це:

• 1. Верхня частина сторінки сайту (хедер, шапка і т.д.);
• 2. Основна частина, контент сайту;
• 3. Нижня частина (футер, підвал і т.д).

Побудова верхньої частини каркаса сайту.

Не рідко елементами верхньої частини є кнопки для переходу на сторонні сайти, пов'язані з тематикою або власником ресурсу. Для оформлення верхньої частини сайту дуже часто застосовуються фотографії великих розмірів або спеціально створені колажі, візуально підкреслюють тематику.

Побудова основної частини каркаса сайту.

Модулями, які включають розробники в основну частину каркаса, є:

З вище наведеного переліку видно, кожна сторінка гарного проекту може нести досить велику кількість інформації, а способів і методів її реалізації більш ніж достатньо. Тому я раджу, перш ніж переходити до створення макета, просто необхідно розробити і створити каркас сайту. Принцип від простого до складного, головне правило будь-якого дизайнера.

Побудова нижній частині каркаса сайту.

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

Як я вже вище зазначив, нижня частина каркаса комплектується модулями з додатковими матеріалами. До таких модулів відносяться:

Спираючись на комплектацію футера, розробник дизайну встановлює розмір даного блоку каркаса. При наявності в нижньому блоці змінюється інформації, відповідно вертикальний розмір нижнього блоку сайту повинен автоматично підлаштовуватися під розміри модулів наповнюють блок. Оформлення нижнього блоку каркаса, має відповідати загальному дизайнерському рішенню, але в той же час реалізовувати стриманість, щоб не відволікати уваги відвідувача від основної інформації.

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

На даному етапі, так само у вигляді схематичних прямокутників або квадратів вносите в схему каркаса зі списку модулів комплектуючі майбутнього сайту. Всі внесені модулі варто підписувати, для отримання завершеної картини каркаса. Так само не буде зайвим, якщо квітами з розробленою вами колірної схеми, Ви оттените внесені модулі. Картинка стане наближеною, до майбутнього сайту.

Далі ви можете ще більш докладно деталізувати вже внесені модулі. Це допоможе далі при створенні макета сайту. Закінченням робіт, пов'язаних з розробкою каркаса сайту, є твердження розмірів основних блоків схеми каркаса і модулів. Розміри блоків і модулів рекомендується записувати в пікселях.

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

На цьому, мабуть, все. Тема створення каркаса сайту розглянута, черговий крок розробки веб дизайну пройдено.