Web Design

Web Design Course Outline

Course Fee: 5,000 BDT

Course Duration: 2 Month

Time: Weekly two classes

2 hours per class duration

HTML Coding

  • Creating an HTML page
  • HTML Tags
  • Paragraph & Text Formatting
  • Lists
  • Horizontal Ruling lines
  • HTML Color
  • Background Color
  • Specifying Font Information
  • Formatting Tags

HTML Review and Basics

  • HTML Elements & HTML Attributes
  • HTML Headings & HTML Paragraphs
  • HTML Hyper links & HTML Table
  • Table & Data Alignment Options
  • Table Cell Spacing & Padding
  • Changing Table Height & Width of Table Elements
  • Links & Anchor Tag
  • HTML Lists & Blocks
  • HTML Forms & Media

HTML Advanced

  • HTML Layout & HTML Form
  • Form Overview
  • Marquee Tag
  • HTML Iframes
  • Create Interactive Button
  • List Background Using Images
  • Make menu Button Using HTML code & Image
  • HTML body tag
  • HTML span tag

Creative Artwork with HTML5

  • HTML5 Basics
  • HTML5 Intro
  • HTML5 New Elements
  • HTML5 Semantic
  • HTML5 Input Types
  • HTML5 Form Elements
  • HTML5 Form Attributes
  • HTML5 Media
  • HTML5 Video
  • HTML5 Audio

CSS Review and Basics

The Inheritance

  • Introduction to CSS
  • External Style Sheet
  • Internal Style Sheet &Inline Style
  • Multiple Style Sheet& CSS Syntax
  • CSS Id, Class & Selectors
  • CSS1 vs CSS2 vs CSS3
  • The Cascade & Styling
  • The letter-spacing, word-spacing & Text Align Property
  • Line Height Property & Background-URL
  • Background-Position & Background-Repeat
  • Specificity & Validating your CSS

JavaScript &Jquery

  • Introduction to Java Scripting
  • Client and Server side scripting
  • JavaScript inserted into HTML pages can be executed by all modern web browsers.
  • JavaScript is easy to learn.
  • JavaScript Variable
  • Basic Funtion
  • JavaScript Loop
  • Operators
  • Form Validation
  • JavaScript Slide Customization

Building Layout with CSS

  • CSS Box Model
  • 2 Column Layout
  • 3 Column Layout
  • CSS Border, Outline, Margin & Padding

CSS Advanced

  • CSS Floating & Positioning
  • CSS Dimension & Display
  • CSS Align, Pseudo-class, Pseudo-element &Navigation Bar
  • CSS Image Gallery, Opacity, Sprites &Media Types

Creative Artwork with CSS3

  • CSS3 Round Corners
  • CSS3 Font-face
  • CSS3 Transparency and Semi-transparency
  • CSS3 Box Shadow & Text Shadow
  • CSS3 Transitions, Transform & Gradient

A live project with Layout building with validations

Project Overview

Layout Planning

CSS Optimization

Final Build Up

Project Summary

Live Web Designing Project