Request A Quote

Web Designer- Beginner, Course Details


Want to be a web designer? Want to take up web designing as career? Looking for a professional web design training in Coimbatore to learn website designing? Then Designwebsites.in is your perfect choice. We offer professional training with latest tools and technologies to mould you into a professional web designer. Our web design courses are strategically designed to meet industry demands. Our training is structured and processed. Our methodology is to share our experience with our students to make them better designers. We are different from other web design training centers in Coimbatore, when you enroll a website design beginner course you are groomed as a future web designer. In this course you will learn HTML 4, CSS, JavaScript, JQUERY, Photoshop, uploading the designed website into the server and finally a project.

Course Objective

End of the course our students will be able to design a template and slice the template and build a beautiful, table less, CSS friendly website and upload the website in web server.


Web Designer Course Details

Duration:   26 Hours
Price:  
Timing:  5 Hours in a Week

Web Designer Course structure

  • HTML4 & CSS
  • JQUERY
  • JavaScript
  • Photoshop
  • Dreamweaver
  • FTP details
  • Captcha Validation
  • Project

HTML 4



HTML 4

  • Introduction to HTML4
  • Types of websites
  • Difference between
    dynamic and static website
  • The World Wide Web
    (WWW)
  • History of HTML
  • Hypertext and Hypertext Markup Language
  • Why HTML

HTML Documents

  • Headers & Body tags
  • Paragraphs & Formats
  • Elements of an HTML Document
  • Text Elements
  • Tag Elements
  • Special Character elements
  • Table tags & Image tags
  • Lists & Numbered list
  • Non-Numbered lists

Images

  • Anchor tag, Name tag etc
  • Hyperlinks - FTP/HTTP/HTTPS
  • Links with images & buttons
  • Links to send email
  • Text fonts and styles
  • Background colors
  • Background images
  • Inserting audio & video files


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


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 website in student chosen business category.



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