Web Design and Development

Web development refers to the building, creating, and maintaining websites. It includes aspects such as web design, web publishing, web programming, and database management. Web designer only designs website interfaces using HTML and CSS. A web developer may be involved in designing a website, but may also write web scripts in languages such as PHP and ASP. Additionally, a web developer may help maintain and update a database used by a dynamic website.


HTML stands for Hyper Text Markup Language.HTML describes the structure of Web pages using markup.HTML elements are the building blocks of HTML pages.HTML elements are represented by tags.HTML tags label pieces of content such as "heading", "paragraph", "table", and so on.Browsers do not display the HTML tags but use them to render the content of the page.

  • HTML Introduction
  • HTML Elements
  • HTML Attributes
  • HTML Headings
  • HTML Paragraphs
  • HTML Formatting
  • HTML Quotations
  • HTML Comments
  • HTML Colors
  • HTML Links
  • HTML Tables
  • HTML Lists
  • HTML Classes
  • HTML Layout
  • HTML Forms
  • HTML Form Elements
  • HTML Input Types
  • HTML Input Attributes


CSS stands for Cascading Style Sheets.CSS describes how HTML elements are to be displayed on screen, paper, or in other media.CSS saves a lot of work. It can control the layout of multiple web pages all at once.External stylesheets are stored in CSS files.

  • CSS Introduction
  • CSS How To
  • CSS Colors
  • CSS Backgrounds
  • CSS Borders
  • CSS Margins
  • CSS Padding
  • CSS Height/Width
  • CSS Box Model
  • CSS Outline
  • CSS Fonts
  • CSS Links
  • CSS Display
  • CSS Position
  • CSS Shadows
  • CSS Float
  • CSS Pseudo-class
  • CSS Pseudo-element
  • CSS Opacity
  • CSS Rounded Corners


Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.

  • BS Get Started
  • BS Grid Basic
  • BS Typography
  • BS Tables
  • BS Jumbotron
  • BS Wells
  • BS Alerts
  • BS Buttons
  • BS Button Groups
  • BS Glyphicons
  • BS Badges/Labels
  • BS Progress Bars
  • BS Pagination
  • BS Pager
  • BS List Groups
  • BS Panels
  • BS Dropdowns
  • BS Collapse
  • BS Tabs/Pills
  • BS Navbar
  • BS Inputs
  • BS Inputs 2
  • BS Input Sizing
  • BS Media Objects
  • BS Carousel
  • BS Modal
  • BS Tooltip
  • BS Popover
  • BS Scrollspy
  • BS Affix
  • BS Grids


One of many JavaScript HTML methods is getElementById( ). This example uses the method to "find" an HTML element (with id="demo") and changes the element content (innerHTML) to "Hello JavaScript":

  • JS Introduction
  • JS Variable
  • JS Operators
  • JS Function
  • JS Array
  • JS Loop For
  • JS Loop While
  • JS Condition
  • JS String
  • JS Number Method

Project on website design


PHP is an acronym for "PHP: Hypertext Preprocessor".PHP is a widely-used, open source scripting language.PHP scripts are executed on the server and PHP is free to download and use.It is powerful enough to be at the core of the biggest blogging system on the web (WordPress)!It is deep enough to run the largest social network (Facebook)!It is also easy enough to be a beginner's first server-side language!

  • PHP Intro
  • PHP Install
  • PHP Syntax
  • PHP Variables
  • PHP Echo / Print
  • PHP Data Types
  • PHP Strings
  • PHP Constants
  • PHP Operators
  • PHP If...Else...Elseif
  • PHP Switch
  • PHP While Loops
  • PHP For Loops
  • PHP Functions
  • PHP Arrays
  • PHP Sorting Arrays
  • PHP Superglobals


  • PHP Form Handling
  • PHP Form Validation
  • PHP Form Required
  • PHP Form URL/E-mail
  • PHP Form Complete


  • PHP Arrays Multi
  • PHP Date and Time
  • PHP Include
  • PHP File Handling
  • PHP File Open/Read
  • PHP File Create/Write
  • PHP File Upload
  • PHP Cookies
  • PHP Sessions


  • MySQL Database
  • MySQL Connect
  • MySQL Create DB
  • MySQL Create Table
  • MySQL Insert Data
  • MySQL Get Last ID
  • MySQL Insert Multiple
  • MySQL Prepared
  • MySQL Select Data
  • MySQL Delete Data
  • MySQL Update Data
  • MySQL Limit Data

Project on core (dynamic website) php

Career Opportunities:

  • Web designer(frontend)
  • Web development(backend)