Course on Web Design and Development

Create visual stories by gaining practical skills in designing, building and improving websites.

60
60
Hours

Get Free Demo & Best Price for Web Design & Development Course

Fill in the form below to receive a callback

Register Now

Learn how to use PHP, MySQL, HTML, CSS, and JavaScript frameworks to build robust websites and applications, database integration, and forms, complete with e commerce. Get to know the structure and components of both websites and web applications. purpose and functions of both front-end and back-end development and how to generate a visually appealing and responsive website and become a professional web developer.

Course Objectives

At the completion of Web Design and Development Training learners will

  • Understand the principles of creating an effective web page, including an in-depth consideration of information architecture.
  •  Gain project-based experience needed for entry into web design and development careers.
  • Learn how to build static and dynamic websites
  • Develop skills in analyzing the usability of a web site.
  • Learn the language of the web: HTML, Boot Strap and CSS etc.,.
  • Develop basic programming skills using Javascript and jQuery.
  • Develop skills in digital imaging using Adobe Photoshop
  • Understand how to embed SEO aspects while building the website

I Introduction to Web Design & Development

  • Introduction to Web Technologies
  • Domains and Hosting
  • Static Website, Dynamic Websites and WebApps
  • Client Side Scripting and Server Side Scripting
  • Web Standards and W3C recommendations
  • PHP MySQL Web Developer Syllabus

II Understanding HTML 4 & 5

  • What is Markup Language
  • Basic Structure of HTML
  • Head Section and Elements
  • Meta Tags
  • External Link Tags
  • HTML Structure Tags
  • Create Table, Div and Frame Tag
  • Content and Header Tags
  • Paragraph, Span, Pre Tags
  • Anchor Links and Named Anchors
  • Object, iframe and Image Tag
  • Implementing iFrame in Realtime
  • Working with Forms
  • Form Tag and Attributes
  • POST and GET Method
  • Text Input, TextArea, Checkbox and Radio
  • Password Field
  • Select Option, Option Group
  • File Field and Hidden Fields
  • Submit, Reset, Image Buttons
  • Relation between HTML Form and PHP
  • Creating a Live Website Form
  • XHTML
  • What is XHTML
  • Difference between HTML & XHTML
  • XHTML Basics
  • Introduction to Doc Types
  • XHTML Validation
  • HTML5 (Latest Version)
  • Introduction to HTML5
  • Whats new in HTML5
  • HTML5 Apis
  • HTML5 Semantic Tag
  • New Structure
  • HTML5 Multimedia
  • Search, Email and Url Tel Input

III BootStrap

  • Bootstrap Setup
  • Benefits of Bootstrap
  • Basics of Bootstrap
  • Project Design Using Bootstrap

IV Cascading Style Sheets (CSS2 & CSS3)

  • Introduction to Cascading Style Sheets
  • Types of Style Sheets
  • Media Type
  • Default CSS Properties
  • Types of CSS Selectors
  • Universal Selector
  • Type Selector
  • Class Selector
  • ID Selector
  • Child Selector
  • Descendant Selector
  • Adjacent Sibling Selector
  • Other Selectors
  • CSS properties
  • Type Properties
  • Type Properties
  • Background Properties
  • Block Properties
  • Box Model Properties
  • List Properties
  • Border Properties
  • Positioning Properties
  • Useful CSS Properties
  • Properties useful in Realtime Designing
  • Using CSS for Realtime Practical Works
  • Defining the Text Styles
  • Defining the Background Styles
  • Designing a Menu Systems
  • Horizontal, Vertical and Drop Down
  • Custom Form Designing
  • DIV + CSS Layout Design
  • PSD to CSS Conversion
  • CSS Optimization Tips
  • CSS Compression
  • (CSS 3.0 – Latest Version)
  • Introduction to CSS 3
  • Basic CSS3 Selectors
  • Advanced CSS3 Selectors
  • New CSS3 Properties
  • CSS Rounded Corners
  • Border Image
  • Box and Text Shadow
  • Multiple Backgrounds
  • Background Origin
  • Background Resize
  • CSS Clip, Gradients, Opacity
  • Transitions & Transform

V Java Script

  • Introduction to Client Side Scripting
  • Introduction to Java Script
  • Javascript Types
  • Variables in JS
  • Operators in JS
  • Conditions Statements
  • Java Script Loops
  • JS Popup Boxes
  • JS Events
  • JS Arrays
  • Working with Arrays
  • JS Objects
  • JS Functions
  • Using Java Script in Realtime
  • Validation of Forms
  • Related Examples

VI JQuery and JQuery UI

  • Introduction to jQuery
  • jQuery Features
  • Installing jQuery
  • jQuery Syntax
  • jQuery Ready Function
  • jQuery Selectors
  • jQuery Actions
  • jQuery Custom Functionality
  • jQuery Libraries
  • jQuery Validation
  • jQuery Slideshow
  • jQuery Dropdown
  • JS Functions
  • jQuery UI
  • Working with jQueryUI
  • jQuery Accordions
  • jQuery Tabs
  • jQuery Tooltips
  • jQuery Autocomplete

VII Photoshop

  • Basic info about Photoshop Tools
  • PSD to HTML Conversion

VIII Hosting Website

  • Web Hosting Basics
  • Types of Hosting Packages
  • Registering Domains
  • Defining Name Servers
  • Using Control Panel
  • Creating Emails in Cpanel
  • Using FTP Client
  • Maintaining a Website

IX SEO Concepts

  • Basics of SEO
  • Importance of SEO
  • On page Optimization Basics
  • File Optimization
  • Title Optimization
  • Meta Tags creation
  • Footer Optimization

X PHP MySQL

  • PHP Introduction
  • Variables, Constants, Datatypes
  • Operators and Control Structures
  • Looping Statements
  • Arrays and Foreach Loop
  • PHP Functions
  • Sessions in PHP
  • Blog Project Demo, PhpMyAdmin
  • Project
  • OOPS with PHP – Basics

XI ASP.Net

  • Introduction to ASP.NET
  • ENVIRONMENT SETUP
  • Basic Controls
  • Directives
  • Event Handling
  • Database Handling
  • Error Handling
  • Deployment
  • Security

XII Live Website Design Project

  • Designing a Professional Photoshop Template
  • Conversion of PSD to CSS
  • Adding Menu System to Project
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS

Manual Website Testing

Shebaga Raj photo

Shebaga Raj

Senior Draftsman
I have done my AutoCAD course from Quadra Plus Training Dubai. I love the way they teach. Their course is focused, cost effective and gives you all the practical knowledge you need to have in AutoCAD 2D and 3D. I am very much satisfied with this passionate team and highly recommend for those seeking good drafting and designing training.

  Certified Trainer

 Instructor’s Manuals

  KHDA Approved Certificate

   Project Based Training

 Certification Assistance

  Hands on Practice

  Post Training Support

Related Courses

Open chat