Рубрика: Верстка

Вёрстка | WebReferenceИспользование псевдоэлементов ::after и ::before является одним из самых популярных приёмов при вёрстке фрагментов веб-страниц и их стилизации. С их помощью можно выводить произвольный текст, добавлять тени, треугольники, линии и др.Практически любая веб-страница содержит множество похожих компонентов, которые встречаются и на других сайтах. Это меню, навигация, элементы форм, заголовки и колонки. Чтобы меньше […]

#11 — Плагин JS Collapse itProger Видеокурсы Изучение технологии Bootstrap (верстка сайта) #11 — Плагин JS Collapse Bootstrap HTML5 За урок мы познакомимся с плагином JS Collapse и изучим использование его на сайтах. Плагин позволяет создавать раскрывающиеся блоки. Выглядят такие блоки красиво, а их реализация занимает всего пару строк кода. Вы можете точечно настроить ваш […]

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

Самые простые техники адаптивной верстки / ХабрСайтов с адаптивной разметкой с каждым месяцем становится все больше, заказчики кроме кроссбраузерности все чаще требуют адаптивность, но многие разработчики не спешат обучаться новым техникам. Но адаптивный дизайн — это просто! В этой статье представлено 5 примеров адаптивной разметки различных элементов веб-страниц.1. Видео (демо) Очень простой CSS и HTML, […]

Основы HTML5 или учимся верстать на HTML5 62 069 любопытных Приветствую Вас, дороги читатели блога. Сегодня мы не много узнаем о основах новой разметке веб страниц HTML5. А так же узнаем как наш уже существующий сайт перевести в этот новый HTML язык. Хочу сказать, что оказывается тут здесь ничего сложного нет. Я давно хотел перевести свой […]

SEO для разработчика (верстальщика и программиста), какие основные ошибки допускаются при разработке и мешают индексации?СодержаниеТекст докладаТезисыУниверсальные требования, которые предъявляются к каждому документуРазмещение уникального текстового заголовка h2 и размещение текста в html-форматеТребования к дизайну макетаРассмотрим примеры классических «косяков»Требования к вёрсткеНе использовать теги текстовых заголовков h2-h6Сразу верстать пример текста с заголовком, подзаголовком, списком, картинкой, гиперссылкойВыносить все стили, […]

виды верстки и основные правила 09 дек 2020 1538 просмотров 5.00/ 5&nbsp(1)Отвечая на вопрос «что такое верстка сайта?» стоит упомянуть историю этого понятия. Изначально оно применялось к издательской и публицистической деятельности. Все ее составляющие – газеты, книги, журналы, статьи – содержат информацию, структурированную определенным образом.Главным заданием для издателя является оптимизация расположения текста и облегчение восприятия […]

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

div и HTML5 — учебник CSSРанее в книге мы уже несколько раз упоминали о том, что верстка сайтов таблицами канула в Лету, и ее успешно заменила блочная верстка. HTML-таблицы должны использоваться сугубо по прямому назначению (структурирование и отображение данных с распределением по строкам и столбцам), но никак не для создания макета веб-страницы и организации всего […]

Верстка блоками DIV. С самого начала — html(5), cssВерстка блоками div давно уже стала стандартом и имеет ряд преимуществ перед табличной версткой. Однако на деле начинающие разработчики путаются в поведении этих самых блоков.Давайте разберем основные моменты при блочной верстке. Сейчас мы не будем брать во внимание стандарт html5, а просто рассмотрим основу основ при верстке […]