Ноу Інти, лекція, принципи веб-дизайну
Анотація: Мета роботи: ознайомлення з основними поняттями та принципами веб-дизайну; знайомство з основними можливостями по розробці веб-сторінок і веб-сайтів за допомогою Microsoft Expression Web 2.
Веб-дизайн (web page design) - це процес проектування, планування, моделювання та реалізації доставки електронного вмісту через мережу Інтернет з використанням технологій (на основі мов розмітки), придатних для інтерпретації та візуалізації веб-браузером або іншим графічним веб-інтерфейсом користувача.
Дуже важливим є приведення веб-ресурсу у відповідність стандартам W3C. що забезпечує доступність змісту для людей з обмеженими фізичними можливостями та користувачів портативних пристроїв, а також кроссплатформенность коду розмітки ресурсу.
Основними аспектами веб-дизайну (в першу чергу для комерційних веб-сайтів) є наступні:
По-суті, веб-сайт - це інформаційна система, яка містить дві основні компоненти:
- Компоненту уявлення (front-end). Видиме вміст (розмітка сторінок, графіка, аудіо та текст).
- Компоненту реалізації (back-end). Пов'язана з організацією та ефективною реалізацією вихідних кодів. Включає в себе не відображаються сценарії, серверні компоненти, що є основою для компоненти уявлення.
Складанням технічного завдання на розробку веб-сайту для фахівців займається менеджер проекту. Робота з замовником починається зі складання короткого опису. в якому викладаються побажання замовника по візуального уявлення і структурі сайту. З урахуванням можливостей програмних і дизайнерських засобів і виходячи з короткого опису, менеджер складає технічне завдання. яке має бути затверджене замовником.
Етапи проектування веб-сайту залежать від обсягу сайту, його функціональності та багато чого іншого.
Розробка веб-сайту включає в себе наступні етапи:
Microsoft Expression Web
Microsoft Expression Web є складовою частиною пакету Microsoft Expression Studio.
До складу Microsoft Expression Studio входять наступні інструменти:
Необхідно приділити особливу увагу створенню майстер-сторінок.
Оскільки сторінки веб-додатки складають якесь єдине ціле, об'єднане єдиними вимогами до оформлення, змісту, розташування елементів управління, то створювані веб-сторінки сьогодні дуже рідко розробляються "з нуля". Зазвичай при створенні сторінок використовуються готові шаблони, або вони створюються в процесі розробки веб-сторінок додатку. Одним із засобів вирішення подібних завдань є майстер-сторінки (master pages). Вони реалізують просту модель створення шаблонів форм з можливістю їх повторного використання.
Для реалізації даного механізму існують такі типи сторінок, як майстер-сторінки (master pages) і сторінки вмісту (content pages).
- Майстер-сторінка являє собою шаблон сторінки, який може містити будь-які елементи, допустимі для звичайної сторінки, а також програмний код. Зазвичай майстер-сторінка містить фіксовані елементи, однакові для всіх сторінок, і заповнювач вмісту для іншої частини сторінки. Найбільш типовими фіксованими елементами є верхній і нижній колонтитули, панель навігації, панель меню та інші.
- Сторінка вмісту включає в себе допустимі елементи управління і за допомогою їх визначає вміст, яким заповнюються спеціальні області майстер-сторінок. Кожна сторінка вмісту посилається тільки на одну майстер-сторінку з якої вона отримує елементи. Крім фіксованих елементів майстер-сторінки вона також надає і додатковий вміст.
Майстер-сторінка повинна містити елемент управління ContentPlaceHolder. який призначений для визначення області, куди сторінка вмісту може вставляти вміст. При створенні нової майстер-сторінки елемент ContentPlaceHolder створюється за замовчуванням. Для того щоб перетворити звичайну сторінку в сторінку вмісту, необхідно в якості значення властивості MasterPageFile сторінки вказати ім'я майстер-сторінки, а також додати на сторінку потрібний елемент управління.