The Webmaster – HTML and CSS Course is a beginner’s course, designed for students who are interested in starting a career as a Web Designer or who simply want to build their own personal or a company/organisational website.
The course is designed as a thorough introduction to the HTML and CSS web development tools and shows our students how to build a high-impact landing page with a stunning photo gallery, optimised for the popular search engine search algorithms and responsive to the browser screen size. During the course, our students will also build a contact page and their own storefront, using some compelling animation, transition, and transformation techniques to attract their visitors.
The course covers the following topics: (i) Getting started with HTML & CSS; (ii) a comprehensive HTML primer for beginners; (iii) an extensive CSS primer for those new to CSS; (iv) code validation and debugging techniques; (v) an introduction to the basic principles of web design; (vi) incorporating multimedia elements into web pages; (vii) including special effects, such as text shadows, and sensational drop-down menus; (viii) an introduction to the JavaScript scripting language; (ix) an introduction to the powerful HTML5 APIs; and (x) the creation of an online store.
On successful completion of the course, students will receive the Distance Learning Centre Webmaster Diploma with feedback and analysis of your completed work, as well as an Open Awards Quality Endorsed Unit Course Certificate.
What is HTML? The training programme is delivered through the Distance Learning Centre’s new online training portal, which is accessed via a web browser such as Internet Explorer, Edge, Firefox, Chrome, or Safari. Throughout the course, students are supported by a personal course tutor who can give feedback on your work at any time throughout your study.
The training programme consists of 10 online lessons, each of which is divided into a number of related topics, and each lesson closes with an interactive quiz and assignment. The course is self-paced so you simply study as and when time permits.
There are a number of additional practical exercises to complete along the way which helps to give a thorough understanding of the course content.
View samples of previous students work:
The course consists of the following lessons:
- Lesson 1 – Getting Started
The following topics are covered: Before We Get Started; Introducing the Internet; Getting Started with HTML; Getting Started with CSS; Getting Started with Graphic Design; Introduction to HTML Editors; Lesson Review & Quiz; and Assignment 1 – HTML & CSS Exercises.
- Lesson 2 – An HTML Primer for Beginners
The following topics are covered: Headings, Paragraphs, & Sections; Introducing HTML Colours; Navigation With Hypertext Links; Graphics & Images; Ordered & Unordered Lists; Introducing HTML Tables; Simple HTML Forms; Lesson Review & Quiz; and Assignment 2 – Create A “Contact” Web Page.
- Lesson 3 – A CSS Primer for Beginners
The following topics are covered: 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; and Assignment 3 – Add Styling To Your “Contact” Web Page.
- Lesson 4 – Code Validation and Debugging
The following topics are covered: Common HTML & CSS Errors; HTML & CSS Document Validation; Avoid Cross-Browser Issues; Outline Your Elements; Using Browser Development Tools; Lesson Review & Quiz; and Assignment 4 – Debugging Exercises.
- Lesson 5 – Introduction to Web Design
The following topics are covered: 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; and Assignment 5 – Build Your Own Landing Page.
- Lesson 6 – Incorporating Multimedia
The following topics are included: Introduction To Multimedia; Common Audio Formats; Common Video Formats; Inserting Audio With The Tag; Inserting Video With The Tag; Animation; Interactive Content; Lesson Review & Quiz; and Assignment 6 – Create An Audio/Video “Jukebox”.
- Lesson 7 – Introducing Special Effects
The following topics are covered: Text Effects; Implementing Web fonts; CSS Gradients; Box Sizing With CSS; Implementing Box Shadows; Using Border Images; Transitions & Transformations; Lesson Review & Quiz; and Assignment 7 – Include Special Effects In Your Landing Page.
- Lesson 8 – Introduction to JavaScript
The following topics are covered: 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; and Assignment 8 – Create A Photo Gallery.
- Lesson 9 – Introduction to HTML5 API’s
The following topics are covered: 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; and Assignment 9 – Drag & Drop Exercise.
- Lesson 10 – Creating an Online Store
The following topics are covered: Before You Get Started; Creating Your Own Store Front; Store Building Software Products; Creating & Managing A Store With Wix; Lesson Review & Quiz; and Assignment 10 – Build Your Own Store Front.
You can view a full list of the course synopsis with all subtopics here: Webmaster – HTML and CSS Course Synopsis.
Software Requirements:
The Webmaster – HTML and CSS Course can be completed on a PC with the Windows Operating System or on an Apple Mac computer. The course includes links to various software packages, although the only software required to actually complete this course is Notepad++ (or an equivalent text editor) and an HTML5-compliant browser. We recommend Google Chrome as the most suitable browser for completing the course, but students should also test their web pages in other browsers such as Firefox, Internet Explorer, Edge, Safari and Opera.
To find out more about The Webmaster – HTML & CSS Course visit course provider website.
Leave a Comment