Скачать бесплатные шаблоны Joomla
Бесплатный видео урок

Страница автора - Дмитрий Науменко
Страница автора
0.0/5 оценка (0 голосов)
Бесплатный видео урок "Основы HTML и CSS." (Дмитрий Науменко)

Автор: Дмитрий Науменко

Этот видеокурс я записал для тех, кто совершенно не знаком с созданием сайтов и веб-разрботкой, но очень хочет с чего-то начать. Для того, чтобы создать даже простой сайт, Вам обязательно понадобятся базовые знания языков HTML и CSS, которые станут фундаментом Ваших будущих достижений. В курсе мы продвигаемся от простого к сложному, постепенно закрепляя ваши знания на реальных примерах. После просмотра данного видеокурса Вы перестанете с ужасом смотреть на HTML-код и будете понимать, как он работает. Вы сможете создать свои первые HTML-страницы и придать им нужный вид с помощью CSS. И самое главное - Вы заложите фундамент для своего дальнейшего развития в деле веб-разработки..

Смотреть видео:


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

Содержание:

 

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

Страница курса - Основы HTML и CSS.  (Дмитрий Науменко)
Рейтинг@Mail.ru   Яндекс.Метрика
2671093515531984