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