Web Design & Programming

Course on Web Design and Development

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

Hours

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

Fill in the form below to receive a callback

Register Now

Description

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

Curriculum

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

Reviews

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