8368722963 info@nxaeon.com Admin Login

Everything about your website – including the content, the way it looks, and the way it works – is determined by the website design. Web design is a process of conceptualizing, planning, and building a collection of electronic files that determine the layout, colors, text styles, structure, graphics, images, and use of interactive features that deliver pages to your site visitors. Professional Web design helps to make your business appear credible online.Nxeone is providing the platform of every class of students to become master in the Web Designing.

Syllabus of Web Designing

Introduction to Web Technologies

  • Careers in Web Technologies and Job Roles
  • How the Website Works?
  • Client and Server Scripting Languages
  • Difference between a Web Designer and Web Developer
  • Types of Websites (Static and Dynamic Websites)
  • Responsive design and layout

HTML

  • What is Markup Language
  • Basic Structure of HTML
  • Document Overview
  • The Structure Tags
  • Getting Started With HTML
  • Writing the Code
  • Head Section
  • Meta Tags
  • External Link Tags
  • HTML Tags
  • HEAD Tags
  • Title Tags
  • Body Tags
  • Displaying a web page in a web Browser
  • HTML Elements
  • Block level elements
  • Inline elements
  • Empty elements
  • Working with Forms
  • Creating a Form
  • Form Tag
  • POST and GET Method
  • Text Input, Textarea, Checkbox, Image Input and Radio
  • Select Option
  • Option Group
  • File Upload and Hidden Fields
  • Submit Button, Reset Button
  • Relation between HTML Form and PHP
  • Adding Special Characters
  • Block Oriented Elements
  • Defining Paragraphs and new Lines
  • Inserting Spaces
  • Perforating the Text
  • Changing Background Color
  • List
  • Ordered List
  • Unordered List
  • Definition List
  • Attributes of List
  • Using Type attribute with Unordered list
  • Using Stat attribute with Ordered List
  • Some other elements
  • Visual Markup
  • Uniform Resource Locators
  • Types of URLs
  • Absolute URLs
  • Relative URLs
  • Document-Relative URLs
  • Server-relative URLs
  • Hypertext Links
  • Why links fail?
  • Images
  • Adding Images
  • Adding Border to an image
  • Tables
  • How to create table
  • Adding Border to a Table
  • Apply Formatting Features to Table
  • Merge row and columns
  • Introduction to style Sheets
  • How style sheets work
  • Style Sheet Structure
  • Changing the Background
  • Changing the color of the text
  • Changing the front
  • Changing the Indent of the text
  • Changing the Line Spacing
  • Hide a Style Sheet
  • Creating Style Classes
  • Div
  • Span
  • Frame
  • Layer
  • Meta
  • HTML Frames
  • Frame
  • iframe
  • Introduction to HTML5
  • Introduction to HTML5
  • What’s new in HTML5
  • HTML5 Syntax
  • The DOCTYPE
  • The <script> tag
  • The <link> tag
  • HTML5 Document
  • New input Elements
  • Color
  • Date
  • Datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • New Input attributes
  • autofocus
  • formaction
  • formmethod
  • formnovalidate
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step
  • Audio and Video
  • <audio>
  • <video>
  • <source>
  • New Structural Elements
  • <details>
  • <dialog>
  • <summary>
  • <meter>
  • <main>
  • <header>&<footer>
  • <section>
  • <aside>
  • <figure>
  • SVG
  • What is SVG?
  • SVG Advantages
  • SVG in HTML
  • SVG Shapes
  • SVG Text
  • SVG Stroke properties
  • SVG Animation
  • Canvas
  • What is canvas?
  • Lines
  • Curves
  • Paths
  • Shapes
  • Color, gradients
  • Image
  • Arc
  • Text
  • Shadow
  • HTML5 APIs
  • Google Map
  • Drag & Drop

CSS (Cascading Style Sheets)

  • CSS Introduction
  • CSS Syntax
  • CSS Id & Class
  • Types of CSS links
  • Colors and Backgrounds
  • color
  • background-color
  • background-image
  • background-repeat
  • background-position
  • background-attachment
  • background
  • Text and Fonts
  • font
  • font-family
  • font-size
  • font-weight
  • font-style
  • line-height
  • letter-spacing
  • word-spacing
  • text-align
  • text-decoration
  • text-transform
  • white-space
  • Lists
  • list-style
  • list-style-type
  • list-style-image
  • list-style-position
  • Tables
  • table-layout
  • border-collapse
  • border-spacing
  • CSS Selectors
  • Universal Selector
  • Type Selector
  • Class Selector
  • ID Selector
  • Child Selector
  • Descendant Selector
  • Attribute Selector
  • Adjacent Sibling Selector
  • General Sibling Selector
  • Query Selector
  • CSS Box Model
  • CSS Border
  • CSS Outline
  • CSS Margin
  • CSS Padding
  • CSS Advanced
  • CSS Grouping/Nesting
  • CSS Dimension
  • CSS Display
  • CSS Positioning
  • CSS Floating
  • CSS Align
  • CSS Pseudo-class
  • CSS Pseudo-element
  • CSS Navigation Bar
  • CSS Image Gallery
  • CSS Image Opacity
  • CSS Attribute Selectors
  • Styling Links
  • Introduction to CSS3
  • What’s new in CSS3
  • Border
  • border-image
  • border-radius
  • CSS Shadows
  • Text-shadow
  • Box-shadow
  • Background
  • background-clip
  • background-size
  • background-origin
  • background-image
  • Outline
  • Transitions
  • transition
  • transition-delay
  • transition-duration
  • transition-property
  • Transform
  • 2D Transforms
  • transform
  • matrix()
  • translate(x,y)
  • scale(x,y)
  • rotate(angle)
  • skew (x-angle,y-angle)
  • 3D Transforms
  • transform
  • transform-style
  • perspective
  • transform-origin
  • Animations
  • @keyframes
  • animation
  • animation-direction
  • animation-duration
  • animation-name
  • Selectors
  • CSS combinations
  • Pseudo Elements
  • Gradients
  • Linear Gradients
  • Radial Gradients
  • Multiple Columns
  • column-count
  • column-fill
  • column-gap
  • column-width
  • columns
  • column-rule
  • column-rule-color
  • column-rule-style
  • column-rule-width
  • User Interface
  • resize
  • box-sizing
  • outline-offset
  • CSS Filters
  • Blur
  • Brightness
  • Contrast
  • Grayscale
  • Hue-rotate
  • Invert
  • Opacity
  • Saturate
  • Sepia
  • Drop-shadow

Media Query

  • Media Query
  • What is Responsive Web Design
  • Intro to the Viewport
  • The Viewport Tag
  • Media Queries
  • Fluid Layouts
  • Tablet Styles
  • Mobile Styles
  • Making a Mobile Drop-down Menu
  • Responsive Images & Polyfills
  • Web Fonts
  • @font-face
  • font-family
  • src
  • font-stretch
  • font-style
  • font-weight
  • Flexbox
  • flex-grow
  • flex-shrink
  • flex-basis
  • flex
  • flex-wrap
  • flex-direction
  • flex-flow
  • justify-content
  • align-items
  • order

JavaScript

  • Introduction to JavaScript
  • Syntax
  • Statements
  • Comments
  • Enabling in various browsers
  • Popup Boxes
  • Alert
  • Confirm
  • Prompt
  • Variables
  • Operators
  • Arithmetic
  • Assignment
  • Comparison
  • Logical
  • Conditional
  • Conditional Statements
  • if
  • if…else
  • if…else if…else
  • Switch
  • Loops
  • while
  • do…while
  • for
  • for…in Statement
  • Break
  • Continue
  • Functions
  • User-defined Functions
  • Function Syntax
  • Function with Arguments
  • Returning Values from Functions
  • Built-in Functions
  • paraseInt and parseFloat
  • Events
  • Introduction
  • Mouse Events
  • Keyboard Events
  • Form Events
  • Document/Window Events
  • Cookies
  • Page redirection
  • Built-in Objects
  • Introduction
  • Number
  • Strings
  • Math
  • Arrays
  • Associative Array
  • Array Properties and Methods
  • Date
  • Boolean
  • Regexp
  • Advanced javascript
  • Form Validations
  • Basics of Form Validation
  • Validating Radio Buttons
  • Validating Checkboxes
  • Validating Select Menus
  • Validating Textareas
  • JS Document Object Model (DOM)
  • Introduction
  • DOM HTML
  • DOM CSS
  • DOM Events
  • JS Browser Object Model (BOM)
  • JS Cookies
  • JS Window
  • JS Location
  • JS Popups
  • JS Time
  • Introduction to OOP concept

jQuery

  • What is JQuery?
  • Overview of JQuery features
  • Using JQuery links
  • JQuery Selectors
  • JQuery Events
  • JQuery Effects
  • Hide() & show()
  • Fade()
  • Slide()
  • Animate()
  • Callback function
  • Chaining
  • JQuery HTML
  • Get() & Set()
  • Add() & Remove()
  • CSS()
  • Dimensions()
  • JQuery Traversing
  • Parent() & children()
  • Next() & Prev()
  • Find()
  • Jquery AJAX
  • Image slider using JQuery plugins
  • Form Validation

Bootstrap Framework

  • Getting started with Bootstrap
  • Grid system in Bootstrap
  • Adding Header & Navigation
  • Adding Logo in Navigation Bar & Adding Banner
  • Adding Jumbotron
  • Adding Rows, Columns & Containers
  • Adding Column Width using offset
  • Ordering Columns using push or pull
  • Nesting Columns in Bootstrap
  • Adding Footer top Website
  • Typography in Bootstrap
  • Adding glyphicons
  • Styling Tables
  • Adding Responsive or Utilities in Bootstrap
  • Styling Button using between classes
  • Styling Images and making images Responsive
  • Adding description list in bootstrap
  • Adding Panels

Live Website Design Project

  • Designing a Professional Photoshop Template
  • Conversion of PSD to HTML
  • Slideshow Integration
  • Implementing Gallery Script
  • Adding the Contact Form
  • Form validations using JS
  • Designing Responsive Website