Бесплатный видеокурс "Основы HTML и CSS." (Дмитрий Науменко)

Это бесплатный видеокурс
566
Бесплатный видео урок
  • Автор: Дмитрий Науменко

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

  • ВСЕ МАТЕРИАЛЫ АВТОРА

    Видео урок
    Видеокурс "Гражданс...

    Видео урок
    Видеокурс "Путь Жен...

    Видео урок
    Видеокурс "39 ответ...

    Видео урок
    Видеокурс "Как стат...

    Видео урок
    Видеокурс "Уныние и...

    Бесплатный видео урок
    Бесплатный видеокур...

    Видео урок
    Видеокурс "Воспламе...

    Видео урок
    Видеокурс "Повелите...

    Видео урок
    Видеокурс "PHP и Co...

    Видео урок
    Видеокурс "JavaScri...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

    Бесплатный видео урок
    Бесплатный видеокур...

  • СМОТРИТЕ БЕСПЛАТНЫЕ МИНИ - КУРСЫ АВТОРА

    Мини-курс. 11 золотых правил общения с мужчиной. (Дмитрий Науменко)
    Мини-курс. 11 золот...

    PHP для создания сайтов. (Дмитрий Науменко)
    Мини-курс. PHP для ...

    Основы HTML и CSS. (Дмитрий Науменко)
    Мини-курс. Основы H...

    Основы JavaScript. (Дмитрий Науменко)
    Мини-курс. Основы J...

    Сайт-визитка за 15 уроков. (Дмитрий Науменко)
    Мини-курс. Сайт-виз...