HTML и CSS — языки, с помощью которых верстают страницы в интернете. Овладеть основами этих языков совсем нетрудно — это первый шаг к профессии веб-разработчика.
本課程是 Разработка интерфейсов: вёрстка и JavaScript 專項課程 專項課程的一部分
Основы HTML и CSS
提供方
莫斯科物理科学与技术学院
Yandex
E-Learning Development Fund
課程信息
79,294 次近期查看
學生職業成果
50%
完成這些課程後已開始新的職業生涯
60%
通過此課程獲得實實在在的工作福利
學生職業成果
50%
完成這些課程後已開始新的職業生涯
60%
通過此課程獲得實實在在的工作福利
可分享的證書
完成後獲得證書
100% 在線
立即開始，按照自己的計劃學習。
第 2 門課程（共 5 門）
可靈活調整截止日期
根據您的日程表重置截止日期。
初級
完成時間大約為28 小時
俄語（Russian）
字幕：俄語（Russian）
提供方
莫斯科物理科学与技术学院
Московский физико-технический институт (Физтех) является одним из ведущих вузов страны и входит в основные рейтинги лучших университетов мира. Институт обладает не только богатой историей – основателями и профессорами института были Нобелевские лауреаты Пётр Капица, Лев Ландау и Николай Семенов – но и большой научно-исследовательской базой.
Yandex
Yandex is a technology company that builds intelligent products and services powered by machine learning. Our goal is to help consumers and businesses better navigate the online and offline world.
E-Learning Development Fund
Фонд развития онлайн-образования (ФРОО) объединяет образовательные стартапы, проекты в области EdTech и запускает собственные онлайн-программы в области машинного обучения, программирования, мобильной разработки, VR, дизайна и IT. Мы выстраиваем экосистему для обучения на всех стадиях жизненного цикла: от идеи и поиска средств на производство образовательной программы до поддержки, продаж и маркетинга. А сотрудничество с крупнейшими образовательными платформами позволяет запускать онлайн-курсы с максимальным эффектом и пользой для всех заинтересованных сторон.
教學大綱 - 您將從這門課程中學到什麼
完成時間為 2 小時
Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда взялся этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
完成時間為 2 小時
9 個視頻 （總計 42 分鐘）, 6 個閱讀材料, 2 個測驗
9 個視頻
МФТИ1分鐘
История6分鐘
Мифы W3C2分鐘
Анатомия HTML7分鐘
Элементы6分鐘
Группирующие элементы, часть 13分鐘
Группирующие элементы, часть 23分鐘
Таблицы3分鐘
Текстовые элементы6分鐘
6 個閱讀材料
О курсе и специализации10分鐘
МФТИ10分鐘
Немного о Яндексе10分鐘
Telegram специализации10分鐘
Анкета слушателя10分鐘
Ссылки из видео и дополнительные материалы10分鐘
2 個練習
Проверьте себя16分鐘
Введение в HTML20分鐘
完成時間為 4 小時
Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Не обойдёмся и без практики: вам предстоит попрактиковаться в разметке текста.
完成時間為 4 小時
7 個視頻 （總計 50 分鐘）, 3 個閱讀材料, 3 個測驗
7 個視頻
Ссылочные элементы5分鐘
Встраиваемые элементы7分鐘
Элементы форм10分鐘
Тег <form>6分鐘
Интернационализация8分鐘
Создание HTML3分鐘
3 個閱讀材料
FAQ по заданиям на взаимную оценку10分鐘
Ссылки из видео10分鐘
Ссылки на дополнительные материалы10分鐘
2 個練習
Проверьте себя18分鐘
Введение в HTML, часть 224分鐘
完成時間為 3 小時
Введение в CSS
Поговорим о том, почему появился CSS, и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (селекторы тегов, классов, идентификаторов и атрибутов). Также мы расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
完成時間為 3 小時
8 個視頻 （總計 50 分鐘）, 3 個閱讀材料, 2 個測驗
8 個視頻
История4分鐘
Структура CSS2分鐘
Основные селекторы4分鐘
Псевдоэлементы и псевдоклассы11分鐘
Отношения4分鐘
Специфичность11分鐘
Единицы измерения7分鐘
Создание CSS файлов3分鐘
3 個閱讀材料
Задание для тренировки в работе с CSS-селекторами1小時
Ссылки на дополнительные материалы10分鐘
Введение в CSS. Конспект10分鐘
2 個練習
Проверьте себя24分鐘
Введение в CSS12分鐘
完成時間為 4 小時
Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов, и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста, а ещё создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку, а также как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
完成時間為 4 小時
10 個視頻 （總計 44 分鐘）, 6 個閱讀材料, 1 個測驗
10 個視頻
Размер шрифта4分鐘
Высота строки. Расстояние между буквами и словами3分鐘
Начертание шрифта3分鐘
Семейства шрифтов. Проблемы использования нестандартных шрифтов8分鐘
Свойство font1分鐘
Базовые свойства для работы с текстом6分鐘
Многоколоночность и переполнение текста4分鐘
Форматирование пробелов и переносов в тексте5分鐘
Псевдоэлементы2分鐘
6 個閱讀材料
Задание для тренировки в работе со шрифтом30分鐘
Задание для тренировки в работе с текстом30分鐘
Газета из прошлого. Решение10分鐘
FAQ по заданиям на взаимную оценку10分鐘
Ссылки из видео и дополнительные материалы10分鐘
Шрифты и текст. Конспект10分鐘
審閱
4.6
來自ОСНОВЫ HTML И CSS的熱門評論
由 AA 提供Nov 23, 2018
Отличный курс, преподы супер. Все четко, внятно, кратко, по делу. Была одна тема, которую не очень понял - специфичность. Ну, думаю, при желании разберусь сам. В остальном порядок. Двигаюсь дальше.
由 MD 提供Mar 3, 2020
Владел вопросами курса и ранее, но проходил в рамках специализации и узнал много нового и полезного для себя. Очень хороший курс.
由 AD 提供Apr 19, 2018
Это крутой курс! Всё по полочкам разложено и разжевано! Спасибо огромное!
由 SE 提供Dec 7, 2018
Ребята, классный курс! Может, работы проверять нужно только менторам?
由 K 提供Sep 19, 2019
Сначала кажется сложно, но стоит чуть начать и понеслось
關於 Разработка интерфейсов: вёрстка и JavaScript 專項課程
Пройдя эту специализацию, вы освоите основные инструменты разработчика интерфейсов. Если всё получится, через 5 месяцев вы сможете работать младшим фронтендером.
Специализация состоит из двух частей: два курса про вёрстку и ещё два по JavaScript. Курсы про вёрстку не требуют практически никакой подготовки. Научиться основам JavaScript труднее, поэтому кое-какая подготовка нужна: преподаватели ожидают, что вы уже умеете программировать на каком-нибудь объектно-ориентированном или функциональном языке (например, C++, C#, Java, Python или Haskell).
Главная изюминка всех четырёх курсов — сложные, но не оторванные от реальности практические задания. Их составили разработчики Яндекса — они старались, чтобы упражнения как можно больше походили на настоящие рабочие задачи.
Пожалуйста, будьте готовы не только слушать лекции и читать учебные материалы, но и самостоятельно искать нужную информацию в интернете — без этого хорошо выполнить задания будет трудно. Навык поиска документации и пояснений к ней очень пригодится, когда вы начнёте профессионально заниматься разработкой для веба.
常見問題
我什么时候能够访问课程视频和作业？
注册以便获得证书后，您将有权访问所有视频、测验和编程作业（如果适用）。只有在您的班次开课之后，才可以提交和审阅同学互评作业。如果您选择在不购买的情况下浏览课程，可能无法访问某些作业。
我订阅此专项课程后会得到什么？
您注册课程后，将有权访问专项课程中的所有课程，并且会在完成课程后获得证书。您的电子课程证书将添加到您的成就页中，您可以通过该页打印您的课程证书或将其添加到您的领英档案中。如果您只想阅读和查看课程内容，可以免费旁听课程。
退款政策是如何规定的？
有助学金吗？
還有其他問題嗎？請訪問 學生幫助中心。
