Вёрстка веб-страниц
жүктеу/скачать 67.01 Kb.
|
- Бұл бет үшін навигация:
- Верстка создаётся для шаблонов
- Многообразие форматов
| Почему прямоугольники?
Прямоугольник получил исключительное значение благодаря способности делиться на любое число прямоугольников любых пропорций[5]. Как правило, верстальщик получает от дизайнера утверждённый дизайн-макет страницы[2]. Далее верстальщик анализирует полученный макет[2]. Разбивает его на горизонтальные линии (полосы) – «этажи». Далее каждый «этаж» анализируется отдельно и разбивается на прямоугольные блоки – колонки. Далее происходит процесс вёрстки этих отдельных строк, а в них – столбцов[2]. После вёрстки страница проверяется на Кроссплатформенность. В общем случае можно отвечать на следующие вопросы[2]: Одинаково ли отображается страница в браузерах и на разных операционных системах? Происходит ли критичное смещение блоков, если изменять размер шрифта в настройках браузера в меньшую и большую сторону? Происходит ли критичный сдвиг блоков, если отключить показ изображений в браузере? Оказывает ли существенное влияние на целостность страницы разрешение монитора? Критические исправления вносятся в документ, и проверка повторяется с самого начала[2]. Верстка создаётся для шаблонов Для сайта, как правило, не используются сверстанные документы. Документ после верстки разрезается на повторяющиеся кусочки и используется по всему сайту. Например, верхняя полоса с логотипом и нижняя с важной информацией. Такие кусочки верстки называются шаблонами (от англ. template)[2]. Ограничения[править | править код] Одним из важных ограничений являются шрифты[2]. Гарнитурные наборы у всех операционных систем отличаются. Выбор гарнитуры не ограничен ничем, но не найдя указанного набора браузер, использует настройки по умолчанию[2]. Многообразие форматов[править | править код] Распространение веба тотально. На данный момент веб-ресурс может быть открыт на любом мониторе от телевизора с предустановленным браузером до мобильного телефона. Возможности по отображению цветов на всех устройствах также различаются. Однако, основным вопросом в верстке является — отображение при различной ширине рабочего пространства[6]. Верстка отличается различными подходами к этому вопросу[6]: Фиксированная ширина — сайт отображается с одинаковой шириной вне зависимости от ширины окна браузера. Соответственно, на широкоформатных браузерах такие сайты имеют большие поля по краям, а на мелких экранах смартфонов показывают горизонтальную прокрутку. «Резиновая» ширина — полосы сайта растягиваются на весь экран, занимая место пропорционально настройкам верстальщика. Исторически сложилось, что сайт — вертикальный формат, который занимает не более чем ширину экрана, чтобы избежать горизонтальной прокрутки[6]. Все возможности по управлению положения сайта (клавиатурные комбинации и полоса прокрутки и колесо мыши) настроены непосредственно на вертикальное передвижение[6]. Модульность и виды подходов к вёрстке[править | править код]
жүктеу/скачать 67.01 Kb. Достарыңызбен бөлісу:
| |||