Header
Group Services: Technology Consulting
phone +91-9999-283-283/9540-283-283
email info@sisoft.in

Course Details

Course Outline for Website Design & Development

Goal:

This course is designed with aim to teach the fundamentals of Web site designing and development. This course will train user on website development tools eg HTML, CSS and Java Script. This course is more practical oriented.

Pre-requisites:

It is expected that the trainee has some elementary knowledge of English and basic computer applications.

Prepares for:

Web site Designer

Audience:

Any 10+ students or IT professional

Duration:

2 Months (40 hours)

Course Outline

HTML (8 Hours)

  • Introduction
  • Editors
  • Basics
  • Elements
  • Attributes
  • Headings
  • Paragraph
  • Formatting
  • Links
  • Head (title , base , meta , style , script)
  • CSS
  • Images
  • Tables
  • Lists (ordered list , unordered list)
  • Blocks
  • Layout
  • Form
  • Iframe
  • Colors
  • Colornames
  • Colorvalues
  • Entities
  • Url encode
  • Quick list
  • Multimedia-Video
  • Multimedia-Sound

Cascading Style Sheets (6 Hours)

1: Introduction
  • What is CSS?
  • Structure of selectors and declaration blocks
  • External, embedded, and inline styles

2: Id, Class, Descendant and Grouped Selectors
  • Differences between id and class selectors
  • Using grouped selectors for common styles
  • Use descendant selectors effectively

3: Pseudo Class and Element Selectors
  • Differences between pseudo class and pseudo element selectors
  • Common uses for pseudo class/element selectors, Styling hyperlinks

4: Testing the Cascade
  • Specificity basics, Review and testing of Cascade rules
  • What is the !importance rule?

5: Backgrounds and Borders
  • Adding background images
  • Borders for block-level and inline elements
  • Browser quirks with borders

6: Sprucing up Lists and Tables
  • Adding style to lists
  • Styles allowed for table layout

7: Margins and Alignment
  • Basic rues of the box model
  • Overlapping blocks
  • Positioning content with margins

8: Putting It Together
  • Basic CSS-based layout
  • Comprehensive review of properties discussed

JavaScript (8 Hours)

  • JavaScript as a Web programming language
  • The script element
  • Creating variables in JavaScript
  • Using alert and confirm boxes
  • Using prompt to access user input
  • Basic script debugging
  • Strings and numbers in JavaScript
  • Converting strings to numbers - parseInt, parseFloat, and Number
  • Using conditional statement - if, else if, and else
  • Understanding switch
  • Creating for and while loops
  • JavaScript functions
  • JavaScript objects
  • Using the Array object
  • Creating single-dimensional arrays
  • Understanding the Math object
  • Using random numbers
  • Understanding the Date object
  • Displaying date and time on your pages
  • Using international time
  • Creating a timer
  • Using inline event handlers
  • Using the String object
  • Manipulating string data
  • Basic events and event handlers
  • Using the traditional event registration model
  • Event capturing and event bubbling
  • Understanding the Browser Object Model (BOM)
  • Browser object detection techniques
  • Simple and complex rollovers
  • Open, move, and resize new windows
  • Understanding the Document Object Model (DOM)
  • HTML documents as family trees
  • HTMLdocuments as node trees
  • Basic DOM objects, methods, and properties
  • JavaScript best practices
  • Graceful degradation
  • Progressive enhancement
  • Separating structure, presentation, and behavior

HTML5 course Outline

  • HTML5 Intro
  • HTML5 Support
  • HTML5 Elements
  • HTML5 Semantics
  • HTML5 Graphics
    • HTML Canvas
    • HTML SVG
  • HTML5 Media
  • HTML5 Video
  • HTML5 Audio
  • HTML5 Plugins

CSS3 Topics

  • CSS3 Introduction
  • CSS3 Rounded Corners
  • CSS3 Border Images
  • CSS3 Background Images
  • CSS3 Colors
  • CSS3 Shadows
  • CSS3 Text
  • CSS3 2D Transform
  • CSS3 3D Transform
  • CSS3 Transitions
  • CSS3 Animations
  • CSS3 Media Queries

JQuery Topics

  • JQuery Usage and Syntax
  • JQuery Selectors
  • JQuery Events
  • JQuery Effects
  • JQuery AJAX

Responsive Design with Bootsrap (6 Hours)


1) Introduction to Bootstrap Framework
2) Bootstrap Classes
3) Bootstrap Grids
4) Bootstrap Tables
5) Bootstrap Images
6) Bootstrap Jumbotron
7) Bootstrap Navigation Bar
8) Bootstrap Forms
9) Bootstrap JS alert and popups
10) Bootstrap JS Carousal