Request A Quote

Advance Web Designer – Course Details


Want to learn Advance web design course with HTML5? Looking for a professional institute to learn Responsive web design course in Coimbatore? We Designwebsites.in will help you achieve your goal to be a web designer. In this course you will learn in and out about website design, tip and tricks about designing a professional web design. We are different from other web design institutes in Coimbatore. We concentrate on creative part or web designs where in other just teach tools. Starting from designing a beautiful basic template from scratch to hand coding the designs into HTML5 websites. Being one of the leading web design agency in Coimbatore, we understand what is required to be a professional web designer. Our courses are designed to meet the industry standards.


Advance Web Designer
Course Details


Duration:   40 Hours
Price:   Rs. 18,500 (Eighteen Thousand Five Hundred Only)
Timing:   5 Hours a Week

Advance Web Designer
Course structure

  • HTML 5
  • CSS
  • Boot Strap CSS
  • JQUERY
  • JavaScript
  • Photoshop
  • Dreamweaver
  • FTP details
  • Captcha Validation
  • Project

HTML5



HTML 5 Introductions

  • HTML 5 an Introduction
  • What is HTML 5
  • Difference between HTML and HTML 5
  • Introduction to Tags
  • Introduction to HTML Editors

Links

  • Linking different pages
  • Hyperlinks
  • Navigation bars
  • External style sheets
  • Types of hyperlinks
  • CSS and hyperlinks

Images

  • Image Attributes
  • Inserting Images
  • Types of Images
  • Images and CSS
  • Background Images
  • Image captions

HTML 5 Tables

  • Introduction to
    HTML5 Tables
  • Table alignments
  • Row and Column
  • Images color

Layouts

  • Styling HTML 5 tags
  • CSS Comments
  • Styling layout

HTML 5 Forms

  • HTML 5 Form Layout
    tags
  • Text boxes
  • Submit Box
  • Rest box
  • Formatting Text box
  • Dates
  • Color pickers
  • HTML5 Audio & Video
  • Labels & Text Areas
  • Passwords
  • Hidden fields
  • Option buttons
  • Check boxes

W3 Standards

  • HTML Validation
  • Fixing up the bugs and errors
  • Cross browser compatibility testing

About Dreamweaver


Dreamweaver

  • Introducing to
    Dreamweaver
  • A Quick Tour
  • Setting up Your
    Workspace
  • Working with panels

Website Definition

  • Understanding Local and Remote Sites
  • Creating the Local Site
  • Defining the Remote Site
  • Editing Site Definitions
  • Working with the Files Panel

Working with / Links

  • Creating Text Links
  • Targeting Links
  • Adding Named Anchors
  • Adding Links to
    Graphics
  • Adding Email Links

Adding Text to Your Pages

  • Adding Text
  • Cutting, Copying, and Pasting Text
  • Using Paste Special
  • Applying Headings
  • Checking Spelling
  • Finding and Replacing
  • Inserting Special Characters
  • Line Breaks
  • Non-breaking Spaces

Creating Basic Web Pages

  • Creating a New Page
  • Using Sample Pages
  • Titling Your Page
  • Adding Text to Your Page
  • Creating Links
  • Adding Images
  • Naming and Saving Your Page
  • Opening a Page
  • Previewing in a Browser

Working with Images

  • Adding Images
  • Adding Image
    Placeholders
  • Aligning Images
  • Setting Image
    Properties
  • Editing Images
  • Adding a Background
    Image
  • Creating Image Maps

Working with Tables

  • Creating a Table
  • Selecting Table Elements
  • Adding Rows and Columns
  • Merging and Splitting Cells
  • Formatting Tables
  • HTML Audio and Video
  • Labels & Passwords
  • Text Areas & Check boxes
  • Hidden fields
  • Option buttons

Page layout

  • Positioning Page Content
  • CSS Layout Basics
  • Using the Included Layouts
  • Laying Out Your Page
  • Using the Visual Aids

CASCADING STYLE SHEET


  • Controlling Color and Typography
  • Know about CSS
  • Benefits of CSS
  • How to use CSS
  • Creating layouts
  • Different types of Layouts
  • Layout Structures
  • Implement Design as Layout
  • Style Sheet Types
  • Style Sheet Rules
  • Embedded Style Sheets
  • Color Methods
  • RGB Values
  • CSS Comments
  • Cursor Styles
  • Text Styles
  • CSS Text Properties
  • Modify Text Styles
  • Font Styles
  • Modify Font Styles
  • Specifying Fonts and Font Sizes
  • Controlling Font Weight and Style
  • Control Margins and Padding
  • The Box Model
  • Margin
  • Padding
  • Margins
  • Element Padding
  • Positioning
  • Create Borders
  • Arranging Elements with the Float Property
  • Scrollable Content Sections
  • Layout with Positioning
  • Absolute Positioning
  • Customize Cursors
  • Form Design
  • Customizing Form Styles
  • Background Images
  • Applying a Background Image
  • Accessible Style Sheets
  • Link Relationships
  • System Fonts and Colors
  • Print Style Sheets

Bootstrap CSS


Bootstrap CSS
  • Introduction To Bootstrap
  • Introduction to Grid
  • Introduction to Bootstrap framework
  • The Grid
  • Controlling The Grid Across Devices
  • Column Offsets
  • Using Nested Columns
  • Column Ordering
  • Responsive Images
  • Flexible fonts
  • Flexible grid
  • Responsive Utility Classes
  • Media Queries and Breakpoints
  • Coding Rows and
    Columns
  • Using Containers
  • Custom Typography
  • Navigation Bar
  • Fixing The Navigation Bar
  • Dropdowns
  • Button Options


PHOTOSHOP Course DETAILS



Photoshop Overview

  • Document Window
  • Toolbars
  • Finding Hidden Tools
  • Option bar
  • Palettes
  • Menus
  • Opening & saving files
  • Working with palettes
  • Using online Help
  • Using Rulers
  • Guides & Grids

Document Dimensions

  • New Documents
  • Resolution vs. File Size
  • Canvas Size
  • Enlarging Canvas size
  • Rotating Canvas

Undo & History Palette

  • Undo Redo/Revert
  • History Palette
  • Stepping Back in “Time”
  • History Palette Features

Views & Navigation

  • Views & Menu
  • Fit on Screen
  • Actual Pixels
  • Print Size
  • View Zooms
  • Zoom & Hand tool
  • Keyboard shortcuts
  • Moving Around
  • Navigator palette
  • Keyboard shortcuts
  • New View (s)

Setting Preferences

  • Resetting Preference
  • Setting Preference
  • General Preferences
  • Saving Files Preferences
  • Display and Cursor Preferences
  • Transparency and Gamut
  • Preferences
  • Units and Rulers Preferences
  • Guides and Grid Preferences
  • Plugins and Scratch Disks
  • Image Cache Preferences
  • Assigning RAM to Photo shop

Color

  • Color Modes & Uses
  • RGB Mode
  • CMYK Mode
  • Bitmap Mode
  • Selecting Colors
  • Eyedropper tool
  • Foreground/Background colors
  • Color palette
  • Swatch palette

Crop Tool

  • Shielding Cropped Area
  • Crop & Straighten

Layers

  • Organizing artwork on layers
  • Creating and viewing layers
  • Selecting and removing artwork on a layer
  • Rearranging layers
  • Changing the opacity of a layer
  • Linking layers
  • Adding a gradient mask
    to a layer
  • Adding a layer effect/style
  • Flattening layers & saving files
  • Painting/ Editing

Gradients

  • Using Pre-defined gradients
  • Editing Gradients
  • Masks, Selections, and Channels
  • Defining masks, selections, and alpha channels
  • Quick Mask
  • Editing a mask
  • Making a mask as a selection
  • Using the Selection tools
  • Rectangular marquee tool
  • Elliptical marquee tool
  • The Magic Wand
  • Moving a selection
  • Add & subtract selections
  • Via Option Bar
  • Via Keyboard shortcuts
  • Editing Selections
  • Moving a Selection
  • Selection only
  • Image Selection
  • Transforming a selection
  • Modifying Selections
  • Inversing Selections
  • Saving & Loading a Selection

Using Palettes

  • Color Adjustment
  • Easy Methods
  • Variations
  • Auto Levels
  • Auto Contrast
  • Auto Color
  • Red Eye Tool
  • Levels
  • Filters
  • Sharpen
  • Blur
  • Filter Gallery, including:
  • Artistic
  • Sketch
  • Stylize
  • Texture

Saving Files

  • Layered Formats
  • TIFF with layers
  • PDF
  • TIFF
  • Flat Format
  • JPEG
  • PNG - 24

Tools

  • Painting Tools
  • Brush Tool
  • Eraser
  • Pencil Tool
  • Line
  • Clone Tool
  • Filling with Color
  • With Paint Bucket tool
  • With Fill Menu
  • Painting
  • Editing images
  • Selecting a Paint or
    Editing Brush
  • Adjusting Opacity
  • Painting within
    a selection
  • Erasing Tools
  • Airbrushing
  • smudging

Printing Files

  • Print With Preview
  • Scaling to fit
  • More Options
  • Output options

Type

  • Type Tools
  • Normal & Setting Type
  • Type Mask & Color
  • Font, Style, Size & Alignment
  • Warped Text Effects
  • Anti-Alias Settings

Project

Students need to create a Website template, Brochure, Flyer in student chosen business category.


learn Photoshop course in Coimbatore

Contact us to learn Photoshop course in Coimbatore. Call us +91 98430 49705 or email us at info@designwebsites.in

JavaScript Details



Overview of Java Script

  • Where does Java Script Fit in?
  • Comparing Products & Prerequisites
  • Comparing Java Script to Java
  • The Purpose of Java Script

Building a Java Script Program

  • Using Java Script in an HTML Document
  • Hiding Java Script from old Web Browsers
  • Basic Syntax Used in Java Script Commands
  • Basic Commands


JQUERY


JQUERY

Effects

  • Introduction to Effects
  • Custom Effects with .animate() & Queue
  • The uses of JQUERY .queue()

JQUERY Core

  • $ vs $()
  • $( document ).ready()
  • Avoiding Conflicts with Other Libraries
  • No Conflicts & Attributes
  • Selecting Elements
  • Working with Selections
  • Manipulating Elements
  • The JQUERY Object
  • Traversing
  • CSS, Styling, & Dimensions
  • Data Methods
  • Utility Methods

jQUERY animations

  • Sliding & Easing
  • Fading & Toggling
  • Dealing with Durations

Events

  • JQUERY Event Basics
  • Event Helpers
  • Introducing Events
  • Handling Events
  • Triggering Event Handlers
  • JQUERY Event Extensions

Plugins

  • Finding and Evaluating Plugins
  • Advanced Plugin Concepts
  • JQUERY UI Widget
    Factory
  • Append Outside of Loops
  • Optimize Selectors
  • Use Style sheets for Changing
  • CSS on Many Elements

FTP Server

  • Introduction to FTP
  • Download File uploading tools
  • Create folders in Servers
  • Upload website in root directory
  • Cpanel & Database creation
  • Different types of servers

Project

Students need to create a design a basic template and build a 5 page HTML 5 website in student chosen business category.



Contact us to learn Advance Web Designer Course in Coimbatore.
Call us +91 98430 49705 or email us at info@designwebsites.in