Page 66 - 6108

Креативна ідея. Вибір колірної гамми, художнього стилю. Створення
графічного дизайну сторінок головної та внутрішніх сторінок. Підготовка
макетів.
3. Технічний дизайн
Розробка логічної і фізичної структури сайту. Компонування сторінки,
верстальної структури. Елементи навігації.
4. Верстання (кодинг) сторінок
Табличне і блочне верстання. Створення шаблонів сторінок. Перевірка
правильності написання коду. Верстання шаблонів типових сторінок сайту на
основі затвердженого дизайну. Збірка сторінок.
5. Програмна частина проекту
Система управління контентом (CMS). Інтеграція сайту з CMS. Запуск
проекту. Налаштування сервера, забезпечення безпеки проекту. Контроль
якості.
6. Інформаційне наповнення сайту
Підготовка текстових матеріалів. Підготовка графічних матеріалів у
растровому форматі, оптимізація картинок. Заповнення сторінок.
Верстання сторінки (кодинг)
По закінченні роботи зі створення графічного макету дизайну і схвалення
його іншими учасниками проекту чи замовником, приступають до створення
HTML-шаблону сторінки.
Верстання сторінок – це процес написання HTML чи XML коду сторінки,
при якому сторінка набуває вигляд, подібний до дизайну макету. Безумовно,
існують і інші технології розмітки тексту, які підтримуються браузерами,
проте, найпоширенішим варіантом є верстання сторінок за допомогою мови
HTML та стилів CSS.
До HTML верстки можна застосувати два підходи щодо розподілення
елементів сегментів у різних місцях.
Таблична верстка
Таблична верстка — умовна назва методу верстання HTML-документів,
при якому за структурну основу для розташування текстових чи графічних
елементів документа використовуються таблиці.
Метод широко застосовувався до появи стандартів CSS, оскільки на той
момент не було іншої можливості точно розташувати елементи на сторінці.
Таблиці є спроможними автоматично змінювати свої розміри відповідно до
вмісту, і навпаки, тримати точні розміри певних комірок, дозволяють швидко і
зручно розставити по комірках різнорідну текстову чи графічну інформацію.
Таблиці в HTML можуть бути вкладеними, що дозволяє створювати цілі
ієрархії таблиць при верстанні складних сторінок, окремі елементи яких мають
зберігати своє розташування і розмір на екрані незалежно від розміру вікна
браузера, тоді як інші елементи, навпаки, мають змінюватися в розмірах або
змінювати своє розташування щодо решти об'єктів документа.
Таблична верстка на тепер є застарілою і практично не використовується.
Блокова верстка
На відміну від табличного способу розташування даних блокова верстка
не потребує чіткої прив'язки кожного логічного блоку до певної комірки.