Web Design

Web Design

Front-end development is a very professional career nowadays. Web design is the best career for designers.

MODULE 1 - Introduction to Web Technology

Knowing the basic terms related to Web Technology

  • Idea about - Web Designing, Web Development, Software Development, Outsourcing, Freelancing.
  • Basic Ideas on - Domain, Hosting, IP, Server, NameServer, Programming Language, Designing Language, Structured Query Language, Framework, CMS, IDE, cPanel, Domain Control Panel, FTP Client, Local Server.
  • Discuss on what we will be Learning in the Web Technology course and how

Learning how to use the Software and Tools for Web Development

  • How to use IDEs (NotePad++, NetBeans, PHPStorm, PHPEdit)
  • How to use Local Server Application (XAMPP, WAMP, LAMP, MAMP)
  • How to operate cPanel and Domain Control Panel
  • How to use FTP Clients (CoreFTP, FileZilla)


Practicing the Basics of HTML and HTML Pages

  • Elements - Concept of Tags, Code Writing Concepts
  • Attributes - Common Attributes of HTML Tags and their Use
  • Head - Head Elements, and the Contents of Head
  • Paragraph, Headings and Comments - Making Paragraph, Heading etc
  • Blocks -Div, Span, Layout and their Usages in Modern HTML
  • Entities - Character Enteritis, Symbols, their Importance and Use in HTML
  • Lists - Unordered, Ordered, Description Lists and other List Tags
  • An assignment will be Given for the Next Class

Practicing Advanced HTMLand Start Designing Pages

  • Formatting - Font Formatting, Different Tags to Format Fonts
  • Colors, Colornames, Colorvalues - Use of Color in HTML
  • Links - Implementation of Links, and Description of Link Attributes
  • Images - Image Tags and its Attributes
  • iFrames - Syntax of iFrame and its Usages
  • Entities - Character Enteritis, their Importance and Use in HTML
  • An assignment will be Given for the Next Class

Practicing Basic HTML5 and Designing Pages

  • Tables - Detailed Table Attributes and Uses of Table
  • Forms - Implementation of Forms and Validation of Forms
  • Layouts - Developing the Layout of a Webpage with latest tags of HTML5
  • Canvas - Use of Canvas in drawing Graphics
  • An assignment of Designing a very simple Website for Next Class

Practicing Advanced HTML5 and Designing Pages

  • HTML Object - How to support HTML Plugins using Objects
  • HTML Audio - How to integrate Audio File/Player using HTML
  • HTML Video - How to integrate Video File/Player using HTML
  • HTML Video Stream - How to integrate Streaming Video from YouTube
  • An assignment of Designing a very simple Website for Next Class


Practicing basic CSS Codes

  • How to and Where to code in CSS
  • ID & Class Selector - Implementation of CSS using ID and Class
  • Style Sheet - Integration of Style Sheets inside HTML
  • Backgrounds - Creating background with CSS
  • Text and Fonts - Text and Font formatting with the help of CSS
  • Lists - Creating List and List contents with CSS
  • Links - Styling hyperlinks

Designing with Advanced CSS3

  • Tables - Creating table designs with CSS
  • Box Model - Margin, Border, Padding, and Content Management
  • Border - Border creation with CSS
  • Outline - Outline, border, contents
  • Margin - Explanation of the use of Margin using CSS
  • Padding - Possible Padding Values, padding Sides and Properties

Designing more Advanced with CSS3

  • Grouping - Grouping and Nesting
  • Dimension - Dimension Concepts in CSS
  • Positioning - Static, Fixed, Relative and Absolute Positioning & Overlapping
  • Navigation Bar - Navigation Bar, Link and Menu Creation
  • CSS3 Font - Using own Font in a Website
  • CSS3 Effects - Shadow Effects using CSS3

Working with Templates

  • What is Theme and what is Template
  • Understanding Readymade/Existing Templates
  • Understanding Bootstrap
  • Customizing Existing Templates

MODULE 4 - JavaScript and jQuery

Understanding JavaScript

  • How to Write JavaScript Code
  • Where to Insert JavaScript
  • Understanding JavaScript Statements
  • Idea on Syntax - Number, String, Expressions, Variables, Operators, Assignments
  • Commenting and its use in JavaScript
  • Data Types - String, Number, Array, Object, Null

Basic JavaScript

  • Objects - Property, Method
  • Security - Public, Private, Protected, Global
  • Function - Arguments, Returns
  • Events - Event Based Action Handling
  • Strings - Handling Strings
  • Math - Handling Math in JavaScript
  • Arithmetic - Different Arithmetic Operators
  • Dates - Working with Date, Month, Year, Time etc
  • An assignment will be given for Practicing JavaScript

More on JavaScript

  • Array - Working with Array
  • 2 Boolean - Working with Boolean Type variables
  • 3 Comparison - Variable Comparison in JavaScript
  • 4 Condition - If Else Statements, other Condition Handling
  • 5 Loop - For, Do/While, While loops
  • 6 Regular Expression
  • 7 Handling Error
  • An assignment will be Given for the Next Class on JavaScript Combined with HTML

jQuery, the JavaScript Library

  • 1 Syntax, Selector, Event - Code Syntax, HTML element Selector & Events
  • 2 Hide, Show, Fade - Different effects like Hiding, Showing, Fading
  • 3 Animation - Animate with jQuery
  • 4 Add & Remove - Add and Remove HTML Elements using jQuery
  • 5 Get and Set - Get and Set Class or Classes using jQuery
  • 6 Get() and Post() Method - Send and Retrieve Data within Form and Server

Course Instructor