À propos de ce cours : Thanks to a growing number of software programs, it seems as if anyone can make a webpage. But what if you actually want to understand how the page was created? There are great textbooks and online resources for learning web design, but most of those resources require some background knowledge. This course is designed to help the novice who wants to gain confidence and knowledge. We will explore the theory (what actually happens when you click on a link on a webpage?), the practical (what do I need to know to make my own page?), and the overlooked (I have a page, what do I do now?). Throughout the course there will be a strong emphasis on adhering to syntactic standards for validation and semantic standards to promote wide accessibility for users with disabilities. The textbook we use is available online, “The Missing Link: An Introduction to Web Development and Programming” by Michael Mendez from www.opensuny.org. This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. You can see a sample final page at http://intro-webdesign.com/html5-plain.html. This is the first course in the Web Design For Everybody specialization. Subsequent courses focus on the marketable skills of styling the page with CSS3, adding interactivity with JavaScript and enhancing the styling with responsive design. You can see a sample site for the capstone course at http://intro-webdesign.com/
Créé par : Université du Michigan
Enseigné par : Colleen van Lent, Ph.D., Lecturer
School of Information
Enseigné par : Charles Severance, Associate Professor
School of Information
| Informations de base | |
| Engagement | 3 weeks of study, 2-4 hours/week |
| Langue | English |
| Comment réussir | Réussissez tous les devoirs notés pour terminer le cours. |
| Notes des utilisateurs |
Programme de cours
SEMAINE 1
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.
5 vidéos, 7 lectures
- Leyendo: Syllabus
- Vidéo: 01.01 - Welcome to Introduction to HTML5
- Leyendo: Required Materials
- Leyendo: Optional Resources
- Leyendo: Help us learn more about you!
- Vidéo: 01.02 - The Evolution of HTML
- Leyendo: OPTIONAL - The browser wars
- Leyendo: OPTIONAL - The origins of MOSAIC
- Vidéo: 01.03 - How it Works: The "Magic" of Page Requests
- Leyendo: Browsers
- Vidéo: 01.04 - Looking at Your Browser Options
- Vidéo: 01.05 - Editors: How to use an editor to create an HTML file
Noté: Week One - HTML/Web basics
SEMAINE 2
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 covering Chapters 7 (again), 9, 10, 11, 13, 16, and 18. Some of the quiz questions may come from the reading!!
9 vidéos
- Vidéo: 02.01 - The Document Object Model [DOM]
- Vidéo: 02.02 - HTML5 Tags and Syntax
- Vidéo: 02.03 - Semantic Tags
- Vidéo: 02.04 - Template Page
- Vidéo: 02.05 - Images
- Vidéo: 02.06 - Hyperlinks
- Vidéo: 02.07 - Multimedia
- Vidéo: 02.08 - Tables
- Vidéo: 02.09 - Useful Tags
Noté: Tags!
SEMAINE 3
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.
7 vidéos, 6 lectures
- Vidéo: 03.01 - Accessibility
- Vidéo: 03.02 - Validating Your Site
- Cuadro de aviso de la discusión: Optional - Validation Article
- Leyendo: Putting Your Code Out on to the Web
- Vidéo: 03.03 - Hosting Your Site
- Vidéo: 03.04 - cPanel
- Vidéo: 03.05 - Using Secure File Transfer Protocol
- Leyendo: Final Project Description
- Vidéo: 03.06 - Final Project Demo
- Leyendo: The Final Exam has changed.
- Leyendo: Congratulations!
- Vidéo: 03.07 - Closing
- Leyendo: Watch for a link to more material
- Leyendo: Post-course Survey
Noté: Hosting and Validation
Noté: Final Project - Put it Together
FAQ
Comment cela fonctionne
Trabajo del curso
Cada curso es como un libro de texto interactivo, con videos pregrabados, cuestionarios y proyectos.
Ayuda de tus compañeros
Conéctate con miles de estudiantes y debate ideas y materiales del curso, y obtén ayuda para dominar los conceptos.
Certificados
Obtén reconocimiento oficial por tu trabajo y comparte tu éxito con amigos, compañeros y empleadores.
Créateurs
Université du 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.
Tarification
| Acheter le cours | |
|---|---|
| Accéder au contenu du cours | Disponible |
| Accéder au contenu noté | Disponible |
| Recevoir une Note Finale | Disponible |
| Obtenir un Certificat de Cours partageable | Disponible |
Notation et examens
It's very easy to learn, you won't regret.
Good basic about the history of internet and html and css.
The teacher and the course it self was pretty much what started me on this Coding game and as a Sales funnel Builder that is just adding snippets is more than enough to not only understand whats going on on your websites or funnels but the leaning a new language to talk to real programmers haha or just the ability to I made this cool website myself and is my pride: https://harv.gilbertsimpson.com/soip
Coursera propose un accès universel à la meilleure formation au monde,
en partenariat avec des universités et des organisations du plus haut niveau, pour proposer des cours en ligne.
© 2018 Coursera Inc. Tous droits réservés.
CR
A very good course!