Основы верстки HTML/ CSS - Популярный проект

Рубрика «Основы верстки HTML/ CSS»

Рубрика «Основы верстки HTML/ CSS » создана  мною, чтобы делать конспект уроков по верстке для начинающих. Таким образом я закрепляю полученные знания и делюсь своим опытом первых шагов в изучении языков программирования HTML/CSS.

За основу взят курс Юрия Ключевского, который я проходила около года назад. Этот бесплатный курс для начинающих  является одним из огромного количества обучающих материалов школы «WebCademy». Основателем и лучшим преподавателем школы является Юрий Ключевский.

Шрифты начертание выравнивание. Стилизация контента

Шрифты начертание выравнивание. Стилизация контента

Привет! В записи «Шрифты начертание выравнивание» я в картинках расскажу о стилизации контента. А конкретно, в данной статье пойдет речь о том как выравнивать контент по центру, подключении шрифтов и комментариях к верстке. Flex-box модель Чтобы разместить контент в центре блока используют Flex-box модель. Для этого нужно преобразовать весь «div» во Flex-box контейнер. Элементы же, …

Сделаем шапку сайта html. Дизайн внутреннего контента

Сделаем шапку сайта html. Дизайн внутреннего контента

Приветствую! Эта запись — продолжение предыдущей статьи о верстке шапки сайта. Figma верстка сайта Сегодня тема статьи — внутренний контент и вместе мы сделаем шапку сайта html. Внутренний контент шапки включает в себя: Заголовок или название сайта Описание проекта Иконка — стрелка, направленная вниз Сделаем шапку сайта html. Заголовки Заголовок и подзаголовок. Теги «h1» и …

Figma верстка сайта

Figma верстка сайта

Приветствую! В статье «Figma верстка сайта» мы познакомимся с тегом «div», стилизуем блок, задав ширину, высоту и цвет фона шапки сайта. Еще в этой записи я рассказываю о фреймах и о том, как с ними работать. А так же мы сделаем некоторые поправки — уберем отступы между блоком и границами страницы и зададим полный масштаб …

О графическом редакторе Figma

О графическом редакторе Figma

Приветствую всех! В наше время существует огромное множество сервисов для создания графики. И сегодня я хочу рассказать об одном из них — графическом редакторе Figma. Конкретно эта запись о том как загрузить макет дизайна в программу и основных инструментах для веб-дизайна. На сегодняшний день программа «Figma» является одним из лучших онлайн редакторов для веб-дизайна. Программа …

Обучайся программированию с нуля. Бесплатные уроки школы WebCademy

Обучайся программированию с нуля. Бесплатные уроки школы WebCademy

Всем привет! В статье «Обучайся программированию с нуля» я коротко расскажу о школе WebCademy, с помощью которого я получила стартовые знания в HTML/CSS. Для начала хочу рассказать, как я начинала свое обучение верстке и основам веб-дизайна. Первым удачным опытом стало мое знакомство со школой Юрия Ключевского «WebCademy» и его бесплатными видеоуроками. Предыстория То что я …

CSS Стилизация по классам

CSS Стилизация по классам

ВСЕМ ПРИВЕТ! В прошлой статье Подключение стилей CSS, мы ознакомились с подключением стилей и разобрали стилизацию по тегам. Сегодня хочу подробнее ознакомиться с темой CSS Стилизация по классам. Напомню, что в предыдущей публикации последней была такая картинка: На скрине видно, что я добавила к тегам h1 и h2 цвет(color), а к тегу h2 еще и …

Подключаем стили css в html

Подключаем стили css в html

Приветствую! В статье «Подключаем стили css в html» я разбираю процесс добавления стилей к уже имеющимся тегам. Она содержит краткое описание некоторых стилевых свойст и значений. Предыдущие статьи: Редактор кода HTML теги что это и для чего они нужны В предыдущей публикации HTML теги что это я рассказывала о базовой разметке и основных тегах, входящих …

О базовой разметке и HTML тегах

О базовой разметке и HTML тегах

В прошлой статье Знакомство с редактором кода visual studio я рассказывала о программе  Visual Studio Code и основных ее настройках. Эта запись о базовой разметке и HTML тегах. Цель этой статьи, рассмотреть на практике, как работают теги и понять основные функции данных конструкций. Что такое HTML-тег? Тег — это элемент HTML, специальный служебный знак, заключенный …

Знакомство с редактором кода Visual Studio

Знакомство с редактором кода Visual Studio

Привет всем! Сегодня мы познакомимся с редактором кода Visual Studio. В статье я рассказываю о бесплатной программе Visual Studio Code. Это один из лучших редакторов кода с несложным и понятным интерфейсом, настройки которого под силу даже новичкам. Статья открывает мою новую рубрику о первых шагах программирования для новичков. Я сама еще недавно не знала даже …

Top