About this Course
최근 조회 164,489

다음 전문 분야의 5개 강좌 중 1번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.


자막: 영어

귀하가 습득할 기술

Web DesignWeb AccessibilityHtmlHtml5

다음 전문 분야의 5개 강좌 중 1번째 강좌:

100% 온라인

지금 바로 시작해 나만의 일정에 따라 학습을 진행하세요.

유동적 마감일

일정에 따라 마감일을 재설정합니다.


자막: 영어

강의 계획 - 이 강좌에서 배울 내용

완료하는 데 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 videos (Total 51 min), 8 readings, 1 quiz
6개의 동영상
01.02 - The Evolution of HTML9m
01.03 - How it Works: The "Magic" of Page Requests9m
01.04 - Looking at Your Browser Options5m
01.05 - Editors: How to use an editor to create an HTML file14m
How to use CodePen2m
8개의 읽기 자료
Required Materials10m
Optional Resources10m
OPTIONAL - The browser wars10m
OPTIONAL - The origins of MOSAIC10m
OPTIONAL - How well does your browser support html5?10m
Notice for Auditing Learners: Assignment Submission10m
1개 연습문제
Week One - HTML/Web basics1h
완료하는 데 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 videos (Total 90 min), 4 readings, 1 quiz
10개의 동영상
02.02 - HTML5 Tags and Syntax12m
02.03 - Semantic Tags6m
02.04 - Template Page7m
02.05 - Images9m
Font Awesome Demo8m
02.06 - Hyperlinks9m
02.07 - Multimedia7m
02.08 - Tables8m
02.09 - Useful Tags11m
4개의 읽기 자료
Readings1시 30분
Starter template page10m
Alternative Text10m
1개 연습문제
완료하는 데 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 videos (Total 72 min), 5 readings, 3 quizzes
11개의 동영상
03.02 - Validating Your Site7m
03.02a - Wave7m
03.02b - Funkify4m
03.03 - Hosting Your Site5m
03.04 - cPanel8m
3.04a - Creating a GitHub Pages Account5m
3.04b - Uploading to GitHub Pages Account8m
03.05 - Using Secure File Transfer Protocol7m
03.06 - Final Project Demo2m
03.07 - Closing3m
5개의 읽기 자료
Does your browser support accessibility?10m
Putting Your Code Out on to the Web10m
Final Project Description10m
Watch for a link to more material10m
2개 연습문제
Hosting and Validation10m
Final Quiz - Putting it Together18m
1986개의 리뷰Chevron Right


이 강좌를 수료한 후 새로운 경력 시작하기


이 강좌를 통해 확실한 경력상 이점 얻기


급여 인상 또는 승진하기

Introduction to HTML5의 최상위 리뷰

대학: 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!

대학: 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.



Colleen van Lent, Ph.D.

School of Information

Charles Severance

School of Information

미시건 대학교 정보

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 프로필에 수료증을 추가할 수 있습니다. 강좌 내용만 읽고 살펴보려면 해당 강좌를 무료로 청강할 수 있습니다.

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.