Кажется, что благодаря растущему количеству программ создать веб-страницу теперь может любой. Но что, если вы действительно хотите понять, как была создана страница? Есть отличные учебники и онлайн-ресурсы для изучения веб-дизайна, но для понимания большинства из этих ресурсов требуются некоторые базовые знания. Этот курс разработан для помощи новичкам, которые хотят обрести уверенность и новые знания. Мы рассмотрим теорию (что на самом деле происходит, когда вы нажимаете на ссылку на веб-странице?), практику (что нужно знать, чтобы создать свою собственную страницу?) и некоторые упущенные моменты (у вас есть страница, что вам делать с ней?). На протяжении всего курса особое внимание будет уделяться соблюдению синтаксических стандартов для валидации и семантических стандартов для обеспечения доступности веб-страницы для пользователей с ограниченными возможностями. Учебник, который мы используем — «Недостающее звено: введение в веб-разработку и программирование» (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/
На этой неделе мы раскроем «тайну» Интернета. Что происходит, когда вы вводите URL-ссылку в свой браузер, и веб-страница волшебным образом появляется на вашем экране? Что такое HTML5 и что случилось с HTML 1–4? Мы также рассмотрим некоторые практические понятия, которые вам понадобится усвоить, прежде чем начать писать собственные страницы.
涵盖的内容
6个视频9篇阅读材料1个作业
显示有关单元内容的信息
6个视频•总计51分钟
01.01. Добро пожаловать на курс «Введение в HTML5»•9分钟
01.02. Эволюция HTML•10分钟
01.03. Как это работает: «магия» запросов страниц•9分钟
01.04. Просмотр параметров браузера•5分钟
01.05. Редакторы: как использовать редактор для создания HTML-файла•15分钟
Как использовать CodePen•2分钟
9篇阅读材料•总计90分钟
Учебный план•10分钟
Давайте познакомимся поближе!•10分钟
Необходимые материалы•10分钟
Дополнительные ресурсы•10分钟
ДОПОЛНИТЕЛЬНО. Войны браузеров•10分钟
ДОПОЛНИТЕЛЬНО. Истоки MOSAIC•10分钟
Браузеры•10分钟
ДОПОЛНИТЕЛЬНО. Насколько хорошо ваш браузер поддерживает HTML5?•10分钟
Примечание для слушателей: отправка заданий•10分钟
1个作业•总计30分钟
Неделя 1. Основы HTML/web-технологий•30分钟
Неделя 2.
第 2 单元•小时 后完成
单元详情
На этой неделе вам нужно будет вдохнуть поглубже и погрузиться в написание кода. Я расскажу о большом количестве HTML-тегов, но важно, чтобы вы практиковались, а не просто слушали это видео и читали материалы учебника. Чтобы учиться, нужно практиковаться (и ошибаться!). Вы не поверите, но как только вы освоите основную идею использования тегов и атрибутов, вы будете знать все, что вам нужно для использования любого тега HTML5. Страница пока может выглядеть не так, как вы хотите, но вы уже сможете использовать текст, ссылки, изображения, таблицы и даже музыку и видео! Если на этой неделе вам нужен будет учебник для повторения концепций, мы будем использовать онлайн-учебник Шая Хоу. Я буду оставлять ссылки после лекций, но некоторые учащиеся предпочитают читать учебник перед видео (я предпочитаю читать, смотреть, а затем читать снова).
涵盖的内容
10个视频4篇阅读材料1个作业
显示有关单元内容的信息
10个视频•总计90分钟
02.01. Объектная модель документов [DOM]•10分钟
02.02. Теги и синтаксис HTML5•12分钟
02.03. Семантические теги•6分钟
02.04. Шаблон страницы•7分钟
02.05 Изображения•9分钟
Демонстрация работы с Font Awesome•8分钟
02.06. Гиперссылки•9分钟
02.07. Мультимедиа•7分钟
02.08. Таблицы•8分钟
02.09. Полезные теги•12分钟
4篇阅读材料•总计120分钟
Материалы для чтения•90分钟
Шпаргалки•10分钟
Начальный шаблон•10分钟
Замещающий текст•10分钟
1个作业•总计58分钟
Теги!•58分钟
Неделя 3.
第 3 单元•小时 后完成
单元详情
Хорошо, вы создали файл ... что теперь? На этой неделе мы начнем с рассмотрения важных, но часто упускаемых из виду концепций валидации и доступности. Следили ли вы за структурой DOM при создании страницы? Использовали ли вы семантические теги, чтобы обеспечить доступ ко всей информации всем посетителям страницы, даже если у них есть физические или когнитивные нарушения? Это знания, которые вы cможете использовать, если захотите продолжить карьеру в качестве специалиста по веб-доступности. Наконец, я вкратце расскажу о шагах, необходимых для публикации вашего сайта в сети. Существует множество бесплатных и платных сервисов, с помощью которых вы можете перенести свою работу с компьютера в Интернет.
涵盖的内容
11个视频7篇阅读材料2个作业1次同伴评审1个讨论话题
显示有关单元内容的信息
11个视频•总计72分钟
03.01. Доступность•11分钟
03.02. Валидация вашего сайта•7分钟
03.02a. Wave•7分钟
03.02b. Funkify•5分钟
03.03. Хостинг сайта•5分钟
03.04. cPanel•9分钟
3.04a. Создание учетной записи на GitHub Pages•5分钟
3.04b. Загрузка файлов в учетную запись GitHub Pages•8分钟
03.05. Использование протокола безопасной передачи файлов•8分钟
03.06. Демонстрация финального проекта•3分钟
03.07. Заключение•4分钟
7篇阅读材料•总计70分钟
Поддерживает ли ваш браузер специальные возможности?•10分钟
Публикация кода в Интернете•10分钟
Описание финального проекта•10分钟
Поздравляю!•10分钟
Опрос по окончании курса•10分钟
Продолжайте учиться с Michigan Online•10分钟
Следите за появлением ссылок на другие материалы•10分钟
The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.