Введение в HTML5
Кажется, что благодаря растущему количеству программ создать веб-страницу теперь может любой. Но что, если вы действительно хотите понять, как была создана страница? Есть отличные учебники и онлайн-ресурсы для изучения веб-дизайна, но для понимания большинства из этих ресурсов требуются некоторые базовые знания. Этот курс разработан для помощи новичкам, которые хотят обрести уверенность и новые знания.
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- المدة
- الطبع بواسطة University of Michigan
-
Offered by
عن
Кажется, что благодаря растущему количеству программ создать веб-страницу теперь может любой. Но что, если вы действительно хотите понять, как была создана страница? Есть отличные учебники и онлайн-ресурсы для изучения веб-дизайна, но для понимания большинства из этих ресурсов требуются некоторые базовые знания. Этот курс разработан для помощи новичкам, которые хотят обрести уверенность и новые знания. Мы рассмотрим теорию (что на самом деле происходит, когда вы нажимаете на ссылку на веб-странице?), практику (что нужно знать, чтобы создать свою собственную страницу?) и некоторые упущенные моменты (у вас есть страница, что вам делать с ней?). На протяжении всего курса особое внимание будет уделяться соблюдению синтаксических стандартов для валидации и семантических стандартов для обеспечения доступности веб-страницы для пользователей с ограниченными возможностями. Учебник, который мы используем — «Недостающее звено: введение в веб-разработку и программирование» (The Missing Link: An Introduction to Web Development and Programming) Майкла Мендеса — доступен на сайте www.opensuny.org. Этот курс подойдет самым разным людям, но особенно тем, кто хотел бы получить пошаговое описание базовых вещей. Для этого курса нет обязательных требований, и предполагается, что учащиеся не имеют навыков программирования и опыта работы в сфере ИТ. Курс завершится небольшим финальным проектом, который потребует создания очень простой страницы со ссылками и изображениями. Основное внимание в этом курсе уделяется базовым вещам, а не внешнему виду. Вы можете посмотреть образец окончательной страницы по ссылке http://intro-webdesign.com/html5-plain.html. Это первый курс специализации «Веб-дизайн для всех». Последующие курсы сосредоточены на востребованных на рынке труда навыках стилизации страницы с помощью CSS3, добавления интерактивности с помощью JavaScript и расширенной стилизации с использованием респонсивного дизайна. Вы можете посмотреть образец сайта с дипломной работы курса по ссылке http://intro-webdesign.com/الوحدات
Добро пожаловать!
-
1
Videos
-
4
Readings
1
Videos
- 01.01. Добро пожаловать на курс «Введение в HTML5»
4
Readings
- Учебный план
- Давайте познакомимся поближе!
- Необходимые материалы
- Дополнительные ресурсы
История и эволюция
-
1
Videos
-
2
Readings
1
Videos
- 01.02. Эволюция HTML
2
Readings
- ДОПОЛНИТЕЛЬНО. Войны браузеров
- ДОПОЛНИТЕЛЬНО. Истоки MOSAIC
Как это работает
-
1
Videos
1
Videos
- 01.03. Как это работает: «магия» запросов страниц
Инструменты и советы
-
3
Videos
-
2
Readings
3
Videos
- 01.04. Просмотр параметров браузера
- 01.05. Редакторы: как использовать редактор для создания HTML-файла
- Как использовать CodePen
2
Readings
- Браузеры
- ДОПОЛНИТЕЛЬНО. Насколько хорошо ваш браузер поддерживает HTML5?
Обзор
-
1
Readings
-
1
Assignment
1
Assignment
- Неделя 1. Основы HTML/web-технологий
1
Readings
- Примечание для слушателей: отправка заданий
Объектная модель документов (DOM)
-
1
Videos
1
Videos
- 02.01. Объектная модель документов [DOM]
Элементы HTML5: теги, синтаксис, семантика и шаблоны
-
3
Videos
-
3
Readings
3
Videos
- 02.02. Теги и синтаксис HTML5
- 02.03. Семантические теги
- 02.04. Шаблон страницы
3
Readings
- Материалы для чтения
- Шпаргалки
- Начальный шаблон
Изображения
-
2
Videos
-
1
Readings
2
Videos
- 02.05 Изображения
- Демонстрация работы с Font Awesome
1
Readings
- Замещающий текст
Гиперссылки
-
1
Videos
1
Videos
- 02.06. Гиперссылки
Мультимедиа -- ЛЕКЦИИ. Мультимедиа
-
1
Videos
1
Videos
- 02.07. Мультимедиа
Таблицы -- ЛЕКЦИИ. Таблицы
-
1
Videos
1
Videos
- 02.08. Таблицы
Обзор -- ЛЕКЦИИ. Полезные теги
-
1
Videos
-
1
Assignment
1
Assignment
- Теги!
1
Videos
- 02.09. Полезные теги
Доступность. Человеческий фактор, которые следует учитывать в веб-дизайне
-
1
Videos
-
1
Readings
1
Videos
- 03.01. Доступность
1
Readings
- Поддерживает ли ваш браузер специальные возможности?
Валидация кода
-
3
Videos
-
1
Discussion
1
Discussions
- ДОПОЛНИТЕЛЬНО. Статья о валидации
3
Videos
- 03.02. Валидация вашего сайта
- 03.02a. Wave
- 03.02b. Funkify
Публикация кода в Интернете
-
5
Videos
-
1
Readings
5
Videos
- 03.03. Хостинг сайта
- 03.04. cPanel
- 3.04a. Создание учетной записи на GitHub Pages
- 3.04b. Загрузка файлов в учетную запись GitHub Pages
- 03.05. Использование протокола безопасной передачи файлов
1
Readings
- Публикация кода в Интернете
Обзор
-
1
Assignment
1
Assignment
- Хостинг и валидация
Финальный проект
-
1
Videos
-
1
Readings
-
1
PeerReview
-
1
Assignment
1
Assignment
- Финальный тест. Собираем всё вместе
1
Peer Review
- Финальный проект
1
Videos
- 03.06. Демонстрация финального проекта
1
Readings
- Описание финального проекта
Что делать дальше?
-
1
Videos
-
3
Readings
1
Videos
- 03.07. Заключение
3
Readings
- Поздравляю!
- Опрос по окончании курса
- Продолжайте учиться с Michigan Online
Секретная лекция
-
1
Readings
1
Readings
- Следите за появлением ссылок на другие материалы
Auto Summary
"Введение в HTML5" на Coursera предоставляет фундаментальные знания по созданию веб-страниц, включая теорию, практику и семантические стандарты доступности. Идеально для новичков без опыта в IT, курс завершается проектом по созданию простой страницы. Это первый курс специализации "Веб-дизайн для всех", за которым следуют курсы по CSS3 и JavaScript. Доступны подписки Starter и Professional.
Colleen van Lent, Ph.D.
Charles Russell Severance