Бесплатный видеокурс "Основы HTML и CSS"

• Видеоурок №1. Общий механизм работы сайтов и суть языка HTML.

В этом видеоуроке я расскажу вам об общем механизме функционирования всех сайтов. Вы узнаете, как браузер анализирует код страницы и выводит веб-страницу на экран. Кроме того, мы разберем назначение и смысл языка HTML.

• Видеоурок №2. Структура HTML-документа и первая страница.

В этом уроке мы рассмотрим те элементы, которые обязательно присутствуют в любой веб-странице. Вы узнаете, что такое тип документа, и как задавать кодировку для ваших страниц.

• Видеоурок №3. Особенности работы базовых тэгов и правило вложенности.

Данный видеоурок посвящен работе с наиболее популярными тэгами HTML. В нем мы также рассмотрим важное правило, определяющее порядок расположения тэгов друг относительно друга.

• Видеоурок №4. Комментарии, строчные и блочные элементы. Плагин Firebug.

В этом насыщенном уроке вы узнаете, как посмотреть исходный код страницы, что такое комментарии и зачем они нужны, узнаете о строчных и блочных элементах и познакомитесь с удобным инструментом - плагином Firebug.

• Видеоурок №5. Изучаем спецсимволы, списки и таблицы.

В этом видеоуроке вы узнаете, что такое спецсимволы и мнемоники и зачем они нужны. Также мы разберем создание списков и основы работы с таблицами.

• Видеоурок №6. Ссылки, url-адреса и понятие атрибута.

В этом уроке мы разберемся с тем, что такое атрибуты и зачем они нужны. Мы рассмотрим обязательные и необязательные атрибуты и виды url-адресов. Кроме того, вы узнаете, как создавать гипертекстовые сссылки и открывать их в новом окне.

• Видеоурок №7. Работа с изображениями. Навигационная карта.

Этот видео посвящено следующим моментам: как вставить изображение на страницу, какие обязательные и необязательные атрибуты есть у тэга img, как указать размеры для изображения и как сделать часть изображения ссылкой.

• Видеоурок №8. CSS. Введение: селекторы типа и селекторы класса.

В этом видео вы познакомитесь с таким понятием, как CSS. Вы узнаете, что такое таблицы стилей, для чего они применяются и в чем их преимущества. Мы разберем структуру CSS-правил и научимся применять стили к определенному элементу на странице.

• Видеоурок №9. Селекторы ID и селекторы потомков. Основные CSS-правила.

В данном видеоуроке вы узнаете, в чем смысл селекторов идентификатора и потомка, и когда следует их применять. Кроме этого, мы рассмотрим один из вариантов позиционирования контента и способ избавления от лишних отступов, автоматически создаваемых браузером.

• Видеоурок №10. Псевдоэлементы. Типы подключения CSS-стилей к документу.

В этом уроке мы разберем понятие псевдоэлемента и примеры их использования. Помимо этого, вы узнаете о способах подключения файлов стилей к HTML-документу.

• Урок по основам работы с Notepad++.

Во втором уроке этот курса я упоминал о редакторе Notepad++, который может стать полноценной заменой программы phpDesigner. Поэтому в данном видео я дам небольшой обзор этого редактора, чтобы вам было проще сделать выбор.