Webmaster - HTML and CSS for Beginners

With technology today continuously developing, this course is regularly updated so students can be confident that they are studying the most up-to-date methods. This Webmaster - HTML and CSS for Beginners is designed to provide you with the foundational skills and knowledge you need to build professional-quality websites using HTML and CSS. In this course, you will learn how to create websites from scratch using HTML to structure your content and CSS to style and format your pages. You will also learn how to incorporate images, video, and other media into your websites, as well as how to optimise your sites for search engines and user experience. Whether you are looking to start a career in web development, enhance your existing web design skills, or simply want to create your own website, the Webmaster - HTML and CSS for Beginners course is an excellent investment in your future. Enrol today and discover how you can create engaging and effective websites that stand out in today's competitive online environment. What next? Upon successful completion of this course, you will able to use it towards your university application. We recommend that you check with your chosen University that they accept this qualification as part of their entry requirements. If after, you’re looking to enhance your IT knowledge even further, take a look at the other IT and computer courses we offer.

Here are some job titles within web development:

• Web developer
• Front-end developer
• Back-end developer
• Full-stack developer
• UI/UX designer
• Web designer
• E-commerce developer
• Mobile developer
• Software engineer
• Content manager

Course Content

Lesson 1 Getting started

• Before we get started
• Introduction to the Internet
• Getting Started With HTML
• Getting Started With CSS
• Getting Started With CSS
• Introduction to HTML EditorsLesson Review & Quiz
• Assignment 1 – HTML & CSS Exercises

Lesson 2 HTML primer for beginners

• Headings, Paragraphs, & Sections
• Introducing HTML Colours
• Navigation With Hypertext Links
• Graphics & Images
• Ordered & Unordered Lists
• Introducing HTML Tables
• Simple HTML FormsLesson Review & Quiz
• Assignment 2 – Create A “Contact” Web Page

Lesson 3 CSS primer for beginners

• Incorporating A Style Sheet
• CSS Rules & Selectors
• Incorporating Colour & Images
• Padding, Margins, & Borders
• Styling Text & Blocks
• Styling Lists & Tables
• Styling Forms
• Positioning Elements
• Lesson Review & Quiz
• Assignment 3 – Add Styling To Your “Contact” Web Page

Lesson 4 Code validation and debugging

• Common HTML & CSS Errors
• HTML & CSS Document Validation
• Avoid Cross-Browser Issues
• Outline Your Elements
• Using Browser Development Tools
• Lesson Review & Quiz
• Assignment 4 – Debugging Exercises

Lesson 5 Introduction to web design

• Web Page Structure
• Include A Maximum Impact Landing Page
• Include Intuitive Site Navigation on Every Page
• Choose Easy-To-Read Fonts
• Consider Including A Photo Gallery Or Slide Show
• Incorporate Responsive Design Techniques
• Search Engine Optimisation
• Lesson Review & Quiz
• Assignment 5 – Build Your Own Landing Page

Lesson 6 Incorporating multimedia

• Introduction to Multimedia
• Common Audio Formats
• Common Video Formats
• Inserting Audio With The audio Tag
• Inserting Video With The video Tag
• Animation
• Interactive Content
• Lesson Review & Quiz
• Assignment 6 – Create An Audio/Video “Jukebox”

Lesson 7 Introducing special effects

• Text Effects
• Implementing Web fonts
• CSS Gradients
• Box Sizing With CSS
• Implementing Box Shadows
• Using Border Images
• Transitions & Transformations
• Lesson Review & Quiz
• Assignment 7 – Include Special Effects In Your Landing Page

Lesson 8 Introduction to JavaScript

• Introduction
• JavaScript Variables & Simple Arithmetic
• Comparison & Logical Operations
• Event Handlers
• Conditional Branching
• Introduction To FOR Loops
• A Scrolling Message & Random Advertising Display
• Lesson Review & Quiz
• Assignment 8 – Create A Photo Gallery

Lesson 9 Introduction to HTML5 APIs

• What Is An API?
• The Geolocation API & Google Maps
• The Drag & Drop API
• The Canvas API
• The Web Storage API
• The History API
• Lesson Review & Quiz
• Assignment 9 – Drag & Drop Exercise

Lesson 10 Creating an online store

• Before You Get Started
• Creating Your Own Store Front
• Store Building Software Products
• Creating & Managing A Store With Wix
• Lesson Review & Quiz
• Assignment 10 – Build Your Own Store Front
• Assessment