Вернемся к основам верстки (продолжение) - верстка под планшет
Отзывы ()
Рекомендуйте нас:
BigPicture.ru - интервью с владельцем
SQL и RDBMS - Система управления реляционными базами данных
После создания первого блока можно смело приступать к работе над следующим. Он отличается наличием текста, поэтому нужно сформировать стилевой файл. При этом характерным является затрагивание следующих факторов:
- особенности цвета для фона страницы сайта;
- работа над основным шрифтом, который должен обладать определенным размером и цветом;
- работа над размером текста, присущего отдельным модулям;
- шрифты всех заголовков, которые также должны отличаться своими особенностями;
- работа над горизонтальными линиями, а также изготовление рамок.
После этого верстальщики работают над созданием CSS-файла и завершают документ HTML, имеющий отношение к страничке.
Естественно, это только начало, ведь дизайнерами была разработана не только основная страничка сайта, но и другие разделы ресурса. Причем они выглядят немного по-другому, поэтому работу нельзя считать полностью выполненной.
Рис. 3. Как выглядит макет, предназначенный для раздела под названием «Байки»
Как видно на рисунке, верстальщику теперь придется заново создать «шапку». Естественно, все появившиеся элементы теперь обладают определенными параметрами, которые должны быть включены в CSS. То же самое имеет отношение к каждому последующему разделу.
Во время верстки очень важно понимать как будет себя вести ваш макет на различных устройствах, к примеру на планшете, телефоне и не говоря уже о других браузерах. На этой странице можно посмотреть аксессуары для планшетов.
Проверка результатов работы
В процессе работы над шаблонами, а также после окончания этой работы, необходимо осуществить тщательную проверку. При этом следует уделить особое внимание следующим аспектам:
- Корректность отображения страниц во всех распространенных браузерах;
- Все данные должны быть целостными в том случае, если в браузере пользователь решит изменить шрифт.
- Правильная работа с сайтом при отключении демонстрации изображений.
- Отображение веб-страниц при разных разрешениях мониторов.
К тому же, следует уделить особое внимание тому, что все статьи могут значительно отличаться размерами, однако это никак не должно повлиять на изменение внешнего вида страницы.
В том случае, если были обнаружены ошибки, то их все придется учесть, а также внести соответствующие исправления в шаблоны страниц. Причем нужно исправить все ошибки.
Особенности работы верстальщиков
Как правило, верстальщики не заминаются созданием абсолютно всех страниц ресурса, так как их задачей является изготовление нескольких типовых документов, являющихся шаблонами. Дальнейшее формирование страниц осуществляется именно по этим шаблонам. Довольно часто для этого используется специальная серверная программа. Иногда шаблоны заполняются текстами. После этого происходит сохранение разных файлов.
Любой веб-сайт является комплексным продуктом. Речь идет о том, что с его помощью решается огромное количество важных задач, которые часто бывают противоречивыми. К примеру, известно, что огромное значение имеет привлекательный внешний вид сайта, а также наличие на ресурсе интересной и полезной информации.
В это же время сайт должен непременно с легкостью пройти индексацию в поисковых системах и быстро открываться. Кроме того, автору всегда должно быть удобно осуществлять его редактирование и увеличивать количество возможностей. К тому же, различные браузеры должны отображать сайт без наличия ошибок, а также его внешний вид должен оставаться целостным при изменении любых настроек.
Понятно, что верстальщики не занимаются разработкой дизайна сайта и подготовке для него качественного содержимого, однако всей остальной работой занимаются именно они. Конечно же, зачастую эта работа является невидимой, так как вся она представляет собой код HTML, но все-таки именно от этих специалистов будет зависеть то, насколько правильно будет отображаться страница, а также как быстро она откроется в браузере.
Типографское искусство
Еще одной областью, которая имеет отношение к верстке, является искусство типографии. Причем его значение действительно является огромнейшим. Оно объединяет в себе как дизайн, так и верстку. Нужно обладать знаниями обо всех шрифтах, а также иметь опыт их использования. Речь идет о том, что нужно использовать такой шрифт, при котором пользователю будет наиболее комфортно читать текст. Кроме того, существует такое понятие, как психология восприятия, о которой также необходимо иметь представление. Поэтому не только дизайнеры, но и верстальщики занимаются этой работой.
Прежде всего, это связано с тем, что HTML является несколько ограниченным, когда приходится работать со шрифтом. К примеру, существуют некоторые гарнитуры, использование которых всегда является возможным, та как все компьютерные платформы отличаются их наличием. Однако в том случае, если был указан другой шрифт, то не факт, что он корректно отобразится с помощью компьютера пользователя, находящегося в любом уголке планеты.
Расширение возможностей HTML при работе со шрифтом стало возможным благодаря использованию CSS. Но все-таки те программы, с помощью которых создают полиграфические материалы, являются более продвинутыми. Вот почему так важно знать обо всех особенностях CSS, имеющих отношение к работе с текстом.
Выводы
Итак, становится понятно, что сначала дизайнеры работают над созданием макетов, имеющих вид обычных рисунков. После этого эти макеты получают верстальщики, которые их анализируют и принимают решение о способах верстки, тщательно обдумывая все возможные варианты.
Результат работы верстальщиков состоит в получении набора шаблонов, которые полностью повторяют все выполненные работы ранее дизайнерские рисунки. К тому же, осуществляется создание стилевого файла. В этом важнейшем документе присутствуют и атрибуты, используемые при работе, и все параметры, имеющие отношение к основному тексту. Как следствие, с помощью этих шаблонов можно создавать множество страничек с одинаковым оформлением и внешним видом.