3. Верстка Вёрстка – процесс формирования страниц (макета) путём компоновки текстовых, графических и прочих элементов. Вёрстка – создание кода страницы с использованием языка HTML и их оформление с помощью каскадных таблиц стилей – CSS. - Требования к верстке:
- Кроссбраузерность – одинаковое отображение в разных браузерах
- Гибкость вёрстки – возможность легко добавлять/удалять информацию на страницы.
- Быстрота обработки кода браузером
- Валидность – соответствие стандартам
- Семантическая корректность – логичное и правильное использование элементов HTML
- Виды верстки при создании сайта:
- Табличная. Используется обычная таблица с невидимой границей.
- Блочная. Используются слои (блоки) для создания базового шаблона страницы, добавляется нужное количество блоков, которые как слои накладываются друг на друга.
- Достоинства табличной верстки:
- 1. Простота и быстрота верстки.
- 2. Корректное отображение в различных браузерах, одинаковый вид во всех браузерах.
- Недостатки табличной верстки:
- Долгая загрузка.
- Громоздкий код.
- Плохая индексация поисковыми системами.
- Нет разделения содержимого и оформления.
- Несоответствие стандартам.
- Преимущества блочной верстки:
- компактный код, небольшой вес страниц;
- отличная индексация поисковыми системами;
- слои можно накладывать друг на друга;
- быстрая загрузка страниц.
- Недостатки блочной верстки:
- верстка сложная;
- трудно обеспечить одинаковый вид во всех браузерах;
- при уменьшении разрешения экрана/браузера блоки съезжают друг на друга
- Виды html-верстки:
- 1. фиксированная,
- 2. резиновая,
- 3. гибридная.
- 1. Фиксированная верстка - четко определены размеры элементов веб-страницы в пикселях.
Достарыңызбен бөлісу: |