Видео курс HTML и CSS для начинающих - онлайн обучение ITVDN
ITVDN: курси програмування
Відеокурси з
програмування

    Обери свою IT спеціальність

    Почати безкоштовно

    Обери свою IT спеціальність

    Почати безкоштовно

      Видео курсы HTML и CSS

      Про курс

      HTML & CSS - две фундаментальные технологии, которыми обязан владеть каждый веб-разработчик. HTML (Hypertext Markup Language) отвечает за каркас интернет-страницы: наличие текста, изображений, таблиц, кнопок, форм заполнения информации и прочих элементов пользовательского интерфейса. CSS (Cascading Styles Sheet) позволяет преобразовывать внешний вид сайта в удобную для восприятия форму. Знание только этих двух технологий уже даст вам возможность создавать эффектные и привлекательные веб-страницы.

      Данный видео курс предназначен для новичков, которые готовы к уверенному старту. 

      Чему вы научитесь с помощью данного видео курса: 

      • использовать основные теги HTML;
      • создавать различные таблицы и списки;
      • работать с изображениями в HTML;
      • правильно работать с тегами div и span;
      • использовать селекторы CSS;
      • работать с мета-тегами;
      • работать с формами заполнения информации пользователя;
      • разбираться в различных типах верстки: блочная, табличная, “резиновая”, фиксированная, mix-верстка.
      Читати далі...

      Цей курс входить до спеціальності:

      Frontend Developer Верстальник сайтів
      Завантажити матеріали курсу Для отримання матеріалів курсу необхідно авторизуватися
      Отримати сертифікат Для отримання сертифікату необхідно авторизуватися
      • Тривалість: 9 год 31 хв
      • Курс створено: 08.01.2014
      • Уроків: 9
      • Оновлено: 07.10.2017
      • Мова: російська

      Що входить до курсу

      • 9 відео уроків
      • Домашні завдання
      • Тестування
      • Сертифікат
      • Практикум
      • Перевірка ДЗ
      ДИВИТИСЯ

      ×

      Ви відкрили доступ до тесту! Пройти тест

      Ви дійсно бажаєте відкрити доступ до тестування за курсом HTML & CSS на 40 днів?

      Пройти тест
      Увійдіть або зареєструйтеся для того, щоб продовжити перегляд безкоштовного відео
      Реєстрація
      №1
      Знакомство с курсом по HTML&CSS
      0:01:55
      Матеріали уроку Домашні завдання Тестування
      HTML&CSS — это “must have” для каждого, кто хочет стать веб-разработчиком и создавать сайты и веб-приложения. На курсе вы получите исчерпывающие знания по верстке страниц на языке разметки HTML (основные теги, работа с изображениями, файлами, таблицами), по работе с каскадными таблицами стилей CSS (выравнивание, шрифты, фоны, цвета и многое другое). А так же сможете применить полученные знания на практике.
      Читати далі...
      №2
      Введение в HTML
      0:53:06
      Матеріали уроку Домашні завдання Тестування
      Изучив данный видео курс, вы получите исчерпывающие знания по верстке страниц на языке разметки HTML (основные теги, работа с изображениями, списками, таблицами) и по работе с каскадными таблицами стилей CSS (выравнивание, шрифты, фоны, цвета, селекторы и многое другое). На последнем уроке будет наглядно продемонстрирован поэтапный процесс верстки веб-страницы. Успешно обработав и усвоив все обучающие материалы, вы будете владеть базовым инструментарием создания сайтов, который станет отличным фундаментом для дальнейшего продвижения в сфере веб-разработки.
      Читати далі...
      №3
      Работа с изображениями
      0:57:29
      Матеріали уроку Домашні завдання Тестування
      В этом видео уроке рассматриваются особенности работы с изображениями в языке HTML. На уроке будет подробно рассмотрена процедура вставки изображения в разметку с помощью тега img, а также атрибуты этого тега. Будут рассмотрены основные форматы изображений, которые поддерживаются современными браузерами, а также возможность добавления анимации на страницу. Вы научитесь создавать подсказки пользователю при наведении на конкретное изображение, а также научитесь задавать размеры изображений, создавать карты изображений и многое другое. После просмотра видео урока Вы сможете уверенно управлять изображениями на Ваших страницах.
      Читати далі...
      №4
      Таблицы и списки
      1:07:25
      Матеріали уроку Домашні завдання Тестування
      На этом видео уроке Вы познакомитесь с HTML тегами, способными размещать таблицы и списки на Ваших страницах. На уроке будет подробно рассмотрен тег table. Вы разберетесь с особенностями его применения, научитесь создавать таблицы с различной размерностью и разнообразным содержимым, научитесь задавать фон и размер отдельно взятых ячеек. Вторая часть урока будет посвящена спискам. Вы узнаете, как создавать упорядоченные списки, неупорядоченные списки, вложенные списки и списки определений. Видео урок имеет большое количество практических примеров, изучив которые вы сможете уверенно работать со списками и таблицами, разрабатывая Ваши собственные сайты.
      Читати далі...
      №5
      Теги div и span
      0:57:50
      Матеріали уроку Домашні завдання Тестування
      На этом видео уроке Вы познакомитесь с понятием слоя в языке HTML, научитесь создавать слои с помощью тега div, после чего научитесь переопределять их размеры, создавать сложенные вложенные слои, позиционировать их, задавать им обтекание и различные отступы. Все это богатство возможностей будет рассмотрено в контексте атрибутов тега div. Кроме того, в уроке будут рассмотрены особенности применения тега span для форматирования и создания уникального стиля для любого фрагмента текста на странице. Видео урок, в простой и доступной форме, познакомит Вас с основой современной верстки страниц, что поможет Вам тут же начать делать первые самостоятельные шаги на этом поле.
      Читати далі...
      №6
      Таблицы стилей CSS.
      1:44:31
      Матеріали уроку Домашні завдання Тестування
      На этом видео уроке Вы познакомитесь со специальным языком для описания внешнего вида веб-страницы - CSS (Cascading Style Sheets). На уроке будут рассмотрены основные способы интеграции CSS в создаваемую веб-страницу, а также семантика CSS и особенности применения стилей. На практических примерах будут продемонстрированы наиболее часто используемые селекторы для задания стиля определенным частям документа, продемонстрирован приоритет между различными подходами при задании стилей и многое другое. Этот урок позволит наполнить Вашу страницу красками и придать ей желаемого Вами вида.
      Читати далі...
      №7
      Метатеги и верстка страниц
      1:25:55
      Матеріали уроку Домашні завдання Тестування
      На этом видео уроке Вы познакомитесь с понятием метатегов, рассмотрите их типы и предназначение. Познакомитесь с тегом meta и его атрибутами. Значительная часть времени урока будет уделена верстке. Вы рассмотрите понятие «резиновой», фиксированной и смешанной верстки. На примерах рассмотрите тему позиционирования элементов, познакомившись с таким свойством как position и его параметрами. Посмотрите как можно задавать уровень прозрачности элементам и задавать скругление для углов рамки элементов. Данный видео урок, позволит Вам расширить Ваши познания в верстке веб-страниц и вывести их на качественно новый уровень.
      Читати далі...
      №8
      Формы
      1:15:21
      Матеріали уроку Домашні завдання Тестування
      На данном видео уроке Вы познакомитесь с формами в HTML и рассмотрите особенности применения тега form. Рассмотрите и сравните методы запроса к серверу, научитесь создавать элементы формы: различные кнопки, поля для ввода информации, выпадающие списки. Научитесь группировать и создавать скрытые и многострочные поля. Познакомитесь с уже устаревшими атрибутами; атрибутами, что позволяют задавать состояние элемента, деактивировать элементы, делать их недоступными для записи. Все этот будет представлено Вам в виде примеров с детальным пояснением каждой строки в разметке. Этот урок дополнит копилку Ваших знаний, после чего Вам будет по силам самостоятельная верстка полноценной веб-страницы.
      Читати далі...
      №9
      Верстка веб-страницы
      1:07:55
      Матеріали уроку Домашні завдання Тестування
      На данном видео уроке Вы познакомитесь с алгоритмом создания веб-страницы. Вам будет дан ответ на «вечный» вопрос, с чего же начать создание веб-страницы? Пошагово будет продемонстрировано ее создание, рассказана каждая строчка кода и продемонстрирована ее работа в браузере. Этот урок представляет собой консолидацию всего материала, который был изложен Вам в предыдущих семи уроках. Прослушав урок и взяв его пример за основу, Вы смело можете начать делать свои собственные веб-сайты.
      Читати далі...
      Наступний курс:
      JavaScript Стартовий
      ПОКАЗАТИ ВСЕ
      Рекомендована література
      Изучаем HTML, XHTML и CSS Элизабет Фримен, Эрик Фримен
      Титри відеоуроку
      Титрів до цього уроку не передбачено
      Студенти також дивляться
      HTML5 & CSS3 Поглибленний (2018)
      Автор: Сергій Патьоха
      ДЕТАЛЬНІШЕ
      HTML5 і CSS3 Базовий
      Автор: Дмитро Охріменко
      ДЕТАЛЬНІШЕ
      HTML5 та CSS3 Стартовий (2018)
      Автор: Володимир Виноградов
      ДЕТАЛЬНІШЕ
      Пакети підписки з доступом до всіх курсів та сервісів

      Пакети підписки з доступом до всіх курсів та сервісів

      Стартовий
      • Усі відеокурси на 3 місяці
      • Тестування з 10 курсів
      • Перевірка 5 домашніх завдань
      • Консультація з тренером 30 хв
      49.99 $
      30.00 $
      Підписка
      Базовий
      • Усі відеокурси на 6 місяців
      • Тестування з 16 курсів
      • Перевірка 10 домашніх завдань
      • Консультація з тренером 60 хв
      89.99 $
      Підписка
      Преміум
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      169.99 $
      Підписка
      new
      Преміум Plus
      • Усі відеокурси на 1 рік
      • Тестування з 24 курсів
      • Перевірка 20 домашніх завдань
      • Консультація з тренером 120 хв
      • Завантаження відео уроків
      199.99 $
      Підписка
      коментарі та обговорення
      Notification success
      Ми використовуємо cookie-файли, щоб зробити взаємодію з нашими веб-сайтами та послугами простою та значущою.
      ✖