Благодаря нашим видеоурокам вы сможете:
- узнать, что такое HTML и CSS;
- установить форматирование текста веб-страницы;
- добавлять графики, списки и визуальные объекты на веб-сайт;
- создать полноценный сайт и разместить его в сети.
Наши короткие пошаговые видеоуроки будут интересны начинающим ученикам, которые хотят постепенно перейти от простого к сложному.
Урок 1. Установка Brackets и знакомство с HTML
В этом уроке мы скачаем и установим программу Brackets, в которой будем создавать наши сайты. А также узнаем, что такое HTML и CSS, и изучим основные теги, атрибуты и свойства для написания текстового кода на HTML.
Урок 2. Тег img, списки и гиперссылки
В этом уроке мы познакомимся с разными форматами изображений и добавим их на наш сайт с помощью тега img. А также научимся создавать нумерованные и маркированные списки, внутренние и внешние гиперссылки.
Урок 3. Таблицы и основы CSS
На этот раз мы научимся добавлять таблицы на сайт (теги table, tr, td и th) и оставлять комментарии в коде. А также познакомимся с основами CSS и поработаем над внешним видом таблицы.
Урок 4. Адаптивная верстка и трансформация элемента
В этом видео мы научимся создавать интернет-магазин. Для этого нам понадобится скачать библиотеку Bootstrap и использовать метод трансформации в CSS.
Урок 5. Игры, которые помогут в изучении HTML и CSS | Научись верстать веб-страницы
В этом уроке мы разберем три игры, которые обучат вас языку CSS. Благодаря ним вы изучите технологии CSS Grid и CSS Flexbox, которые упрощают работу над созданием веб-страницы. А также поймете, как правильно выбирать селектор, и узнаете, что такое псевдокласс и его разновидности.
Урок 6. Создаем калькулятор на JavaScript
В этом видеоуроке мы познакомимся с языком программирования JavaScript и создадим калькулятор на веб-странице. В процессе мы закрепим уже полученные знания по HTML и CSS.
Урок 7. Библиотека jQuery
В этом видео мы познакомимся с jQuery — библиотекой JavaScript, которая предназначена для более удобного взаимодействия с веб-страницей. Мы научимся подключать jQuery к нашей HTML-странице и изучим возможности этого инструмента.
Плейлист видеоуроков постоянно дополняется, подписывайтесь на канал и следите за обновлениями. Наши видеоуроки по HTML и CSS выходят на русском языке и полностью бесплатны.
Нужен наставник? Записывайтесь на онлайн-уроки программирования для детей в школе "Пиксель": онлайн-курс по созданию сайтов на HTML, CSS и JavaScript.
