Как сделать навигационное меню — учебник CSS Навигация присутствует на любом хорошем сайте, даже если он одностраничный. В зависимости от ситуации, навигационные ссылки могут вести на различные разделы сайта либо отправлять к закладке (якорю), расположенной на текущей странице. Грамотное составление навигации, в которой не запутается пользователь, требует определенных знаний и опыта. К дизайну навигационной панели […]

Верстка сайта с нуля. Меню навигации. Часть 1. Вы здесь: Главная — HTML — HTML 5 — Верстка сайта с нуля. Меню навигации. Часть 1. Начиная с этого урока, мы будем учиться верстке сайта с нуля в популярном flat стиле. Эта тема очень объемная и мы посвятим ей не один урок. Что […]

10 правил журнальной верстки Художественный редактор «T3» Люк О’Нил предлагает десять эмпирических правил для улучшения дизайна любого издания. Фундаментальные навыки, необходимые для того, чтобы быть хорошим дизайнером верстальщиком, во многом подобные тем, что необходимы для любой другой формы графического дизайна, но, как и любая специализированная область, эта сфера требует применения особых задач и общих правил. […]

Как правильно подготовить макет к вёрстке? — Дизайн на vc.ru Руководство для дизайнеров 6081 просмотров Мне часто передавали работу дизайнеров, которые уходили в отпуск или болели. Менеджеры и арт-директор считали, что я быстро нарисую недостающие страницы, ведь основная часть работы уже сделана. Я открывал переданные макеты и не видел в них логики: куча текстовых стилей […]

Что такое html верстка — статьи сайта Webstepa.ru Создание сайта довольно сложный процесс и состоит из нескольких этапов. Алгоритм создания сайта следующий: Разрабатывается структура сайта, созданная на основании технического задания заказчика, которая в последствии предварительно утверждается заказчиком. Рисуется макет сайта на основании утвержденной структуры. В основном дизайнеры выбирают для растровой графики – Photoshop, […]

виды и правила адаптивной верстки сайтов Содержание статьи Верстка дизайна сайта позволяет сделать из изображения работающий сайт, в котором все графические элементы соответствуют заложенному дизайну. Но правильная верстка сайта имеет особенности, свои сложности и специфику. Что такое верстка сайта Чтобы этот макет сделать рабочим инструментом, а не просто изображением, необходимо написать код, который будут распознавать […]

3 правила и примеры адаптивной верстки веб-страниц [АйТи бубен] Модульная сетка представляет собой набор невидимых направляющих, вдоль которых располагаются элементы веб-страницы. Это облегчает размещение данных в документе. Веб- страница фактически рассматривается как набор прямоугольных блоков, которые выкладываются в определенном порядке. При этом, как правило, данные располагаются по колонкам, поэтому при верстке применяют термин одно-, двух-, […]

Изображения в верстке. Хватит это терпеть / Хабр Надеюсь этот пост послужит ликбезом всем веб-дизайнерам, верстальщикам, и проджект-менеджерам. Если вы хороший верстальщик, вас однозначно раздражают растровые изображения. Вы ненавидите растр, и всё, что имеет заметные глазу пиксели. Если это не так, добро пожаловать под кат. Всё началось давным-давно, когда верстальщики верстали при помощи таблиц. […]

какая бывает и как сделать? Что такое адаптивная верстка сайта Ранее в веб-разработке актуально было корректное отображение сайта в разных браузерах, включая пресловутый Internet Explorer, знаменитый своими фирменными глюками. Ситуация изменилась: сегодня поисковые системы отдают предпочтение страницам, которые корректно отображаются на любом устройстве независимо от размера дисплея. Поэтому, сайт нужно адаптировать не только под десктопные […]

Что такое верстка веб-страниц — Web Wolf Очень часто клиенты спрашивают нас, что такое верстка веб-страниц. Если говорить простым языком, то верстка – это процесс расположения основных составных элементов по странице документа. Верстальщик располагает на странице текст, заголовки, изображения, таблицы, и все это он делает вручную. Чтобы понять лучше, для чего нужна верстка, давайте пройдем […]