Diploma in Smart Web Designing

Transcription

1 Diploma in Smart Web Designing DURATION: 6 MONTHS Subject Total Hours Theory (hrs.) Practical (hrs.) ADOBE PHOTOSHOP CC HTML ADOBE DREAMWEAVER CC INTRODUCTION TO CSS Bootstrap SEO Java Scripting JQUERY Project work Total Credit hrs. =144 [136 (67 Theory) + 69(Practical) + 8 (Project)]

2 ADOBE PHOTOSHOP CC INTRODUCTION TO WEBSITE AND DEFINE TYPES (Sideways ) Introduction to Photoshop Define types of Graphics Colors Modes Interface & Workspace Exploring the Lasso Tools Creating Selections Using the Magic Wand Transforming a Selection Copying Pasting and Moving a Selection 50 hrs. (24 for theory & 26 for Practical) Introducing the Toolbox Working with Layers Using Palettes Using the Marquee Tools & its Option Specifying Colour & Adjustment Strategy for retouching Resolution and image size Straightening and cropping the image in Photoshop Using content-aware fill Showing Off New Features Image Manipulation Layers Blending Layers Mode, Fill, Opacity Copy and Duplicate Layer Image Editing Tools and its Practice Spot Healing, Healing, Patch Clone Stamp, Red eye Repairing areas with the Clone Stamp tool Adjusting the colour and tone Brightness Contras Hue saturation, Level Define Different Colour Modes Colour Replacement Using History & Art History Tools Define Brush Tools & Create own Brush Define Pattern Tools & Create own Pattern Replace Colour, Pencil, Mixer Tools Manipulating an image with Warp Tool Image Edit, Colours Corrections Pen Tools & its different types Shape Tool Vector & Raster Shape tools Image Adjustment Sharpening the image Smudge, Dodge, Burn Applying a content-aware patch What is Mask Creating a mask Layer Mask, Clipping Mask Creating a quick mask Concepts of Logo Designing Types of Logo Conception of Logo Add Shapes Images Size & Canvas Size Vibrance, Black & White, Photo Filter Colours Selection Scheme Design Web Template for Tracing, Merging, and Creation Concept of Web Template Layout Principles Template Size & Banners sizes Template Tracing Working with Tracing Tools Template Merging Merge Different Templates Template Creation Create Complete own Template Logo Banners & shapes Add Filters Apply Multiple Filters in Images & Text What is Filter How to use Apply Filters Assignments Practical s & Test

3 HTML 5 (sideways) What is a Web Browser? Why we use HTML 5 What are Versions of HTML 5? What can You Do with HTML 5? Writing Code with a Text Editor ADOBE DREAMWEAVER CC Introducing Dreamweaver A Quick Tour Setting Up Your Workspace Working with panels Creating a New Page Titling Your Page Adding Text to Your Page Creating Links, Adding Images Naming and Saving Your Page Opening a Page Previewing in a Browser INTRODUCTION TO CSS 3.0 Introduction to CSS 2.0 & 3.0 CSS types Class and Id Difference between class and id Methods for applying CSS to your Web page Difference between table base and div base conversion Working with DIV Creating a div Creating Nested div Applying id and class in div Formatting div Templates Creating a template Using pre-set layouts Adding editable regions Applying a template to a page Updating templates 10 hrs. (5 for theory & 5 for Practical) HTML 5 Elements Page Laying with HTML5 New Semantic tags ( Article, Section, Header, Nav, Footer, Figure, Figcaption) HTML 5 Audio Video Create Table Based Template Conversion 8 hours( 4 for theory & 4 for practical) Understanding Local and Remote Sites Creating the Local Site Defining the Remote Site Editing Site Definitions Working with the Files Panel Create Form & its New Fields Rollover Images Tabs, Accordions 20 hrs (10 for theory & 10 for Practical) Creating a Style Rule for a Tag Dreamweaver CSS Categories Creating a Custom Class Creating Advanced Selectors Working with the CSS Styles Panel Applying Styles Page layout Positioning Page Content CSS Layout Basics Using the Included Layouts Laying Out Your Page Using the Visual Aids Working with Position Transition and Animation New Form elements Create navigation bar Create Dynamic type Boxes Using Forms and Fields Adding a Form to a Page Adding Text Fields, Adding a Text Area, Adding Check Boxes, Adding a Fieldset, Adding a Radio Button Group, Adding a List/Menu, Adding a Button Create Complete CSS based Website Conversion Embed Jquery Slider, Navigation, Images Light box Practical, Assignments, Paper

4 Bootstrap Introduction to Bootstrap Responsive Web Designing Download & Configure Bootstrap different Methods Main Elements Bootstrap Bootstrap Components Search Engine Optimization (SEO) How Do Search Engines Work? Introduction to Search Engines Links Indexing Retrieval Ranking Layers 10 hrs. (5 for theory & 5 for Practical) Layout with Bootstrap Doing More with Components Create Responsive Template Using Bootstrap 8 hrs. (4 for theory & 4 for Practical) Off-Page Optimization Acquiring Backlinks Leveraging social interaction with your site Promote your content via social channels(facebook, twitter, LinkedIn) Add social book markings Guest Blogging Articles On page Optimization Quality Content Keywords Title Tags Meta Data Heading Tags Interlinking Categories of SEO(Whit Hat SEO, Black Hat SEO) Java Scripting Introduction to Scripting Language Types of Scripting Language (Client side vs. Server Side) Basic Features of JavaScript Methods of using JavaScript Comments in JavaScript 30 hrs. (15 for theory & 15 for Practical) Object ( its Properties & functions) For In Loop Built-in Functions in JavaScript o String Functions Math Functions(min,max,random,round,ceil,floor,pow,sqrt) Built-in Functions in JavaScript o String Functions o Math Functions User defined Functions Variable & Data types Concatenation Operator Using Events in JavaScript Array Array Methods (sort, reverse etc.)

5 Operators In JavaScript o Assignment o Mathematical o Comparison o Logical Operators o Increment & decrement o String Operator(+) Date Objects & its Methods JavaScript Type Conversion(Number(),String(), Boolean() Decision statements o If o if else o if else if, o Nested if Using HTML Forms in JavaScript Making a simple Calculator switch case Popup Boxes o Alert Box o Confirm Box o Input Box How to make Slider in JavaScript Looping & its Types o For o While, o Do while, o Break & Continue statement Simple Form Validation Form Validation Using Array JQUERY 8 hrs. (4 for theory 4 for practical) Introduction to JQuery JQuery Syntax JQuery Selectors o The element Selector o The #id Selector o The.class Selector o $(this) JQuery Effects o Hide, o Show, o Fade, o Slide, JQuery events o Click o Dblclick o Mouseenter o mouseleave o focus o blur o Load etc. o Animate, o Callback, o Stop() Chaining, etc. Slider using JQuery