Web Design Online Live Training by Industry Experts

;

Our Training Process

Web Design - Syllabus, Fees & Duration

HTML-Introduction

  • Web Development Introduction
  • History of HTML
  • HTML Tags and Attributes
  • HTML Tag vs. Element

Basic Formatting Tags

  • HTML Basic Tags
  • HTML Head Tag
  • HTML Meta Tag
  • HTML Formatting Tags
  • HTML Color Coding

Lists

  • Unordered Lists
  • Ordered Lists
  • Definition list

Images

  • Image and Image Mapping

Hyperlink

  • URL - Uniform Resource Locator
  • URL Encoding

HTML-Table

HTML-Headers

  • Title
  • Base
  • Link
  • Styles
  • Script
  • Meta

HTML5 forms

  • Introduction to HTML5 forms
  • Accessible forms
  • New Input types
  • New forms attributes
  • Form validation

Graphics

  • Basics of HTML5 canvas
  • Immediate drawing mode: rectangles, text, images, etc.
  • Path drawing mode: lines, circles, arcs, curves, etc.
  • Colors, gradients, patterns, shadows, etc.
  • Working with SVG in HTML5

HTML5 animations

  • Basic animation techniques
  • Canvas and user interaction
  • Working with pixels
  • Understanding transforms

API

  • Introduction to HTML5 APIs
  • The Web Storage API
  • Form validation API
  • The File API
  • The Geolocation API

Download HTML 5 Syllabus

GETTING TO KNOW YOUR WORKSPACE

  • Menu bar, application bar, options bar, tools panel, panel dock on right
  • Differences on PC and Mac
  • Different ways to zoom
  • Hidden tools on toolbar

BASIC SELECTIONS

  • Why make selections?
  • Geometric selections
  • Freehand selections
  • Edge-based selections
  • Color-based selections
  • How do I choose a selection tool?

ADJUSTMENT PANEL

  • Making color and tonal adjustments
  • Creating an adjustment layer
  • Adjustment presets,
  • Common image corrections
  • Saving adjustments as a preset
  • Deleting adjustment layer
  • Applying adjustment layer to another layer

TOOL BAR TOOLS

  • Blur tool
  • Sharpen Tool
  • Smudge Tool
  • Dodge Tool
  • Burn Tool
  • Sponge Tool

BASIC PHOTO CORRECTIONS

  • Image menu
  • Color mode
  • Image resolution and size
  • Straighten and crop image
  • Rotate cropped image
  • Automatic adjustments
  • Auto color—removes color cast
  • Manually adjusting color cast
  • Manually adjusting tonal range
  • Replacing color
  • Clone tool
  • Spot healing brush
  • Healing brush
  • Patch tool
  • Content-aware fill (NEW TO CS5!)

LAYERS

  • Background layer
  • Isolating part of image
  • Hide, view, reposition, delete, rename, merge
  • Lock layers
  • Convert background layer to regular layer
  • Convert regular layer to background layer
  • Layer styles
  • Applying layer styles to multiple layers

GRADIENTS

  • Gradient tool
  • Gradient styles
  • Editing colors
  • Saving gradients

MASKS

  • How is it different than selection tools?
  • Save time-consuming selections
  • Quick mask mode
  • Using brush tool
  • Channels panel
  • Loading mask as a selection

CAMERA RAW

  • Unprocessed picture data
  • Set up camera to save as camera raw
  • Nikon (.nef)
  • Canon (.crw)
  • Olympus (.orf)
  • Opening up other file formats in RAW
  • Using Bridge vs. Photoshop
  • White balance
  • Adjust for different lighting settings
  • Save as DNG file, open source file
  • Exposure
  • Fill light
  • Sharpening an image
  • Detail panel
  • Synchronize across images

CORRECTING/ENHANCING DIGITAL PHOTOGRAPHS

  • Shadows and highlights adjustment
  • Correcting Red Eye
  • Sharpening Edges
  • Correct Image Distortion
  • Adding Depth of Field

TYPE IN PHOTOSHOP

  • Point v Paragraph Type
  • character panel
  • paragraph panel
  • Type on a Path
  • Warping Type
  • Creating work path from type
  • Convert type to shapes
  • Horizontal/Vertical Type Mask Tool
  • Create a selection in the shape of type
  • Clipping Mask Type
  • Open Type

CREATING VECTOR GRAPHICS IN PHOTOSHOP

  • Bitmap v. Vector?
  • Pen Tool
  • Magnetic and freeform pen tool
  • Using pen tool as selection tool
  • Converting selections to paths
  • Converting selection to layer
  • Shape layers
  • Smart Objects

AUTOMATING STEPS

  • Recording actions
  • Actions panel
  • Record, play, edit, delete individual actions

Download Adobe Photoshop Syllabus

Introduction

  • HTML structure and content
  • Advantages of CSS
  • Creating and using style sheets
  • CSS Rules: The Basic Syntax

CSS Boxes and CSS Selectors

  • The CSS box model
  • CSS and logical HTML structure
  • Styling boxes, borders, margins, and padding
  • Using IE6 standards mode
  • Sh4ecifying CSS distances
  • and many other CSS techniques

Fonts and Text

  • Using custom fonts
  • Font properties
  • Web font formats
  • Type Kit, font squirrel

Text Formatting in CSS

  • Fundamentals of text formatting
  • Typefaces, alternatives, and defaults
  • Font characteristics
  • Formatting blocks of text
  • Using arbitrary inline tags

CSS Selectors and Selections

  • Using HTML element IDs in CSS
  • Using CSS descendant selectors
  • Descendant selector examples
  • Child, sibling, and pseudo-class selectors
  • And many other CSS techniques.

CSS positioning

  • Choosing the right CSS
  • Technique for positioning blocks
  • The position property, floats, and margins
  • Static positioning and normal flow
  • Absolute positioning outside normal flow
  • Fixed positioning outside normal flow

CSS page Layout

  • Alternative methods of CSS positioning
  • Styling lists
  • Redefining the behaviour of inline and block elements
  • Table formatting in CSS
  • Styling table cell borders
  • page layout with table dish4lay properties

Cascade, precedence, Specificity, and Inheritance in CSS

  • Cascading and cascade order
  • Resolving style conflicts by Origin & Importance
  • Resolving style conflicts by Specificity & Order

CSS Layers and Translucency

  • Different forms of layered presentations in CSS
  • Layering with the z-index property
  • Different methods for creating translucency effects
  • The CSS3 opacity property

Using CSS in the Real World

  • Deploying CSS
  • CSS formatting vs. HTML formatting
  • Standard tags and semantic markup
  • Screen size and fluid design
  • Table layout and CSS positioning
  • Cross-platform testing

Useful CSS Tips

  • Usage of CSS Sprites
  • Pseudo Selectors
  • CSS Minify
  • Cheat Sheet for CSS3

Download CSS Syllabus

  • Introduction

    • Purchasing a domain name
    • Purchasing a webhost
    • Linking your domain name with your web host
    • Setting up WordPress
  • Login

  • Dashboard

    • Dashboard Menu Options
    • Toolbar
      • Hiding the Toolbar
  • Posts versus Pages

    • Posts
    • Pages
  • Adding your Site Content

    • Adding a New Page
    • Adding a New Post
    • Adding Content with the Visual Editor
    • Switching to the Text Editor
    • Changing your Post Format
    • Reviewing Past Revisions
  • Adding Images and Other Media

    • Inserting an Image
    • Edit or Delete an Image
    • Setting a Featured Image
    • Insert an Image Gallery
    • Edit or Delete an Image Gallery
    • Insert an Audio or Video Playlist
    • Inserting Video, Audio or Other File Type
    • Embedding a Video, Image or Other Content
  • Adding HTML Links

    • Inserting an HTML Link
      • Inserting Links to Media Files
  • Removing an HTML Link

  • Editing Existing Content

  • Deleting Content

  • Full screen Editing

  • Saving and Publishing Content

  • Categories

  • Adding Categories within your Post

  • Tags

    • Adding Tags within your Post
  • Media Library

    • Viewing a File in the Media Library
    • Adding a File to the Media Library
    • Editing the File Properties
      • Editing an Image
    • Deleting a File from the Media Library
  • Comments

    • Replying to a Comment
    • Editing a Comment
      • Quick edit
      • Edit
  • Unapproving and Approving Comments

  • Marking Comments as Spam and Trash

  • Appearance

    • Selecting your Theme
      • Previewing and Customizing your Theme
      • Adding a new Theme
    • Widgets
    • Updating the Menu
      • Adding a New Menu
      • Editing an Existing Menu Item
      • Adding a New Menu Item
      • Adding a Custom Link Menu Item
      • Deleting a Menu Item
      • Managing Menu Locations
    • Header
    • Background
      • Editor
  • Plugins

    • Adding a New Plugin
  • Users

    • Adding a New User
    • Deleting a User
    • Editing your Profile
  • Tools

    • Categories and Tags Converter
    • Import
    • Export
  • Settings

    • General
    • Writing
    • Reading
    • Discussion
    • Media
    • Permalinks

Download Wordpress Syllabus

Section 1: Introduction to Canva

  • Welcome to Canva!
  • Logging In
  • Navigating the Screen
  • Get you setup with your Canva & account
  • Tour of your dashboard
  • Learn about the different types of templates Canva has
  • Learn how to use the pre-designed layouts, how to search for images, upload images, use grids, frames, and background colors
  • Learn about Canva’s icons, illustrations, text features, lines, and charts


Section 2: Fonts, Colors, and Images

  • Type terminology; creating a font palette; typographic techniques
  • Introduction to the color wheel; creating a color palette
  • How to use grids; transparency; photo filters


Section 3: Backgrounds, Layouts, and Shapes

  • How to create beautiful backgrounds; using images as backgrounds
  • White space; using transparency; presentation design
  • How to use shapes in your design to create infographics or add visual interest


Section 4: Advanced Topics

  • Learn more advanced techniques
  • Learn how to create a logo from scratch
  • Learn how upload your own graphics, logos, images
  • Learn how to organize your designs so it’s quick and easy to find them
  • See where I go to purchase stock photography

Download Canva Syllabus

MODULE 1

  • Bootstrap
  • Get Started
  • What is Bootstrap?
  • Bootstrap History
  • Why Use Bootstrap?
  • Where to get Bootstrap?
  • Downloading Bootstrap
  • Bootstrap CDN

MODULE 2

  • Create First Web Page with Bootstrap
  • Add the HTML5 Doctype
  • Bootstrap is Mobile –First
  • Containers
  • Basic Bootstrap Pages
  • Bootstrap Grids
  • Bootstrap Grid System
  • Grid Classes
  • Basic Structure of a Bootstrap Grid
  • Equal Columns
  • Unequal Columns

MODULE 3

  • Bootstrap Text / Typography
  • Bootstrap’s Default Settings
  • Bootstrap vs. Browser Defaults
  • Bootstrap Tag Elements
  • Contextual Colors and
  • Background
  • Typography Classes

MODULE 4

  • Bootstrap Table
  • Rounded Corners
  • Circle
  • Thumbnail
  • Responsive Images
  • Image Gallery
  • Responsive Embeds

MODULE 5

  • Bootstrap Jumbotron and Page Header
  • Creating a Jumbotron
  • Jumbotron inside Container
  • Jumbotron outside Container
  • Creating a Page Header

MODULE 6

  • Bootstrap Wells
  • Wells
  • Well Size

MODULE 7

  • Bootstrap Alerts
  • Alerts
  • Closing Alerts
  • Animated Alerts

MODULE 8

  • Bootstrap Buttons
  • Button Style
  • Button Sizes
  • Block Level Buttons
  • Active /Disable Buttons

MODULE 9

  • Bootstrap Button Groups
  • Button Groups
  • Vertical Button Groups
  • Justified Button Group
  • Nesting Button Groups
  • Dropdown Menus
  • Split Button Dropdowns
  • MODULE 10

    • Bootstrap Glyphicons
    • Glyphicons
    • Glyphicons Syntax
    • Glyphicon Example

    MODULE 11

    • Bootstrap Badges and Labels
    • Badges
    • Labels

    MODULE 12

    • Bootstraps Progress Bars
    • Basic Progress Bar
    • Progress Bar with Label
    • Colored Progress Bars
    • Striped Progress Bars

    MODULE 13

    • Bootstrap Pagination
    • Basic Pagination
    • Active State
    • Disabled State
    • Pagination Sizing

    MODULE 14

    • Bootstrap Pager
    • What is Pager?
    • Align Buttons

    MODULE 15

    • Bootstrap List Groups
    • Basic list Groups
    • List Group with Badges
    • List Group with Linked Items
    • Contextual Classes
    • Custom Content

    MODULE 16

    • Bootstrap Panels
    • Panels
    • Panel Heading
    • Panel Footer
    • Panel Group
    • Panel with Contextual Classes

    MODULE 17

    • Bootstrap Dropdowns
    • Basic Dropdown
    • Dropdown Driver
    • Dropdown Header
    • Disable an Item
    • Dropdown Accessibility
    • Bootstrap Collapse

    MODULE 18

    • Basic Collapsible
    • Example Explained
    • Collapsible Panel
    • Collapsible List Group
    • Accordion

    MODULE 19

    • Bootstrap Tabs and Pills Menus
    • Tabs
    • Tabs with Dropdown Menu
    • Pills
    • Vertical Pills
    • Vertical Pills in Row
    • Pills with Dropdown Menu
    • Centered Tabs and Pills
    • Toggle/Dynamic Tabs
    • Toggle/Dynamic Pills

    MODULE 20

    • Bootstrap Navigation Bar
    • Navigation Bars
    • Inverted Navigation Bar
    • Fixed Navigation Bar
    • Navigation Bars with Dropdown
    • Right Aligned Navigation Bar
    • Collapsing the Navigation Bar

    MODULE 21

    • Bootstrap Forms
    • Bootstrap’s Default Settings
    • Bootstrap Form Layouts
    • Bootstrap Vertical Form
    • Bootstrap Inline Form
    • Bootstrap Horizontal Form
    • Bootstrap Form Inputs
    • Supported Form Controls

    MODULE 22

    • Bootstrap Input
    • Bootstrap Text area
    • Bootstrap Checkboxes
    • Bootstrap Radio Buttons
    • Bootstrap Select List

    MODULE 23

    • Bootstrap Form Inputs (More)
    • Static Control
    • Bootstrap Form Control States

    MODULE 24

    • Bootstrap Input Sizing
    • Input Sizing in Forms
    • Height Sizing
    • Column Sizing
    • Help Text

    MODULE 25

    • Bootstrap Carousel Plugin
    • The Carousel Plugin
    • How to Create a Carousel
    • Add Captions to Slides

    MODULE 26

    • Bootstrap Model Plugin
    • The Model Plugin
    • Hoe to Create a Model
    • Model Size

    MODULE 27

    • Bootstrap Tooltip Plugin
    • The Tooltip Plugin
    • How to Create Tooltip
    • Positioning Tooltips

    MODULE 28

    • Bootstrap Popover Plugin
    • The Popover Plugin
    • How to Create a Popover
    • Positioning Popovers
    • Closing Popovers

    MODULE 29

    • Bootstrap Scrollspy Plugin (Advanced)
    • The Scrollspy Plugin
    • How to Create a Scrollspy
    • Scrollspy Vertical Menu

    MODULE 30

    • Bootstrap Case
    • Build a Bootstrap Web Page
    • From Scratch
    • Add Bootstrap CDN and Put
    • Elements in Containers
    • Add Jumbotron
    • Adding button and icons
    • Multicolumn Layout
    • Adding Menus Tabs
    • Adding Navigation bars
    • Download Bootstrap Syllabus

    Module 1: Introducing Dreamweaver

    • Understanding the course
    • Reviewing the course objectives and prerequisites
    • Reviewing the course format
    • Outlining the course content
    • Understanding static page architecture

    Module 2: Getting Started

    • Introducing Dreamweaver
    • Learning the interface
    • Defining a local site
    • Creating a website

    Module 3: Adding Content to a Site

    • Adding content
    • Controlling document structure
    • Making lists
    • Adding horizontal rules
    • Adding special characters

    Module 4: Formatting with CSS

    • Formatting text
    • Introducing CSS
    • Creating styles
    • Exporting CSS rule definitions
    • Creating class styles
    • Attaching external style sheets
    • Creating advanced styles
    • Creating a new external style sheet
    • Displaying styles
    • Understanding cascading order and inheritance of styles
    • Creating internal styles with the Property inspector

    Module 5: Working with Graphics

    • Using graphics on web pages
    • Placing graphics on the page
    • Modifying image properties
    • Editing images
    • Doing roundtrip editing with Fireworks
    • Customizing the Insert bar
    • Adding Flash content
    • Adding Flash Video

    Module 6: Navigating Your Site

    • Understanding site navigation
    • Linking to files in your site
    • Linking to sites
    • Linking to named anchors
    • Adding e-mail links
    • Linking from images
    • Creating a jump menu

    Module 7: Designing Page Layouts with CSS

    • Understanding page layout
    • Using layers for layout
    • Adding CSS to layers
    • Using absolute and relative positioning
    • Designing with DIV's
    • Designing navigation links with CSS
    • Importing tabular data
    • Using table layout view

    Module 8: Using Libraries and Templates

    • Using site library items
    • Creating site templates
    • Defining editable regions
    • Using templates
    • Applying a template to an existing page
    • Modifying templates

    Module 9: Creating Forms

    • Understanding forms
    • Processing a form
    • Setting focus in a form
    • Validating a form

    Module 10: Testing, Maintenance, and Uploading

    • Testing your site
    • Maintaining your files and folders
    • Connecting to a remote site
    • Synchronizing files

    Download Adobe Dreamweaver Syllabus

    Domain Name Registration

    • Search Domains
    • Top Level Domains (TLD)
    • Country wise domains
    • Domain name registrations
    • Sub Domains

    Web Server Settings

    • How to Choose Web server?
    • Dedicated Server, Shared Server, VPS Hosting & Cloud Hosting
    • Basics of Web Server Control Panel
    • DNS Settings
    • Web Server Performance
    • Add on Primary Domains
    • Create sub domains

    FTP Software Installations

    • FTP Software
    • FTP Software Installation
    • FTP Configuration
    • How to use FTP Software
    • Upload / Download files using FTP Software

    Download Web Hosting (FTP) Syllabus
    Course Fees
    10000+
    20+
    50+
    25+

    Related Courses

    Adobe After Effects Training in Mumbai

    Adobe After Effects

    We offer internship and training on Adobe After Effects online live classes for video editingSyllabus, Fees & Duration

    Adobe Illustrator Training in Mumbai

    Adobe Illustrator

    Adobe Illustrator training and internship on real time works with the help expert designersSyllabus, Fees & Duration

    Adobe InDesign Training in Mumbai

    Adobe InDesign

    Make logos, brochures, images and graphics using adobe inDesign. join our online training courses!Syllabus, Fees & Duration

    Adobe Photoshop Training in Mumbai

    Adobe Photoshop

    Nestsoft offers Adobe Photoshop Online training with help of industry experienced graphic designers Syllabus, Fees & Duration

    Adobe XD Training in Mumbai

    Adobe XD

    Join Adobe XD Courses to master the graphics, web design and UI design by expertsSyllabus, Fees & Duration

    Canva Training in Mumbai

    Canva

    It is very simple way to make posters for websites, Facebook, Instagram, YouTube by Canva. Join Now!Syllabus, Fees & Duration

    CorelDRAW Training in Mumbai

    CorelDRAW

    Want to expert on CorelDRAW, a vector graphics and bitmap image editor software. Join now!Syllabus, Fees & Duration

    UI/UX Design Training in Mumbai

    UI/UX Design

    Practical training on UI/UX Design course contains graphics, html5, css, javascript, jquery etc.Syllabus, Fees & Duration

    Web Design Training in Mumbai

    Web Design

    Website Designing (Web Design) training includes HTML5, CSS, Bootstrap, Photoshop, Web Hosting, DreaSyllabus, Fees & Duration

    Web Design Jobs in Mumbai

    Enjoy the demand

    Find jobs related to Web Design in search engines (Google, Bing, Yahoo) and recruitment websites (monsterindia, placementindia, naukri, jobsNEAR.in, indeed.co.in, shine.com etc.) based in Mumbai, chennai and europe countries. You can find many jobs for freshers related to the job positions in Mumbai.

    • Web Designer
    • Web Design
    • Website Designing
    • Web Developer
    • Web Master
    • CSS Editor
    • HTML Editor
    • Dreamweaver
    • Web Designing
    • Website Developer
    Web Design internship jobs in Mumbai

    Web Design Internship/Course Details

    Web Design With Dreamweaver you'll go from beginning to finish, making and maintaining basic websites to advanced applications that support best practices and also the latest technologies.Adobe Photoshop is the industry-popular image editing software, and is used internationally with the aid of using photographers and graphic designers to perfect their virtual images. If you work in the graphics field, getting to know Adobe Photoshop is a prerequisite. This software has not only for beginners but has also been designed with advanced level users in mind. As you type a HTML tag it will list all the accessible tags permitting you to key within the first letter of a tag then choose the required tag from the list. Canva could be a nice design tool for public relations professionals. Canva could be a nice design tool for public relations professionals. These vary from its drag-and-drop tool to over a million fonts, images, and high-quality graphics to choose from. CSS is currently the only standard in website design that plugs directly into your HTML, even the latest HTML5 standards. Our course at nest soft inManama includes all basics of HTML 5. You will get training on how to host website in web server (shared hosting, VPS Hosting, Cloud Hosting, Dedicated Server). You will get training on how to host website in web server (shared hosting, VPS Hosting, Cloud Hosting, Dedicated Server). Also it's a famous open source platform and it is growing day by day. . .

    Success Stories

    The enviable salary packages and track record of our previous students are the proof of our excellence. Please go through our students' reviews about our training methods and faculty and compare it to the recorded video classes that most of the other institutes offer. See for yourself how TechnoMaster is truly unique.

    List of Training Institutes / Companies in Mumbai

    • I-Soft Solutions Address: B-394, Vashi Plaza, 1st Floor, Sector - 17, Vashi, Navi Mumbai, Mumbai, Maharashtra 400703 Phone: 093245 65367 , Website: https://www.indiamart.com/isoft-solutions-navimumbai/profile.html
    • InfoTrans Technologies Inc Address: Unit # 301, Building No. 5, Sector 3, MBP - Millennium Business Park,, Mahape,, Navi Mumbai, Maharashtra 400710 Phone: 098676 81114 , Website: www.infotrans.co.in/
    • IT Training Institute / Engineering College in Navi Mumbai

      1. Fr. Conceicao Rodrigues Institute of Technology Address: Agnel Technical Education Complex, Father Angnel Marg, Sector 9A, Vashi, Navi Mumbai, Maharashtra 400703 Phone: 022 2766 1924 , Website: fcrit.ac.in/
      2. Software Technology Parks Of India Ltd Address: Floor no. 6, International Infotech Park, Wasi Railway Station, Navi Mumbai, Maharashtra 400705 Phone: 022 2781 2102 , Website: www.mah.stpi.in/
      3. HGS Interactive - Digital Marketing Company Address: Vashi, Navi Mumbai, Maharashtra 400703 Phone: 022 6791 4001 , Website: www.hgsinteractive.com/
     courses in Mumbai
    The name of this city is Navi mumbai. The rents of premium office spaces in the growing pockets of Navi mumbai are much affordable as compared to Pune where the average rate is Rs 70 per sq ft and Bengaluru where it is around Rs 60-70 per sq ft. In Gurgaon, the rates are even higher. It is well connected to the business locations of Mumbai like Nariman Point and Chembur via the Eastern Freeway. Apart from road connectivity, Mumbai suburban railway has also started reaching out to Panvel from Andheri in Mumbai.

    . Mumbai Metro will also be extended to the area.

    Trained more than 10000+ students who trust Nestsoft

    Join Now