このコースについて
164,489 最近の表示

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

英語

字幕:英語

習得するスキル

Web DesignWeb AccessibilityHtmlHtml5

100%オンライン

自分のスケジュールですぐに学習を始めてください。

柔軟性のある期限

スケジュールに従って期限をリセットします。

英語

字幕:英語

シラバス - 本コースの学習内容

1
3時間で修了

Week One

This week we will uncover the "mystery" behind the Internet. What happens when you type a URL into your browser so that a webpage magically appears? What is HTML5 and what happened to HTML 1 - 4? We will also cover some practical concepts that you need to master before you begin coding your own pages.

...
6件のビデオ (合計51分), 8 readings, 1 quiz
6件のビデオ
01.02 - The Evolution of HTML9 分
01.03 - How it Works: The "Magic" of Page Requests9 分
01.04 - Looking at Your Browser Options5 分
01.05 - Editors: How to use an editor to create an HTML file14 分
How to use CodePen2 分
8件の学習用教材
Syllabus10 分
Required Materials10 分
Optional Resources10 分
OPTIONAL - The browser wars10 分
OPTIONAL - The origins of MOSAIC10 分
Browsers10 分
OPTIONAL - How well does your browser support html5?10 分
Notice for Auditing Learners: Assignment Submission10 分
1の練習問題
Week One - HTML/Web basics1 時間
2
4時間で修了

Week Two

This week you will need to take a deep breath and jump into coding. I will cover a large number of HTML tags, but it is important that you do more than just listen to these video and read the text book material. You need to practice (and fail!) in order to learn. Believe it or not, once you master the basic idea of using tags and attributes you will know everything you need to use any HTML5 tag. The page may not look the way you want it to look yet, but you will be able to use text, links, images, tables, and even music and videos! If you want to refer to a textbook this week for reinforcement of concepts, we will be using the Shay Howe online textbook as a reference. I will include links after the lectures, but some students prefer to read before the videos. (My preferred approach is to read/watch/read again.)

...
10件のビデオ (合計90分), 4 readings, 1 quiz
10件のビデオ
02.02 - HTML5 Tags and Syntax12 分
02.03 - Semantic Tags6 分
02.04 - Template Page7 分
02.05 - Images9 分
Font Awesome Demo8 分
02.06 - Hyperlinks9 分
02.07 - Multimedia7 分
02.08 - Tables8 分
02.09 - Useful Tags11 分
4件の学習用教材
Readings1 時間 30 分
Cheatsheets10 分
Starter template page10 分
Alternative Text10 分
1の練習問題
Tags!58 分
3
5時間で修了

Week Three

Okay, you created a file...what now? This week we will begin by covering the important but often overlooked concepts of validation and accessibility. Did you follow the DOM structure when you created your page? Did you use semantic tags to make sure that page viewers can access all of the information, even if they have physical or cognitive disabilities? This is knowledge you can use if you would like to pursue a career as a web accessibility specialist. Finally I will briefly cover the steps needed to post your site to the web. There are many free and paid services that you can use to get your work off your computer and on to the Internet.

...
11件のビデオ (合計72分), 5 readings, 3 quizzes
11件のビデオ
03.02 - Validating Your Site7 分
03.02a - Wave7 分
03.02b - Funkify4 分
03.03 - Hosting Your Site5 分
03.04 - cPanel8 分
3.04a - Creating a GitHub Pages Account5 分
3.04b - Uploading to GitHub Pages Account8 分
03.05 - Using Secure File Transfer Protocol7 分
03.06 - Final Project Demo2 分
03.07 - Closing3 分
5件の学習用教材
Does your browser support accessibility?10 分
Putting Your Code Out on to the Web10 分
Final Project Description10 分
Congratulations!10 分
Watch for a link to more material10 分
2の練習問題
Hosting and Validation10 分
Final Quiz - Putting it Together18 分
4.7
1986件のレビューChevron Right

48%

コース終了後に新しいキャリアをスタートした

47%

コースが具体的なキャリアアップにつながった

14%

昇給や昇進につながった

Introduction to HTML5 からの人気レビュー

by ABSep 27th 2017

I really enjoyed everything about this course. I thought the exercises/quizzes were fair and the instructor showed me many things that will serve me well going forward. Great course, great instructor!

by NJApr 26th 2019

I didn't know about making my web pages accessible till this course. But now I know how important it is for my web pages to be accessible to all, for my html to validate and be semantically correct.

講師

Avatar

Colleen van Lent, Ph.D.

Lecturer
School of Information
Avatar

Charles Severance

Professor
School of Information

ミシガン大学(University of Michigan)について

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....

Web Design for Everybody (Basics of Web Development and Coding)の専門講座について

This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments....
Web Design for Everybody (Basics of Web Development and Coding)

よくある質問

  • 修了証に登録すると、すべてのビデオ、テスト、およびプログラミング課題(該当する場合)にアクセスできます。ピアレビュー課題は、セッションが開始してからのみ、提出およびレビューできます。購入せずにコースを検討することを選択する場合、特定の課題にアクセスすることはできません。

  • コースに登録する際、専門講座のすべてのコースにアクセスできます。コースの完了時には修了証を取得できます。電子修了証が成果のページに追加され、そこから修了証を印刷したり、LinkedInのプロフィールに追加したりできます。コースの内容の閲覧のみを希望する場合は、無料でコースを聴講できます。

さらに質問がある場合は、受講者向けヘルプセンターにアクセスしてください。