WEB DESIGN COURSE CONTENT

Transcription

1 WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC WEBSITE Client Requirement Analysis Planning Subpages and Categories Basic Guidelines while planning Sites Choosing Good Styles & Sizes for Templates How to distribute work responsibilities as per requirement? Introduction to all web design Tools ADOBE PHOTOSHOP Basic Introduction about Adobe Photoshop Introduction to Photoshop all pallets About Layer Pallet Create Edit & Delete layers Making Layer Groups Managing Layer Pallet File Saving Types Photoshop Tools Marquee Tools Selection Tools Brush Tools Stamp Tools Retouching Tools Test Tools Drawing Tools Gradient Tools Editing Tools Analysis Tools Other Tools

2 Masking Types (Layer, Vector, Clipping) Layer Effects (Drop shadow, Glow, Strokes, Patterns, etc...) Special Transforms Strokes Image Editing option Selection Related Option View Option Photoshop Filters Photoshop Animations Photoshop Actions Creating Business cards Creating Business Brouchers Logo Designing Web Menus and Buttons Web Banners and Banner Ads Professional Web Template Designing ADOBE FLASH Introduction of Flash Software About Flash Designing and action script Flash Tools Selection Tools Color Filling Tools Text Tools Drawing Tools Other Tools Introduction to Animation, Time line and Frames Motion Tween Animation Shape Tween Animation Add motion guide Animation CW & CWW Presentation Flash Masking Advanced Masking Concepts in Flash About Flash Symbols Flash Buttons Flash Movie Clips Scene by Scene Presentation Frame by Frame Animation Working with Flash Filters Creating Real Time Useful Presentation with Flash

3 Action Script Basic Introduction Useful Resources for Working in Flash HTML (HYPER TEXT MARK UP LANGUAGE) Introduction of Languages Version in HTML Rules and basic Syntax in HTML HTML Elements,attributes and Values HTML Elements Formatting Elements Image related Elements Listing Elements Single Line Elements Anchor Tag Hyper Links Links Named Anchor Links I Frames Media Tags Stretcher Designing Tags Frames Tables Divs (table less designing) HTML Forms Methodology Form Related elements and attributes Meta Tags Linking external scripts to HTML document XHTML & HTML 5.0 New in XHTML? Difference between HTML & XHTML XHTML Guidelines XHTML Doc types Tags Supported in XHTML New in HTML5.0 Doc types of HTML5.0 New Elements in 5.0 Formatting Tags Video related Tags Form related Tags

4 Other important Tags Design Stretcher Using HTML5.0 Elements Header Nav Sections Articles Aside Footer etc Creating Flexible Layouts using HTML5.0 Working with JavaScript related options in HTML5.0 CSS 2.0, 3.0 (Cascading Style Sheets) Basic Introduction to CSS Advantages with CSS in HTML documents Types of CSS Inline CSS Internal CSS External CSS Selectors in CSS Type Selector ID Selector Class Selector Nesting Selector Child Selector Attribute Selector Pseudo Selectors Pseudo ID S Other useful Selectors CSS Basic Syntax CSS Properties Type Properties Background Properties Block Properties Border Properties Box Properties List Properties Positioning Properties Max height &width, Min height &width Properties

5 Other Important Properties Useful Practical examples Controlling HTML elements Creating web buttons using css Creating menus using css(normal, drop down menus) Design layouts using CSS Styling Forms Designing complete website using HTML and CSS Introduction to CSS 3.0 New in CSS 3.0 New Selector in CSS 3.0 New Properties in CSS 3.0 Creating compatibility Layouts using CSS3.0 Working with CSS Gradients CSS3.0 Drop Shadows CSS3.0 Multiple Backgrounds CSS3.0 Font Family CSS3.0 Rotations Other very useful CSS3.0 concepts DREAMWEAVER Basic Introduction on Dream weaver About Dream weaver works view Dream weaver privews & Device Central Code validation in Dream weaver Common Menu Anchor Links Images Hotspots Media related Option Meta Tags Layout AP Divs Tables Divs Frames and iframes Layout Modes Forms Form Tags Input Tags(text, radio, checkbox)

6 Text area Select Menu Buttons(submit,reset,input) Fieldsets and Label Text Headings Formatting Tags (p, pre, etc ) Listings Special Symbols Spry Making Dropdown Menus Tabbed Panels Accordians Text Validation Text area Validations Checkbox Validations Dream weaver Advanced Options Extinctions in Dreamweaver Site root defining(static, dynamic) Tag references Dreamweaver form validations Making Template files(dwt files) Other Useful Options JAVASCRIPT Introduction of JavaScript Types of JavaScript Comments in JavaScript JavaScript variables All types of variables Variables with strings Images Local and Global Variables JavaScript Operators Popups in JavaScript Alerts Prompt Confirm

7 Condition Statement If Else if Nested if Else Return Statement JavaScript Functions Inbuilt Functions User defined Functions JavaScript Loops For loop While loop Do while loop JavaScript Events On mouse over On mouse down On load On unload On focus Double click etc JavaScript Objectives Math Operators Creating own objects in JavaScript JavaScript Arrays Define array Other ways to create array Array properties and methods Real-time Useful concepts in JavaScript Creating simple dropdown menus Basic form validations Document related functions Simple slide show using JavaScript WEB HOSTING Introduction of Web Hosting Types of domains Hosting types Control panel management Creating s Making sub-domains

8 Installing CMS Other useful options in Cpanel Using FTP Software s Uploading & downloading files Site management Configure Domain names and Hosting panels OTHER REAL TIME USEFUL CONCEPTS Using predefined templates from Photoshop PSD to XHMTL Conversion Implementing Dropdown menus Creating gallery's Creating slideshow effects Using default form validations Adding basic PHP forms in websites Creating fastest website for low budget clients RESOURCES PROVIDED FROM US All useful real-time techniques Predefined PSD templates Graphic related recourses Fonts Icons Brushes Patterns Shapes Styles Predefined css web templates JavaScript open source scripts (menus, slideshows etc ) Course study material in PDF format Every day running notes One live project By end of the course certificate Free support up to 2 months