Нарисовать дизайн сайта
Верстка – це тихий жах. Була вимога сайт повинен поміщатися в розширення 1024 пікселя без прокрутки, він намагався це зробити 3 дні, і постійно мені розповідав, що все нормально, не реагуючи на скріни, які я йому надсилав. Блоки постійно вилазили, не міг їх зафіксувати. Бачачи що в нього не виходить я запропонував йому переробити верстку в статичну, щоб полегшити йому завдання, але це вплинуло на дизайн, він став потворно розтягнутий.
Ось вимоги до верстки він із ними не впорався. На місце того щоб зробити нормально він завжди нав'язував свою думку. Таке враження у дими була одна мета, зірвати швидко.
сайт повинен проходити тест https://developers.google.com/speed/pagespeed/insights/
головне дзеркало сайту без www. Повинно бути прописано Robots та htaccess
Сайт повинен коректно відображатись у всіх актуальних браузерах на смартфонах та планшетах.
Має бути найменший час завантаження
Усі мета теги мають бути прописані
код має бути валідним http://validator.w3.org
По висоті верстка завжди має бути розтягнута на 100%, тобто. навіть якщо немає наповнення, підвал на великій роздільній здатності повинен бути не в середині екрана, а в самому низу.
верстка не повинна з'їжджатися, а фіксується на мінімально допустимій ширині, 1024, без прокручування
Використання чистих (без style=»" тощо) , , , , , , в контент-частині
У структурі заголовків h1-h6 повинна дотримуватися ієрархія. h1 повинен бути один на всю сторінку, тобто заголовок основної сутності сторінки, наприклад заголовок товару на картці товару, заголовок статті на картці статті або новини, далі структура повинна бути спадаючою.
Використовувати TABLE за призначенням, а саме для оформлення таблиць і не більше
Розмір шрифту обов'язково не фіксований, а плаваючий (через font-size: XX% або font-size: x-small), крім окремих випадків – елементів дизайну або деяких видів меню та підписів, обговорюється окремо.
Виділення коментарями початку та кінця меню, контент-частини, великих блоків
Шлях для файлів:
data/style.css - файл стилів
data/javascript.js - файл для javascript
images/ - для картинок
В іменах файлів використовувати смислові приставки.Наприклад, ***_button.png для всіх кнопки, щоб відрізнити їх від простих зображень.Необхідно передбачити, що будь-які надписи можуть бути збільшені за довжиною тексту.При цьому дизайн не повинен порушуватися.Для того, щоб це не трапилося з довгими надписи в обмеженому просторі, слід використовувати таблиці з фіксованою шириною (TABLE-LAYOUT: fixed)