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