- Видеоурок №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. Поэтому в данном видео я дам небольшой обзор этого редактора, чтобы вам было проще сделать выбор.