Из трех основных технологий, обеспечивающих работу внешнего интерфейса веб-сайтов, каскадные таблицы стилей (CSS) являются наиболее часто упускаемыми и неправильно понятыми. Имея решающее значение для цветов, шрифтов, макета и многого другого, CSS кажется технологией, которую разработчики любят ненавидеть.
Но так быть не должно! Изучите CSS правильно с самого начала, шаг за шагом, со всем объяснением в процессе.
В этом курсе Джен Крамер проведет вас через создание вашей первой веб-страницы, разбив ее на небольшие разделы. В каждом разделе сайта она расскажет вам о стилях текста, панелей навигации, заголовков и нижних колонтитулов, включая добавление изображений, значков социальных сетей и т. д.
К концу этого курса вы создадите двухстраничный веб-сайт с чистым макетом и научитесь основам стилизации текста, навигации, изображений и разделов.
Создайте двухстраничный веб-сайт с нуля, используя HTML и CSS, никаких предварительных знаний не требуется.
Изучите основы включения CSS на свои веб-страницы и организации ваших стилей.
Поймите,, как HTML и CSS работают вместе для создания значимых и красивых веб-страниц.
Стилизуйте текст, изображения, навигацию, верхние и нижние колонтитулы и многое другое - методы обучения, которые будут использоваться в будущей работе с CSS.
Посмотреть больше
Удален по просьбе правообладателя
Урок 1.00:02:33
Introduction
Урок 2.00:03:13
Course Overview
Урок 3.00:08:59
Getting Set Up
Урок 4.00:08:15
Creating HTML Text Practice
Урок 5.00:13:02
Variables & Styling Setup
Урок 6.00:07:32
Styling HTML Text
Урок 7.00:06:21
Styling the Intro Section
Урок 8.00:01:11
Styling Text Exercise
Урок 9.00:06:27
Styling Text Solution
Урок 10.00:05:56
Nav Bar HTML Practice
Урок 11.00:09:20
Styling a Navbar with Flexbox
Урок 12.00:08:06
Styling Navbar Links
Урок 13.00:11:45
Font Awesome Icons
Урок 14.00:03:32
Navbar Icon Practice
Урок 15.00:05:01
Styling a Call to Action Button
Урок 16.00:05:37
Making a Navbar Responsive
Урок 17.00:05:38
Footer Section Practice
Урок 18.00:10:42
Moving from CodePen to VS Code
Урок 19.00:12:34
Styling Page Sections
Урок 20.00:06:53
Creating Gradient Line Breaks
Урок 21.00:06:03
Portfolio Projects Section Markup
Урок 22.00:16:22
Styling Portfolio Projects Section
Урок 23.00:09:50
Responsive Projects Layout
Урок 24.00:06:08
Overlapping Items with CSS Grid
Урок 25.00:03:59
Alternating Layout Practice
Урок 26.00:05:56
Complete Home Page Practice
Урок 27.00:07:22
About Page Practice
Урок 28.00:01:34
Wrapping Up
Комментарии
windwail128
Клёвая тётечка, весело рассказывает и вселяет позитив.
Blinks
https://gettingstartedwith.css.education/
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
При полном использовании кастомные свойства CSS могут способствовать лучшему сотрудничеству и повторному использованию кода, улучшать дебаг и прямо открывать возможности, которые ранее требовали большого количества сложного в обслуживании JavaScript и нарушали разделение задач. Это действительно революция в том, как мы пишем CSS! Однако их использование в полной мере требует более глубокого понимания как кастомных свойств, так и самого CSS, и ест
Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2
Responsive Web Design with Flexbox & CSS Grid, v2
Макеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.
CSS Grid - это удобный механизм для настройки расположения элементов на странице, использующий принцип сети или таблицы со строками и столбцами. Навыки использования CSS Grid важны для любого современного фронтенд разработчика.
В этом курсе я затрагиваю тему совместимости браузеров и тестирование кроссбраузерности при использовании новых методов компоновки. Мы расскажем, как подготовиться к тестированию, как поговорить с вашей командой о поддержке браузера, а также о практических навыках, которые помогут сделать работу удобной для всех.