61

Html структура сторінки, нарізка зображень. Відеоуроки верстки сайтів, 3

Важливо наперед візуально оцінити макет сайту і побудувати його html структуру. Від неї залежить весь наступний робочий процес. Чи доведеться вам покроково спокійно робити сторінку сайту, чи будуть непередбачувані не приємні випадки.

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

Стилізація сторінки починається з гори (з хедера) і донизу за макетом. По ходу верстки дописуємо потрібні нам елементи в html, якщо в дизайні є картинки — вирізаємо їх у photoshop. Бажано максимально зменшувати кількість графічних файлів, тому, якщо css3 дозволяє зробити те, що намальовано у макеті, застосовуємо її можливості.

Читайте також: