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

Верстка многостраничных изданий: правила и принципы5770026.09.2019Говоря о многостраничной верстке, мы подразумеваем создание макетов книг, брошюр, журналов и газет. Сложность этого процесса состоит в том, что многостраничные издания предназначены для длительного беглого чтения.1. Основные принципы многостраничной верстки 2. Правила верстки многостраничных изданий Это значит, что брошюру/книгу/журнал/газету и проч. не достаточно просто красочно оформить и наполнить массой […]

Правильная верстка шаблона — советы новичкам и не только… — Учимся создавать сайты — персональный блог верстальщика Заура МагомедоваВсем привет! Пишу данный пост на кануне великого майского праздника — 9 мая. Поэтому свой пост начну с поздравления. Желаю вам успехов и процветания в жизни и самого главное мирного неба над головой. Пусть все самое плохое […]

Обучение веб-разработке | BrainsCloud.ruГригорийПрошёл курс, всё понравилось, особенно за свои деньгиПрошёл курс, всё понравилось, особенно за свои деньги. Спикер разъясняет всё компоновано и в достаточно быстром темпе для усваивания информации. Благодаря чему не засыпаешь на видео уроках и успеваешь всё перепечатовать-переписовать. После курса даёт…МихаилОбычно я на такое не ведусь, но тут, как будто щёлкнулоУвидел видео […]

Верстка отзывчивого макета на базе сетки BootstrapСодержание: Принцип разработки адаптивно-резинового макета на Bootstrap Процесс разработки адаптивно-резинового макета Комментарии В этом статье рассмотрим процесс разработки адаптивно-резинового макета сайта на фреймворках Bootstrap 3 и 4.Принцип разработки адаптивно-резинового макета на BootstrapПринцип разработки адаптивно-резинового макета на Bootstrap 3 и […]

Способы HTML верстки | ПровёрсткаВерстка – это процесс превращения графического макета картинки (обычно из psd-формата) в веб-страницу по определенным правилам. Другими словами – превращение картинки в специальный код (html-код), соблюдая оформление, экранное разрешение и требования браузеров.В настоящее время можно выделить 4 способа верстки веб-страниц:Прямая версткаФреймовая версткаТабличная версткаБлочная верстка Прямая версткаВ первое время своего существования интернет был […]

Шпаргалка фронтендера: гид по таблицам | GeekBrainsПодробное руководство, как сделать опрятную и информативную таблицу27 ноября 20186 минут15496Автор статьиСветлана Сирвида-ЛьорентэАвтор статьиСветлана Сирвида-Льорентэhttps://gbcdn.mrgcdn.ru/uploads/post/1803/og_cover_image/706da601b44ca4015a1b2f704d68a496Табличная верстка уехала на свалку истории, но таблицы все равно нужны. Расскажем, как их правильно оформлять и верстать.Как отобразить данныеУбрать информационный шум. Часто таблица — это большой объем нечитаемых данных, хотя она должна быть понятной, […]

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

Разработка сайтов с нуля (Верстка HTML+CSS) — Лаборатория программированияМодуль 1. Введение и основные понятияКак это работает? Что такое web-сервер, web-сайт, web-страницаЦели и задачи языка HTMLHTML-разметка. ЭлементыСтруктура HTML-документа:Использование комментариевБазовые элементы разметки:Атрибуты элементовСпециальные символыЛабораторная работа по темеМодуль 2. Анатомия страницыПонимаем, как мы пишем: синтаксис HTMLЭлементы форматирования текстаПонимаем, что мы пишем: семантика элементовВалидация HTML-документаСтруктурные элементы разметкиЛабораторные работы по […]

Каскадность в CSS | Основы современной версткиЗарегистрируйтесь для доступа к 15+ бесплатным курсам по программированию с тренажером Видео может быть заблокировано из-за расширений браузера. В статье вы найдете решение этой проблемы.В прошлом уроке была разобрана вторая часть словосочетания Каскадные таблицы стилей, а именно таблицы стилей. Мы изучили, как записываются и применяются стили к различным HTML […]

Верстка сайта статичная резиновая адаптивная Создание сайтов на uCoz Для тех людей, кто незнаком с созданием сайтов с нуля,… Что такое продвижение сайта Подходя к определению профессиональными слова, можно сказать, что продвижение сайта… […]