Overview:

HTML and CSS go hand in hand for developing flexible, attractive, and user-friendly
websites. HTML (Hyper Text Markup Language) is used to show content on the page
whereas CSS is used for presenting the page. HTML describes the structure of a
Website semantically along with presentation cues, making it a mark-up language,
rather than a programming language. HTML allows images and objects to be embedded
and can be used to create interactive forms.

Course Objective:

 Learn HTML & CSS

Pre-requisite / Target Audience:

 Any beginner who wants to build career as Web designer can take this course.

PART 1
Module 1: Web Programming Introduction

 Architecture of a website
 Different technologies in making the website
 Web Development Introduction

Module 2: HTML-Introduction

 History of HTML
 What you need to do to get going and make your first HTML page
 What are HTML Tags and Attributes?
 HTML Tag vs. Element
 HTML Attributes

Module 3: HTML-Basic Formatting Tags

 HTML Basic Tags

 HTML Formatting Tags
 HTML Color Coding

Module 4: HTML-Grouping Using Div Span

  Div and Span Tags for Grouping

Module 5: HTML-Lists

 Unordered Lists
 Ordered Lists
 Definition list

Module 6: HTML-Images

 Image and Image Mapping

Module 7: HTML-Hyperlink

 URL - Uniform Resource Locator

 URL Encoding

Module 8: HTML-Table

 < table >

 < th >
 < tr >
 < td >
 < caption >
 < thead >
 < tbody >
 < tfoot >
 < colgroup >
 < col >

Module 9: HTML-Iframe

 Using Iframe as the Target

Module 10: HTML-Form

 < input >

 < textarea >
 < button >
 < select >
 < label >

Module 11: HTML-Headers

 Title
 Base
  Link
 Styles
 Script
 Meta

Module 12: HTML-Miscellaneous

 HTML Meta Tag

 XHTML
 HTML Deprecated Tags & Attributes

PART 2
Module 1: CSS3-Introduction

 Benefits of CSS
 CSS Versions History
 CSS Syntax
 External Style Sheet using < link >
 Multiple Style Sheets
 Value Lengths and Percentages

Module 2: CSS3-Syntax

 CSS Syntax
 single Style Sheets
 Multiple Style Sheets
 Value Lengths and Percentages

Module 3: CSS3-Selectors

 ID Selectors
 Class Selectors
 Grouping Selectors
 Universal Selector
 Descendant / Child Selectors
 Attribute Selectors
 CSS - Pseudo Classes

Module 4: CSS3-Color Background Cursor

 background-image
 background-repeat
 background-position
 CSS Cursor
Module 5: CSS3-Text Fonts

 color
 background-color
 text-decoration
 text-align
 vertical-align
 text-indent
 text-transform
 white space
 letter-spacing
 word-spacing
 line-height
 font-family
 font-size
 font-style
 font-variant
 font-weight

Module 6: CSS3-Lists Tables

 list-style-type
 list-style-position
 list-style-image
 list-style
 CSS Tables
o border
o width & height
o text-align
o vertical-align
o padding
o color

Module 7: CSS3-Box Model

 Borders & Outline

 Margin & Padding
 Height and width
 CSS Dimensions

Module 8: CSS3-Display Positioning

 CSS Visibility
 CSS Display
 CSS Scrollbars
 CSS Positioning
 oStatic Positioning
oFixed Positioning
oRelative Positioning
oAbsolute Positioning
 CSS Layers with Z-Index

CSS Floats

 The float Property

 The clear Property
 The clear fix Hack

Wordpress Level 1 Course Outline

Overview
In this class you will learn to launch your website quickly with the help of a quick WordPress installation
guide; create a quality website with a proper assembly of important subpages; install and work with plugins
and widgets; install and create attractive themes for your website; create custom menus to improve the
user experience of your website; upload multimedia content such as images, audio, and video easily and
effectively.

This WordPress Level 1 course will be the building block to your experience with WordPress. It will give you
the fundamental administrative functions of the WordPress dashboard and a solid understanding of basic
themes and plugins.

More than just providing an easy way to make a good looking web site or blog, WordPress was developed
with search engine optimization in mind. The class also covers how to use powerful SEO plugins so that you
will be more easily found online.

Audience
Anyone new to WordPress or who is self-taught on the product is a good candidate for this course. No prior
WordPress knowledge is needed. No prior web development or programming skills are required. This course
is designed for non-technical users who are more interested in content management and search engine
optimization than the technical aspects of web site creation.

Course Outline

1: INTRODUCING WORDPRESS
Getting into WordPress
Understanding the common terms
Why choose WordPress?
Getting to know the WordPress family
Digging into WordPress – the features
Learning more with online WordPress resources
Staying updated with WordPress news
Understanding the Codex
Getting support from other users
Using theme and plugin directories

2: GETTING STARTED WITH WORDPRESS

Building your WordPress website – start here
The two worlds of WordPress – the difference between WordPress.com and WordPress.org
Getting and installing WordPress
Installing WordPress through an auto-installer script
The wp-admin panel
Getting a Gravatar

3: CREATING BLOG CONTENT

WordPress admin conventions
Posting on your blog
Discussion on your blog – comments
Adding and managing categories

4: PAGES, MEDIA, AND IMPORTING/EXPORTING CONTENT

Pages
Media library
Importing/exporting content

5: PLUGINS - WHAT THEY ARE AND WHY YOU NEED THEM

Breaking down plugins – what are they?
Installing a plugin – how to go about this
The must-have pack of plugins

6: PLUGINS – Introduction to woocommerce

Project 1: Creating a newspaper site in WordPress

Project 2: Create an ecommerce site in WordPress