Website Design Course by Kenya Coffee School

Website Design Course Outline at Kenya Coffee School and Barista Mtaani

Module 1: Creating Websites

• Introduction to HTML, CSS, JS, and Dreamweaver
• Web Browsers
• Role of HTML in Web Development

Module 2: HTML (Hyper Text Markup Language)

• HTML Page Structure 
• HTML Tags
• HTML Attributes and Values
• View HTML Web Pages Code

Module 3: CSS (Cascading Style Sheet)

• What is CSS?
• Separating Content from Presentation
• Role of CSS in Web Design Courses
• Inline Vs Embedded or External CSS
• CSS Structure

Module 4: HTML Meta

• What are HTML Meta Tags?
• Role of HTML in Search Engine Optimisation
• HTML Keywords and Importance in SEO

Module 5: HTML Text

• Text Formatting in HTML
• Change the Font of Text
• Change the Text Color and Size
• Creating Superscripts and Subscripts

Module 6: HTML List

• Definition Lists
• HTML Ordered List
• Unordered List
• Create a Navigation with a List

Module 7: HTML Links

• How to Create a Link with Another Page
• Target for Links
• Change Link Color on Mouse Hover

Module 8: HTML Tables and Div

• Creating a HTML Table
• Adding Table Borders
• Adding Rows and Columns to Table
• Create Table Cell Colour
• Padding and Spacing
• Use Images in Tables
• Create Div
• Width and Height for Div
• Float Vs Clear
• Use Background Colour for Div

Module 9: Working with Image in HTML

• Create Image Links
• GIF, JPEG, and PNG Formats
• Alternative Text, Titles, and Descriptions for Images

Module 10: HTML Multimedia

• Creating a Marquee
• Adding to a Web Page
  • Video
  • YouTube Video
  • Google Map

Module 11: HTML Forms

• Creating a Form
• Creating Fieldsets and Legends
• How to Create a File Upload?
• Form Reset Button

Module 12: CSS in HTML

• Applying Style on Complete Website
• Styles for Classes
• Styles for HTML Tags
• Styles for Links

Module 13: Styling Text Using CSS

• Choosing a Font Family
• Setting the Line Height
• Make Text Italics
• Use Bold Formatting
• Underlining Text
• Use Text’s Background
• Word-Spacing and Letter-Spacing
• Styling Text Elements

Module 14: Styling Links Using CSS

• Create Website Navigation and Page Layout Using CSS
• How to Use Div?
• Layouts
  • Fluid
  • Fixed
  • Elastic
• Specify the Element by
  • Height and Width
  • Border
  • Padding
  • Float
  • Clear
• CSS Positions

Module 15: Publishing and Upload Website

• Selecting a Domain Name for Website
• CPanel Intro
• Web Servers Introduction
• Uploading and Downloading to and from Your Website
• FTP and HTTP Protocols

Module 16: HTML Web Page Troubleshooting

• Testing Your Website
• View Code from Browser
• Use Firebug to Inspect HTML Web Page Elements
• Markup and CSS Validation Tools