З чого починається веб-дизайн ?
<p>Web-дизайн починається з визначення цілей і завдань майбутнього сайту. Навіщо потрібен сайт?
На яку аудиторію розрахований? Яких результатів дозволить домогтися? </p>
<p> Під терміном «web-дизайн» прийнято розуміти сукупність робіт по розробці логічної структури і художнього оформлення веб-сторінок. Завданням web-дизайну є забезпечення зручної подачі інформації користувачеві сайту або web-додатки, задоволення естетичного смаку аудиторії. </p>
<p> Сучасний web-дизайн починається з поділу оформлення та змісту. </p>
<p>Основи web-дизайну закладаються на етапі розробки технічного завдання - документа, що описує вимоги щодо візуального представлення і структури сайту. В технічному завданні також часто описуються побажання щодо програмної реалізації сайту. Після розробки і затвердження техзавдання починається етап розробки дизайну. І перше, що необхідно зробити - це створити модульну сітку. Модульна сітка описує розташування елементів на сторінках сайту. Модульна сітка будь web-сторінки містить, як мінімум, два блоки: для основного тесту сайту і для меню. </p>
<p>Якщо на сторінці потрібні додаткові елементи, наприклад, ще одне меню, «підвал» ( «footer») або «хедер» ( «header»), то модульна сітка розбивається ще на кілька блоків. Розміри блоків модульної сітки підбираються індивідуально і можуть бути якими завгодно. Однак слід враховувати, що відповідно до вимог юзабіліті, поява горизонтальної смуги прокрутки при
перегляді сторінки неприпустимо - це негативно позначається на сприйнятті сайту відвідувачами. </p>
<p> Тому в сукупності ширина блоків не повинна перевищувати максимальної ширини екранів представників цільової аудиторії сайту. У блоці «хедер» прийнято вказувати назву сайту, яке може бути вибрано відповідно до назви компанії або ім'ям автора, а також при необхідності логотип сайту. Основний блок меню в європейських сайтах традиційно розташований зліва, відповідно до напряму писемності (зліва-направо). Також основне меню може бути розташоване зверху, під «хедером». </p>
<p> Якщо сайт розрахований для перегляду на екранах з різним дозволом, то web-дизайн, як правило, виконується «гумовим» або ж центрується по горизонталі.</p>
<p>Коли інформаційна модель майбутнього сайту готова, можна братися за художню частину web-дизайну. Зазвичай web-дизайн виконується у вигляді шаблонів - певних наборів елементів і їх взаємозв'язків. Саме шаблони дозволяють відокремити розробку візуального дизайну сайту від змісту. </p>
<p> Розрізняють шаблон головної і шаблони типових сторінок сайту. Шаблон головної сторінки оформляється, як правило, більш «вигадливо», а шаблони інших сторінок сайту лише підтримують основну ідею. </p>
<p> Розроблений в графічному редакторі шаблон верстається в html-файл. За допомогою тегів мови html і таблиць стилів css задаються всі необхідні параметри сторінки: розміщення елементів, колір і розміри шрифтів, колір фону і т.д. </p>
<p> Робота над шаблоном вимагає обов'язкового тесту на крос-браузерні, тобто на сумісність з різними браузерами і їх версіями. Різні браузери можуть по-різному інтерпретувати код html, тому таке тестування необхідно, щоб уникнути можливого «розвалу» дизайну. Протестований і повністю готовий до роботи дизайн сайту «прикріплюється» до функціональної «канви», створеної веб-програмістами. У разі використання CMS, розроблені шаблони «закачуються» в відповідну папку на сервері - і все, сайт готовий для наповнення.</p>
