HTML, CSS, Javascript, Bootstrap, PHP with CodeIgniter Framework

Course Price: 15000 Taka | Course Duration: 4 Months

Day Batch: Start Date: 19th August | Days: Tue, Wed | Time: 4:00pm -6:00 pm

Day Batch: Start Date: 16th September | Days: Fri, Sat | Time: 3:30pm -5:30 pm

Evening Batch: Start Date: 16th September | Days: Fri, Sat | Time: 6:30pm -8:30 pm

Training Overview

In this Web Design & Development course you will learn step by step HTML, CSS, Javascript, PHP basic to advance, and how to execute PHP script on your server. After finished this PHP course you can build interactive dynamic web site.

We will teach from basic. Applicant don’t need php knowledge cause we will teach from basic.


There are no pre-requisites for the beginner HTML+ CSS Training. We assume that all students in our beginner classes start with no HTML or CSS experience.

Training Materials

All related software and useful references will provide in class.


  • Introduction about various type of website
  • Introduction to Web Technology

HTML Portion

HTML and The Web

  • Web Pages
  • Browsers
  • Web servers
  • Planning a simple design
  • Writing some HTML
  • Saving your page
  • Viewing your page
  • Editing an Existing Web Page
  • Posting Your Page Online

HTML Document Structure

  • The <html> element
  • Document Header
  • Page Title
  • Metadata
  • The <body> tag
  • Essential Elements
  • Formatted paragraphs

Text and Lists

  • Formatting Text
  • Paragraphs
  • Headings
  • Controlling Text Blocks
  • Preformatted text
  • Quoted text
  • Horizontal rules
  • Numbered lists
  • Bulleted lists
  • Defi nition lists
  • Nesting lists

Linking to Online Resources

  • Basic Links
  • Link options
  • Customizing Links
  • New windows
  • Locations in Web pages
  • Non-HTML resources

Using Images

  • The Role of Images in a Web Page
  • Creating Web-Friendly Images
  • Adding an Image to a Web Page
  • Image location
  • Using the <img /> element
  • Adding alternative and title text
  • Specifying image size
  • Image borders and alignment
  • Building image maps

HTML Tables

  • HTML <table>, <tr>, <td> tag
  • Border Attribute
  • HTML Table <th> tag
  • HTML Table <caption> tag
  • HTML Table <colgroup> tag
  • HTML Table <col> tag
  • HTML Table <thead>, <tbody> tag
  • HTML Table <tfoot> tag

HTML Block Elements

  • HTML <div> Element
  • HTML <span> Element
  • HTML Layouts


  • Inline Styles
  • Background Color
  • Font, Color and Size
  • Text Alignment
  • Internal Style Sheet
  • External Style Sheet

Working with Forms

  • Uses for Forms
      -Search forms
      -Data collection forms
  • Creating Forms
      -Input tags
      -Input fields
  • Processing forms on your pages
  • Designing User-Friendly Forms

CSS Portion

CSS Basic

  • Improving HTML
  • Getting Efficient with CSS
  • CSS Tools
  • Avoiding Browser Compatibility Problems
  • Starting from Scratch
  • CSS Syntax
  • Showing Some Class
  • Specifying Properties
  • Using an ID Selector

Up and Running with Selectors

  • Working with Universal Selectors
  • Using Multiple Declarations
  • Using Attributes as Selectors
  • The Simplest Attribute Selector
  • Building Your First Style Sheet
  • Creating an External Cascading Style Sheet
  • Adding New Selectors

CSS Position

  • Relativity
  • Flow Versus Positioning, Floating Versus Coordinates
  • Controlling Layout with Offsetting
  • Moving Deeper into Positioning
  • Stacking Elements on Top of Each Other with the Z-Axis
  • Combining Stacking with Translucence

CSS Text

  • User Interfaces
  • Substituting Fonts
  • Using Font Variants
  • Specifying Font Weight
  • Using the Font-Variant for Small Caps
  • Simple Font-Style
  • Choosing the Right Typeface Size
  • Specifying Absolute Measured Sizes
  • Adjusting Line Height
  • Decorating Text with Underlining and Strikethrough
  • Transforming Text with Capitalization
  • Shading with Drop-Shadowing

Managing Details in Style Sheets

  • Specifying Size and Position
  • Figuring the Percentages
  • Adding Color
  • Coloring the Background

Web Design Basics

  • Organizing with White Space
  • Adding Drop Caps
  • Trapping White Space
  • Getting a Grip on Boxes
  • Vertical Positioning
  • Horizontal Positioning
  • Breaking Up Text with Horizontal Lines

Organizing Your Web Pages Visually

  • Managing Borders
  • Specifying a simple border
  • Choosing from lotsa border styles
  • Mixing and matching styles
  • Specifying border width
  • Coloring a border
  • Floating About
  • Employing Auto to Control Layout
  • Vertical Positioning with Auto
  • Handling Inline Elements

Handling Tables and Lists

  • Getting exotic with the list-style-image property
  • Positioning lists
  • Managing Tables
  • Employing the table-layout property
  • Doing Without Tables
  • Creating Columns that Resize with the Browser
  • Building Fixed Columns


  • Grid system
  • Typography
  • Forms
  • Responsive images
  • Glyphicon
  • Dropdowns
  • Button
  • Navbar
  • Breadcrumbs
  • Label
  • Badges
  • Jumbotron
  • Alerts
  • Panel
  • Table
  • List group
  • Page header
  • Mixing and matching styles
  • Specifying border width
  • Coloring a border
  • Floating About
  • Employing Auto to Control Layout
  • Vertical Positioning with Auto
  • Handling Inline Elements

PHP (Basic)

  • Practical example of various functions
  • Discussion of various functions
  • Functions
  • Practical example of various loops
  • Discussion of various loops
  • Loops
  • Practical example of various statements
  • Discussion of various statements
  • Statements
  • Practical example of various arrays
  • Discussion of various arrays
  • Arrays
  • Practical example of various operators
  • Discussion of various operators
  • Operators
  • Practical example of various variable
  • Standard rules of declaring a variable
  • Variable declaring rule
  • Variables
  • Discussion benefit of using php
  • Creating local server in pc
  • Discussion about server
  • Discussion about database



  • Introduction about Database,
  • Introduction about database server
  • Data Types
  • DML(Data Manipulation Language)


Basic PHP with Framework

  • PHP & MySQL Relationship
  • Advantage of using Framework
  • Introducing CodeIgniter Framework
  • Create first project with CodeIgniter Framework

CodeIgniter Framework

  • Active Record Class:
  • Advantage of using Active Record Class.
  • Client Side Validation
  • CodeIgniter Helper & Library
  • Server side validation
  • Captcha image verification
  • Session Library
  • CodeIgniter Methods
  • CodeIgniter Classes

DB Relationship & Model Description

  • Database Normalization
  • Database Model Description

CodeIgniter Framework – SSL, Email Manager

  • Email System


Ajax Basics

  • The XMLHttpRequest Object
  • XMLHttpRequest Methods
  • XMLHttpRequest Properties
  • Cross-Browser Usage
  • Sending a Request to the Server
  • Basic Ajax Example



  • Introduction to JavaScript
  • Variables
  • Operators
  • Data Type
  • Functions


jQuery Basics with Example & Selectors

  • About jQuery
  • How jQuery Works
  • jQuery: The Basics
  • Launching Code and Complete Examples
  • Using selectors and events
  • Selectors
  • Basics & Hierarchy
  • Basic, Content, Visibility, Attribute & Child Filters
  • Forms & Form Filters


After complete the PHP syntex we will make a project.

1. Building a Blog site from scratch

After successfully complate this course you will be able to work as a freelancer in online marketplace and you also be able to work in our local IT companies.