VOOZH about

URL: https://www.coursera.org/learn/introduction-to-building-web-pages-using-html5-and-css3

⇱ Introduction to building Web Pages using HTML5 and CSS3 | Coursera

Introduction to building Web Pages using HTML5 and CSS3

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Introduction to building Web Pages using HTML5 and CSS3

Instructor: NIIT

6,157 already enrolled

Included with

Gain insight into a topic and learn the fundamentals.
3.1

37 reviews

Beginner level
No prior experience required
1 week to complete
at 10 hours a week
Gain insight into a topic and learn the fundamentals.
3.1

37 reviews

Beginner level
No prior experience required
1 week to complete
at 10 hours a week

What you'll learn

  • Learn to create easily accessible, attractive, and static web pages using HTML5 and CSS3

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

4 assignments

Taught in English
Flexible schedule
Learn at your own pace

Build your subject-matter expertise

This course is part of the Frontend Development using React Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 4 modules in this course

Web content is accessed by millions across the globe every day. Attractive web pages help businesses grow and provide an omnipresent experience to the viewers.

In this course you will get an understanding on how HTML5 is used to structure simple web pages from scratch and how CSS3 enhances their appearance. The customized learning environment and step-by step teaching approach of this course augments the learning experience. The real-world scenarios and challenges presented during the course will train you to resolve the different challenges that front-end engineers stumble upon in their work life.

In this learning sprint you will learn to structure a web page using HTML5 and you will also learn the anatomy of a web page , usage of various HTML elements and the tools used to build web pages quickly .

What's included

14 videos3 readings1 assignment2 programming assignments

14 videos•Total 54 minutes
  • Context Setting•2 minutes
  • Anatomy of a HTML element and a HTML document•5 minutes
  • Watch and Repeat : Create a HTML document in notepad/text editor•3 minutes
  • Create a web page using commonly used HTML5 elements•3 minutes
  • Watch and Repeat : Downloading and Installing VS code•4 minutes
  • Watch and Repeat : Creating header and paragraph elements in a HTML file•6 minutes
  • Watch and Repeat : Creating image , anchor and list tags in a HTML file •8 minutes
  • Install a HTTP server to deliver web pages•2 minutes
  • Use Emmet Tool Kit and multi cursor feature in VS Code•2 minutes
  • Watch and Repeat : Emmet Toolkit and Multi-cursor•13 minutes
  • Practice Brief 1•1 minute
  • Practice Brief 2•1 minute
  • Practice Debrief :: Develop a web page using HTML•2 minutes
  • Learning Consolidation•1 minute
3 readings•Total 45 minutes
  • IDE for creating HTML documents and W3C Compliance•10 minutes
  • Instructions to upload the Programming Assignment Solution•5 minutes
  • Develop a web page using HTML•30 minutes
1 assignment•Total 30 minutes
  • Develop a web page using HTML5•30 minutes
2 programming assignments•Total 75 minutes
  • The World Wide Web•30 minutes
  • Pentogram Font Catalog Challenge•45 minutes

In this learning sprint you will learn to semantically structure web pages which will make machines understand web pages. You will also learn how semantically designed web pages helps people with disabilities.

What's included

12 videos1 reading1 assignment1 programming assignment

12 videos•Total 39 minutes
  • Context Setting•1 minute
  • Differentiate between non-semantic and semantic elements​•3 minutes
  • Watch and Repeat : Semantic and Non-Semantic Elements•8 minutes
  • Identify the benefits of using semantic elements​•2 minutes
  • Explain the use of semantic markup by screen readers for page navigation​•4 minutes
  • Watch and Repeat : Aria Lables•4 minutes
  • Structure a web page using semantic HTML elements•4 minutes
  • Watch and Repeat : Popular semantic HTML5 elements•5 minutes
  • Watch and Repeat : Semantic elements like Footer, Figure and Details•2 minutes
  • Practice Brief•2 minutes
  • Practice Debrief•2 minutes
  • Learning Consolidation•1 minute
1 reading•Total 10 minutes
  • Structure a Web page using Semantic and HTML5 elements•10 minutes
1 assignment•Total 30 minutes
  • Structure a Web page using Semantic and HTML5 elements•30 minutes
1 programming assignment•Total 75 minutes
  • Positive Work Environment Task Force Challenge•75 minutes

In this learning sprint will learn to style your web pages using CSS , web pages with only information and no styles makes it less appealing.

What's included

10 videos1 reading1 assignment1 programming assignment

10 videos•Total 44 minutes
  • Context Setting•2 minutes
  • Use CSS to style a HTML page•2 minutes
  • Watch and Repeat : Different ways of applying styles•9 minutes
  • Select HTML elements using CSS selectors•3 minutes
  • Watch and Repeat : Select HTML elements using CSS selectors•9 minutes
  • Apply styles to an HTML element using CSS properties​•8 minutes
  • Watch and Repeat : Apply styles using CSS properties•6 minutes
  • Practice Brief•2 minutes
  • Practice Debrief•3 minutes
  • Learning Consolidation•1 minute
1 reading•Total 10 minutes
  • Style a Web page using CSS properties•10 minutes
1 assignment•Total 30 minutes
  • Style a Web page using CSS properties•30 minutes
1 programming assignment•Total 75 minutes
  • Pentogram Font Catalog Preview•75 minutes

In this learning sprint you will learn how to apply spaces using CSS box model properties. Spaces have got it's unique importance in the design.

What's included

13 videos1 reading1 assignment1 programming assignment

13 videos•Total 50 minutes
  • Context Setting•2 minutes
  • Create layouts by using the CSS box model​ •3 minutes
  • Apply margin, border and padding to add more breathing space to the design​•7 minutes
  • Watch and Repeat : CSS Box Model•10 minutes
  • Watch and Repeat : Standard and Alternate box model•3 minutes
  • Manage grouping of elements using the CSS display property​•3 minutes
  • Watch and Repeat : CSS display property•6 minutes
  • Apply CSS specificity•3 minutes
  • Watch and Repeat : CSS specificity•6 minutes
  • Use BEM syntax while creating the CSS class names​•1 minute
  • Practice Brief•1 minute
  • Practice Debrief•3 minutes
  • Learning Consolidation•1 minute
1 reading•Total 10 minutes
  • Style a Web page using CSS box model•10 minutes
1 assignment•Total 30 minutes
  • Style a Web page using CSS box model•30 minutes
1 programming assignment•Total 75 minutes
  • Sam Anderson's Portfolio•75 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Instructor ratings
3.8 (8 ratings)
NIIT
13 Courses•30,174 learners

Offered by

Explore more from Mobile and Web Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

  • 5 stars

    29.72%

  • 4 stars

    18.91%

  • 3 stars

    16.21%

  • 2 stars

    5.40%

  • 1 star

    29.72%

Showing 3 of 37

NB
·

Reviewed on Feb 18, 2023

Some questions in some exams were "bad-formed": sometimes the question was incomplete; sometimes the answer was incoherent with the question.

RS
·

Reviewed on May 27, 2023

Good Course for learning. However the grading system is hard to figure out for beginners.

Frequently asked questions

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.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

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.

Financial aid available,