Web Design Course

Objective

Students will understand and learn web development skills and can function either as an entrepreneur or can take up jobs in Web site development and information technology sectors.

Overview

The student will be able to define the principle of Web page design, visualize the basic concept of HTML, recognize the elements of HTML, introduce basics concept of CSS, and develop the concept of web publishing

Career Opportunities

• web Developer
• website Designing
• website Graphic Designing
• User interface Designer

Module 1

• Introducing HTML
• The importance of HTML
• Basic HTML syntax
• The current state of HTML
• HTML resources
• Choosing a code editor

Module 2

• Basic Page Structure
• Exploring HTMLdocument
• DOCTYPE declarations
• The document head
• The document body
• Understanding content models

Module 3

• Formatting Page Content
• Formatting content with HTML
• Using headings
• Formatting paragraphs
• Controlling line breaks
• Emphasizing text
• Displaying special characters
• Controlling whitespace
• Displaying images
• Formatting page content

Module 4

• Structuring Content
• The value of structure
• The nav element
• The article element
• The section element
• The aside element
• The div element
• Other semantic elements
• Using WAI-ARIA roles

Module 5

• Structuring Content
• The value of structure
• The nav element
• The article element
• The section element
• The aside element
• The div element
• Other semantic elements
• Using WAI-ARIA roles

Module 6

• Creating Links
• Exploring the anchor element
• Linking to pages within your site
• Linking to external pages
• Linking to downloadable resources
• Linking to page regions
• Exploring the anchor element
• Linking to pages within your site
• Linking to external pages
• Linking to downloadable resources
• Linking to page regions

Module 7

• Creating Lists
• Unordered lists
• Ordered lists
• Definition lists

Module 8

• Controlling Styling
• HTML and CSS
• Creating inline styles
• The style element
• Controlling typography
• Adding color
• Externalizing styles

Module 9

• Basic Scripting
• HTML and JavaScript

Module 10

• Bootstrap Introduction and Download
• The Bootstrap Grid System
• CSS Overview
• Navigation Systems
• JavaScript Effects

Module 11

• Project