Course Description:

---

Website design means planning, creation and updating of websites. Website design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts and imagery (photography) as well as icons design.

Web Designing

---

Introduction

---

• Role of Web Designer
• Intro to Web Technology
• • HTML
• • CSS
• • JAVA SCRIPT
• • jQUERY
• Scope of Website
• Static & Dynamic Websites
• Domain names

HTML

---

• Component of HTML Code
• Getting Started with HTML
• Basic HTML Tags
• • HTML Tag
• • TITLE Tag
• • HEAD Tag
• • BODY Tag
• HTML Paragraph
• HTML Fonts & Styles
• HTML Link
• HTML Images
• HTML Table
• HTML List
• Attributes of LIST
• HTML Froms
• HTML FRAME
• HTML URLs
• Adding Special Character
• Changing the background

HTML5

---

• Overview
• HTML Syntax
• Canvas
• SVG
• Drag & Drop
• Video& Audio
• HTMLS Forms
• Web Storage
• SSE

CSS

---

• CSS Introduction
• CSS Syntax
• Id & Class
• Color &Backgroud
• Text & Fonts
• List & Table Style

CSS BOX Model

---

• • CSS Border
• • CSS Outline
• • CSS Margin
• • CSS Padding

Advance CSS

---

• CSS Grouping/Nesting l CSS Dimension
• CSS Display
• CSS Positioning
• CSS Floating
• CSS Align
• CSS Pseudo-class
• CSS Pseudo-element l CSS Navigation Bar
• CSS Image Gallery
• CSS Image Opacity
• CSS Attribute Selectors l Styling Links

CSS3

---

• Introduction to CSS3
• New in CSS3
• Border & Background
• Gradients
• Selectors
• Text Effect
• Fonts
• 2D & 3DTransformation
• Animation
• Transitions
• Multiple Columns
• User Interface

JavaScript

---

• What is JavaScript
• Popup Box
• Variable & Operators
• Decision Making Statement
• Loop Controls
• User defined Function
• Built in function
• Events
• • Mouse Event
• • Keyboard Event
• • Document & Window Event

Cookies

---

• Built in Objects
• Page Indirection
• Form validation
• Advance JavaScript

JQuery

---

• What is Jquery?
• Overview of JQuery's features
• What is JQuery UI?ore . . .
• Downloading and using jQuery
• Validating HTML form data using jQuery
• Intro into Responsive Design
• Using JQuery with HTML pages
• Manipulating HTML CSS, Attribute, Type and ID selector using Jquery
• Using jQuery sliders and photo galleries l Using jQuery sliders and photo galleries
• Using JQuery based plugins
• Image Gallery
• Form Validator
• Image Zoom
• Plugins

Adobe Photoshop

---

• Workflow
• Selection & Drawing
• Channels & Layers
• Image Editing & Special Effects Automating Tasks
• Print Image

Adobe Dreamweaver

---

• Creating a Web Application using Dreamweaver

Project Work

---

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

Bootstrap Studio

---

• Creating a Web Application using Bootstrap Studio

Project Work

---