Web Designing Course Contents (for Professionals)

7/31/2019 Web Designing Course Contents (for Professionals)

http://slidepdf.com/reader/full/web-designing-course-contents-for-professionals 1/18

1 | XPERT INFOTECH | ConfidentialCOURSE OUTLINE FOR WEBDESIGNING

Effective from: Jan 2012




The History of the Web

The Nuts and Bolts of the WebThe Basics of HTTPHTML the Language of the WebBasic HTML TagsBasic HTML Body TagsCoding StyleServing Your Web PageModifying TextSizing TextPositioning TextText Styles

Unordered ListsOrdered ListsDefinition ListsSpecial CharactersAll about LinksWhat is a URL?Linking to another DocumentInternal LinksEmail LinksRelative and Absolute LinksImages

Referencing ImagesClickable ImagesImage Placement and AlignmentImage SizeImage MarginsUsing Images on Your PageCreating ImagesImage FormatsLimiting Image SizeImage MapsDefining an Image Map

A Quick NoteAdvanced Use of the <BODY> tagUsing BODY AttributesColoring Body ContentBody Tag AttributesDefining ColorsBrowser Safe Colors




Basic TablesTable AttributesTable Cell AttributesTable Row Attributes

Tables Inside of TablesInvisible SpacersFrame-Based PagesCreating WindowsSingle Window FramesCreating Column FramesCreating Row FramesCreating Complex Frames

B B B a a a s s s i i i c c c T T T o o o o o o l l l s s s : : :

What is Photoshop?What Does Photoshop Do?The Photoshop WorkspaceThe Menu BarThe Drawing Canvas

The Tool BoxThe PalettesDrawing Things on the CanvasChoosing a ColorDefining the BrushThe Pencil ToolThe Paintbrush ToolThe Line ToolThe Airbrush ToolThe Text ToolThe Paint Bucket Tool

The Gradient ToolModifying Things on the CanvasThe Eraser ToolThe Smudge ToolThe Focus ToolThe Toning ToolsThe Eye Dropper Tool




The Zoom ToolAdvanced ToolsSelecting ThingsThe Marquee Tool

The Lasso ToolThe Magic Wand ToolThe Move ToolThe Crop ToolChannelsMasksLayersFillsCloningFiltersText ManipulationLearn by ExampleReal World ExampleBackboard Under paintingRainbow Facade PreparationRainbow Facade CreationLogo TextLogo Text in 3DVisual IllusionSave as: File FormatsButtons

ShadowsBevelingArrows

INTRODUCING ILLUSTRATOR o Using the Welcome Screeno Introducing Vector Based Pathso Working with Layers in Illustratoro Introducing Anchor Pointso Creating a New Documento Repositioning and Adjusting Viewo Saving the Document




o Utilizing Illustrator Startup Documents

THE BRIDGE

o Intro to Bridge and The Bridge Center in CSo Finding Folders and The Thunbnail Viewo Opening, Moving and Previewing Bridge Fileso Preview, Filtering and Rating Optionso Orgainizing Files using Preferenceso Deleting, Duplicating, Moving files in Bridgeo Renaming Sorting and Batch Renaming fileso Presenting a slide show from the Bridge

WORKSPACE & NAVIGATION

o Setting Up Preferenceso Using Color Settingso Configuring Pallettes & Workspaceso Using Navigation

SYMMETRICAL SHAPES

o Setting Palette Options and Using Transparacyo A Look at the Shape Tools. Creating a Circleo Aligning Circle Shapeso Creating Star Shapeso Creating Rectangle Shapeso Using the Flip Tool to Mirror Shapeso Combining Shapeso Tilde Key Function

FILL, STROKE AND COLOR

o Introduction to Fill and Strokeo An Overview of the Color Palletteo The Color Spectrum Bar and Dialing in colorso Black vs. Rich Black in the Color Paletteo CMYK vs. RGBo Creating and Saving new Color Swatcheso Filling and Arranging Objects in a document




o Modifying and Arranging the Stroke of an Objecto Display Artifacts and Stroke Pallete optionso Creating a fill Pattern

TRANSFORMING PATHS

o Introducing Path Transformationso Duplicating Objectso Moving Objects in Incrementso Using the Reshape Toolo Moving Pathso Using the Offset Path Dialogue Boxo Working with Swatches

o Grouping Pathso Using the Scale Toolo Using the Rotate Toolo Rotating Multiple Objectso Advanced Rotate Options

USING THE POWERFUL PEN TOOL o Using Bridgeo Creating a Tracing Templateo Drawing with the Pen Toolo Modifying a Patho Using and Editing Spline Curveso Using BeziÃ©r Curveso Creating a Cusp Pointo Modifying and Converting BeziÃ©r Curveso Cutting, Extending, and Closing Pathso Filling Paths

SELECTING POINTS AND PATHS o Strokes and Fillso Appearance Palate - Transform And Tweako Working With Layers - Uzz Charactero Making Use of the Join Commando Locked Layers




o Making Center Pointso Intro To Pathfinder - Intersect Shape Areaso Precision Filling Selectiono Various Selection Commands & Methodso Various Scaling Methodso Lacemaking Using Shape Tool - Rotate & Fillo Merging Strokes & Fills With Compound Patho Lacemaking Using Direction Handles & Anchor Pointso Pucker & Bloat

PATHFINDER OPERATIONS

o Touring the Projecto

An Introduction to the Pathfinder Operationso Working with the Pathfinder Paleteo Comparing Pathfinder Behaviorso Joining Paths and the Miter Limito Croping, Uniting and Arrangingo Selectiing and Deselecting Pathso Fill Options and other pathfinder operations

LIQUEFY & ENVELOPE

o Preparing an Image for Liquify & Envelopeo Using the Warp Tool to Liquifyo Using the Envelope Functionso Editing Enveloped Contento Liquify with Live Trace

CREATING AND FORMATTING TYPE

o Importing Text into Illustratoro Selecting Text for Reformattingo Moving Text to a New Text Containero Reformatting Text with the Paragraphs Palleto Altering Text Font and Sizeo Moving Text and Altering Line Spacingo Copying Text Formats




QUICK START TOUR OF INDESIGN

o Creating a New Documento Creating Guideso Placing Photoshop® Fileso Placing Illustrator® Fileso Using Transparency E_ectso Placing & Formatting Texto Exporting to Adobe PDF

CUSTOMIZING THE INTERFACE

o Navigating the New Interfaceo Introducing the Control Panelo Customizing Keyboard Shortcutso Customizing Menus

ADJUSTING APPLICATION PREFERENCES o Adjusting Interface Preferenceso Customizing Typographyo Adjusting Units, Grids & Guideso Customizing Spell Checko Controlling Display Settingso Handling Files & Clipboards

WORKING WITH DOCUMENTS

o Creating New Documentso Working with Document Presetso Working with Templateso Opening Existing Documentso Missing Fonts & Outdated Links




o Saving Backwards for Compatibility

NAVIGATING INDESIGN DOCUMENTS o Navigating Pages & Layerso Zooming & Panning in a Documento Previewing a Documento Exploring Adobe Bridge

USING GUIDES & GRIDS o Working with Margins & Columnso Setting Up Rulerso Working with Guideso Using Advanced Guide Techniques

ADDING TEXT TO YOUR LAYOUTS

o Understanding Frame Typeso Formatting Texto Selecting Texto Placing Text Contento Threading Text Frameso Creating Text on a Patho Auto-Flowing Text Stories

CHARACTER FORMATTING OPTIONS o Choosing Fontso Controlling Font Size & Leadingo Exploring Character Optionso Adjusting Tracking & Kerningo

Using the Eyedropper Tool

PARAGRAPH FORMATTING OPTIONS

o Controlling Alignment Optionso Understanding Indents & Spacingo Controlling Hyphenation




o Creating Drop Capso Using Optical Margin Alignment

FORMATTING TEXT WITH STYLES o Creating Paragraph Styleso Applying Styleso Understanding Next Styleso Clearing Style Optionso Rede_ning Styleso Importing & Managing Styleso Managing Styles

DESIGNING WITH TABS & TABLES

o Formatting Text with Tabso Creating, Selecting & Navigating Tableso Formatting Tables & Cellso Saving Time with Table & Cell Styleso Final Comments & Credits

What Are Javascript And Jquery

Document Object Model (DOM) And JqueryProgramming/Coding PrinciplesSeparation Of Structure (HTML), Style (CSS) AndBehaviors (Javscript/Jquery)Jquery Wrapper – DOM Elements As Array - $( )Selecting And Manipulating ElementsJquery APIElement Properties And AttributesBrowser Event ModelJquery Event ModelPutting Events To WorkAnimation And Effects OverviewShow/Hide ElementsAnimate The Display StateAnimation And QueuingMore On Jquery UtilitiesExtending Jquery, PluginsDynamic Website Design With Jquery




Design And (3) Plans For Implementing Jquery FunctionalityDrag And Drop FeaturesSorting ElementsChanging The Size Of Elements

Making Elements SelectableButtons And ButtonsetsSliders, Tabs, AccordiansProgress BarsForms/Auto CompletersDate PickersDialog Boxes

DESIGNING WEBSITES WITH DREAMWEAVER

o Comparing Web Design Optionso Appreciating CSS Advantageso Reviewing Old School Designso Creating Dynamic Siteso Reviewing Site Di_erences

CREATING A NEW WEBSITE

o Creating a New Siteo Creating a New Pageo Adding Images with Alternate Texto Inserting & Formatting Texto Aligning Images with the Property Inspectoro Using the Page Properties Dialog Boxo Linking to Pages in a Siteo Creating an Email Linko Linking to Other Websiteso Testing & Targeting Linkso Organizing Files & Folders

CUSTOMIZING THE INTERFACE




o Introducing the Workspaceo Opening an Existing Siteo Working in Code, Design & Split Viewso Customizing the Insert Baro Use the Properties Inspector & the Tag Selectoro Reviewing Menu Options & Preferenceso Comparing the Macintosh & PC Interfaceso Previewing in Browsers & Device Central

CREATING & INSERTING IMAGES

o Optimizing Images for the Webo Saving GIFs & PNGs in Photoshop

o Inserting GIFs in Dreamweavero Adjusting Transparency Settingso Saving JPGs for the Webo Edit Images in Dreamweaver & Photoshopo Changing Editor Preferences

CREATING CSS LAYOUTS o Getting Started with Styleso Creating Tag & Class Styleso Creating Styles to Format Imageso Reviewing CSS Codeo Previewing Page Styleso Understanding Page Propertieso Creating Divs with ID Styleso Adding Images & Lists to Divso Creating a Series of Divso Aligning Divs Side by Sideo Using the Clear Option in CSSo Adding Borders with CSSo

Creating an Image Bordero Using Margins for Positioningo Creating Navigation Linkso Styling a List for Navigationo Creating a Rollover E_ect in CSSo Duplicating Existing Styleso Changing Page Properties Styles




o Reviewing Style Selectors

DESIGNING WITH CSS o Understanding the Box Modelo Comparing Margins & Paddingo Viewing CSS in Various Browserso Creating a Page from a Templateo Using Paste Specialo Using Styles to Align Imageso Creating a Two Column Layouto Calculating CSS Spacingo Styling Headlineso Understanding Font Sizeso Using External Style Sheetso Viewing Styleso Reviewing CSS Options

CREATING LAYOUTS WITH ABSOLUTE POSITIONING o Explaining Absolute Positioningo Comparing Absolute & Centered Positioningo

Warnings about Using AP Divso Using a Tracing Imageo Creating a Layout with AP Divso Naming AP Divso Nesting AP Divso Aligning AP Divso Inserting Images into Divso Calculating Page Layoutso Re_ning an AP Layouto Setting the Z-Index

DESIGNING ACCESSIBLE TABLES

o Understanding Tables & Accessibilityo Using Tables for Tabular Datao Styling a Tableo Editing Table Layouts




o Adding Style to a Table Using CSS

CREATING WEBSITES WITH FRAMES o Introducing Frameso Creating a Frameseto Opening Pages into Frameso Controlling Scrollbars & Borderso Targeting Links in Frames

USING BEHAVIORS TO ADD INTERACTIVITY

o Viewing Behaviors in a Browsero Introducing the Behaviors Panelo Inserting Rollover Imageso Using the Swap Image Behavioro Altering Swap Image Optionso Using the Show-Hide Elements Behavioro Using the Open Browser Behavioro Downloading More Behaviors

SURVIVAL HTML & CSS o Writing HTML: The Fundamentalso Understanding Doctypeso Recognizing HTML Tagso Understanding Linkso Working in Split View

USING & CREATING TEMPLATES o Using CSS Layoutso Editing CSS Layoutso Altering CSS Styleso Creating a Dynamic Web Templateo Editing Dynamic Web Templates

CREATING WEB FORMS o Creating & Inserting a Form




o Inserting Text Fieldso Adding Drop-Down Listso Inserting Radio Buttonso Inserting Check Boxes & a Submit Buttono Connecting a Form to a Script

ADDING FLASH TO YOUR PAGES o Working with Flasho Inserting Flash Videoo Creating Flash Buttons & Texto Troubleshooting the Flash Options

TESTING & PUBLISHING A WEBSITE o Using the Check Page Featureo Testing & Fixing Linkso Running Site Reportso Con_guring FTP Settingso Publishing a Site to a Server

DREAMWEAVER TIPS & TRICKS o Registering a Domain Nameo

Finding Fonts & Photoso Learning More Onlineo Final Comments & Credits

FTP stands for File Transfer Protocol, which is a network protocol used to transfer data fromone computer to another through a network.

FTP is the simplest and secure way to transfer files. The most common use for FTP is to

download files from the Internet to a local computer, or upload files from a local computer toa remote server.

o FTP Introductiono FTP Commands Viewing Files and Directorieso FTP Commands Transfer and Rename fileso FTP with WS FTP Windows

http://www.itechcollege.com/courses/FTP/01-FTP-Introduction.php

http://www.itechcollege.com/courses/FTP/02-FTP-Commands-Viewing-Files-and-Directories.php

http://www.itechcollege.com/courses/FTP/03-FTP-Commands-Transfer-and-Rename-files.php

http://www.itechcollege.com/courses/FTP/04-FTP-with-WS-FTP-Windows.php

http://www.itechcollege.com/courses/FTP/04-FTP-with-WS-FTP-Windows.php

http://www.itechcollege.com/courses/FTP/03-FTP-Commands-Transfer-and-Rename-files.php

http://www.itechcollege.com/courses/FTP/02-FTP-Commands-Viewing-Files-and-Directories.php

http://www.itechcollege.com/courses/FTP/01-FTP-Introduction.php




Search Engines and Directories

What are Search Engines?Types of Search Engines.

How Search Engines work and how they rank websites based upon a search term ?

What are Directories and how do they differ from Search Engines?

Difference between Search Engines and Directories.

What is Open Directory project and how can a listing in DMOZ boost my SEOeffort?

What is the importance of Yahoo directory listing?

How do you submit your site to search engines/directories?

How do you monitor the performance of your website in the search engines?

Introduction to SEO and what it involvesWhat is the importance of search for websites and how can SEO save valuabledollars in advertising expenses?

Which search engines should I concentrate on while performing SEO activities?

Who can or should perform SEO activities?

What are the areas of operation for Search Engine Optimization Professional?

Keyword selection and optimization strategies

Keywords - the key to successful SEO.What is the importance of keywords in SEO?

How do you search for the right keywords that will help bring in the most traffic?

What is keyword density and how should you optimize keyword density for thesearch engines?

What is keyword prominence and how does it affect the SEO efforts?

How should keywords with two or more words be ideally placed within thewebpage? What is Keyword proximity?

Notes:

Recommend Practical hours for student except class hours is 200 Hrs.

We also provide weekend classes for all courses.

After completion of 75% of course, student will go through Live Project Training,Interview Preparation and Recruitment process in Software Industry.




Our Technology Specialization and Certification Courses:




K K K E E E Y Y Y F F F E E E A A A T T T U U U R R R E E E S S S O O O F F F X X X P P P E E E R R R T T T I I I N N N F F F O O O T T T E E E C C C H H H : : :

Training by Certified and Experienced Trainers.

Industrial and Corporate Tie-ups for Live projects for student.

Well equipped Computer Lab, Internet and Book Bank facility.

Live project based Summer Trainings, Summer Internships and

summer programs.

100% placement assistance on every course.

Interview Preparation and Technical Events.

On Campus Interviews in every month for the placement of students.

WI-FI enabled classrooms. 100% Placement

Assistance

On Campus

Interviews

58-61 (Basement), Vashist Park, Pankha Road,

New Delhi-46

Ph.: 011-28526572, 65833100, 9990345891

www.xpert-infotech.comEmail: [email protected]