INTERNATIONALLY ACCREDITED

Duration: 3 days	Price: ​R3465.00 per person. ​(excl VAT)
Certificate of training: Yes	Recommended Prerequisites: ​Learners are required to have knowledge, comprehension and application of English at Grade 10 or equivalent.
Times & Venue: ​Stellenbosch (Address)​ ​Mon - Thurs 09:00 - 16:00 ​Saturday 09:00 - 16:00	Follow Up Courses: Other IT Specialist courses
Official Exam: IT Specialist Exam Preparation: Practice Tests ​	Venue: Stellenbosch  UNIT B12, Carpe Diem Building 26 Quantum Street, Techno Park ​Stellenbosch 7600 ​OR Online Training  100% Remote

• Course Overview
• Benefits
• Detailed Outline

<

>

IT Specialist: HTML and CSS Course

The IT Specialist: HTML and CSS course is an excellent course for those looking to gain employability skills in the area of web development. The material covers the objectives on the IT Specialist HTML and CSS exam, putting a solid entry-level certification well within reach. Specifically, the course has two distinct parts: HTML (Hypertext Markup Language), which includes HTML fundamentals, Document Structuring, and Multimedia Presentation, and CSS (Cascading Style Sheets), which includes CSS fundamentals and Styling webpages.

• HTML Fundamentals
• CSS Fundamentals
• Document Structure using HTML
• Multimedia Presentation using HTML
• Webpage Styling using CSS
• Accessibility, Readability, and Testing

Introduction

• How to study for this exam

Markup with Metadata

• Script Tag 1
• Script Tag 2
• Noscript Tag
• Link Tag
• Meta Tags

Well-Formed Markup

• DOCTYPE Declaration and HTML Tag
• Head Tag

Define Style Sheets

• Inline, Internal and External Styles 1
• Inline, Internal, and External Styles 2
• Style Sheet Precedence

CSS Rule Sets

• Valid Syntax
• Apply Classes
• Apply ID's
• Apply Pseudo Classes 1
• Apply Pseudo Classes 2

Structure Content Through Markup

• Table Tags 1
• Table Tags 2
• Table Attributes
• Heading Tags
• P Tag
• Br Tag
• Hr Tag
• Div Tag
• Span Tag
• UI and Li Tags
• Oland Li Tags

​Semantic HTML Elements

• Header Tag
• Nav Tag
• Section Tag
• Article and Aside Tag
• Footer Tag
• Details and Summary Tags
• Figure Tags
• Caption Tag

​Image, SVG, and Canvas Elements

• Add Images 1
• Add Images 2
• Image Layouts
• Image Links

Navigation Elelments

• Image Links
• The A Tag
• Targets
• Bookmarks
• Relative vs. Absolute Links
• Folder Hierarchy Navigation
• Map
• Area

Form Elements

• Action and Method Attributes
• Submission Methods
• Accessibility
• Input Types and Restrictions 1
• Input Types and Restrictions 2
• The Significance of Labels
• Select Tag
• Textarea Tag
• Button Tag
• Output Tag
• Option Tag
• Datalist Tag
• Fieldset Tag 1
• Fieldset Tag 2

​Video and Audio Formats

• Video and Source Tags 1
• Video and Source Tags 2
• Audio and Source Tags
• Track Tag
• iFrame Implementations 1
• iFrame Implementations 2

​Position Text with CSS

• Height and Width 1
• Height and Width 2
• Max-Width Used with an Element
• Float Positioning
• Absolute Positioning
• Static
• Fixed
• Overflow Settings
• Alignment
• Display
• Inline vs. Block
• Visibility
• Box Model Margins
• Box Model Padding

Format Text with CSS

• Font-Family
• Color
• Font-Style
• Font-Weight
• Link Colors
• Font Variant
• Text-Alignment
• Text-Decoration
• Indentation
• Line Height
• Word-wrap
• Letter-Spacing,Word Spacing

​Backgrounds and Borders

• Border-Color
• Border-Style
• Border-Width
• Backgrounds
• Divs
• Working with Colors

Responsive Layouts

• Units of Measure
• Viewport
• Media Query
• Percentages and Pixels
• Frameworks and Templates
• Max-Width Property
• Grids​

​Conduct HTML ad CSS

• Ensuring Accessibility
• Reusing Rules and Rule Sets
• CSS Comments
• Multiple Browser Tests
• Web Safe Fonts
• Cross-Platform Usability
• Separation of Structure (HTML) and Style (CSS)

Accessibility Principals and Evaluate Content Accessibility

• Text Alternatives
• Color Contrast and Usage
• Legibility of Typography
• Tab Order
• Text Resizing
• Text Hierarchy

​Structural Integrity of HTML and CSS Markup

• Syntax Errors
• Tag Mismatch
• Cascading Issues

Investing in South Africa's future: 

​“South African employers need a workforce that is skilled, adaptable, creative, and equipped for success in the global marketplace.” 

---