Diploma in Website Development Using HTML and CSS
eDiploma Credit: 5 Points
This online course examines the various features available for building websites from scratch using HTML and CSS.
Interested in website development but not quite sure how to approach your learning? This online course introduces you to website development using HTML and CSS and explains the introductory aspect of developing a website and the basics of website design. You will learn how to build the structure of a website, the cascading style sheet (CSS) model and how to build components in the navigation bar in order to build world-class websites.
Course Curriculum
Introduction to HTML and CSS
-
Learning Outcomes00:00
-
Course Introduction00:00
-
What are HTML and CSS00:00
-
The Website to Build00:00
-
Tools and Website Structure00:00
-
Introduction on CSS00:00
-
The Cascading Process00:00
-
HTML Links00:00
-
HTML DIVs00:00
-
HTML Classes Ids00:00
-
Introduction on Flexbox with Animations00:00
-
CSS Padding00:00
-
CSS Margin00:00
-
How to Select Child Tag Elements00:00
-
Lesson Summary00:00
Cascading Style Sheet
-
Learning Outcomes00:00
-
Introduction to CSS Grid00:00
-
Custom Fonts00:00
-
Working with Images on HTML00:00
-
Refactoring CSS Code for More Specific Selectors00:00
-
Using Flexbox Inside CSS Grid Container00:00
-
Introduction to CSS Animations00:00
-
Styling Right Column of Nav Bar00:00
-
Finalizing Nav Bar Styles and Organize Style Files00:00
-
Building a Parallax Features in CSS00:00
-
Adding Text Overlays on Parallax Image00:00
-
HTML Structure and Icons Features Section00:00
-
Creating Columns with Animated Hover Effects00:00
-
Nth Child Selectors00:00
-
How to Create Box Shadows00:00
-
How to Embed Google Map00:00
-
Lesson Summary00:00
Quiz
-
Quiz
HTML Header and Footer
-
Learning Outcomes00:00
-
Footer HTML Structure00:00
-
Footer Flex Direction00:00
-
CSS Filters and Opacity00:00
-
Finalizing Footer Styles00:00
-
About Page Heading in HTML Structure00:00
-
CSS Image Skews00:00
-
CSS Floats00:00
-
About Page Square Grid HTML Structure00:00
-
Creating Two Column Grid CSS Grid00:00
-
Finalizing About Page Code Organization Best Practices00:00
-
Populating Menu Page Content and Grid00:00
-
HTML Bullet Point and Number Lists00:00
-
HTML Anchor Links00:00
-
Before Pseudo Selectors00:00
-
Lesson Summary00:00
HTML Forms and Queries
-
Learning Outcomes00:00
-
HTML Structure Contact Page00:00
-
Contact Page Grid Layout00:00
-
Introduction to HTML Forms00:00
-
Styling Text Inputs00:00
-
Styling Text Area and Button00:00
-
Label and Focus Drop Shadow Styles00:00
-
Custom for Placeholder Styles00:00
-
Animating Text Labels00:00
-
Finalizing Contact Page Styles00:00
-
Introduction to Media Queries00:00
-
Finishing Responsive Layout Homepage00:00
-
Media Queries to Square Grid Skew and Form00:00
-
Lesson Summary00:00
Course assessment
-
Final Quiz
Order certificate
-
Order your certificate00:00