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