6 Weeks Summer Training Web Designing

7/31/2019 6 Weeks Summer Training Web Designing

http://slidepdf.com/reader/full/6-weeks-summer-training-web-designing 1/11

1 | XPERT INFOTECH | ConfidentialCOURSE OUTLINE FORWeb Designing

Effective from: Jan 2012




The History of the WebThe 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 Text

Text StylesUnordered ListsOrdered ListsDefinition ListsSpecial CharactersAll about LinksWhat is a URL?Linking to another DocumentInternal LinksEmail LinksRelative and Absolute Links

ImagesReferencing ImagesClickable ImagesImage Placement and AlignmentImage Size

Image MarginsUsing Images on Your PageCreating ImagesImage FormatsLimiting Image SizeImage MapsDefining an Image MapA Quick NoteAdvanced Use of the <BODY> tagUsing BODY AttributesColoring Body Content

Body Tag AttributesDefining ColorsBrowser Safe ColorsBasic TablesTable AttributesTable Cell AttributesTable Row AttributesTables Inside of TablesInvisible SpacersFrame-Based PagesCreating Windows

Single Window FramesCreating Column FramesCreating Row FramesCreating Complex Frames




What is Photoshop?

What Does Photoshop Do?The Photoshop WorkspaceThe Menu BarThe Drawing CanvasThe Tool BoxThe PalettesDrawing Things on the CanvasChoosing a ColorDefining the BrushThe Pencil ToolThe Paintbrush Tool

The Line ToolThe Airbrush ToolThe Text ToolThe Paint Bucket ToolThe Gradient ToolModifying Things on the CanvasThe Eraser ToolThe Smudge ToolThe Focus ToolThe Toning ToolsThe Eye Dropper Tool

The Zoom ToolAdvanced ToolsSelecting Things

The Marquee Tool

The Lasso ToolThe Magic Wand ToolThe Move ToolThe Crop ToolChannelsMasksLayersFillsCloningFiltersText Manipulation

Learn by ExampleReal World ExampleBackboard Under paintingRainbow Facade PreparationRainbow Facade CreationLogo TextLogo Text in 3DVisual IllusionSave as: File FormatsButtonsShadows

BevelingArrows




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 Link o 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 Interfaces

o 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 Styles

o 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 Styleso Reviewing Style Selectors

DESIGNING WITH CSS o Understanding the Box Modelo Comparing Margins & Padding

o 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 Headlines




o 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 Divs

o 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 & Accessibility

o Using Tables for Tabular Datao Styling a Tableo Editing Table Layoutso 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 Formo 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 todownload 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




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 Work

Animation And Effects OverviewShow/Hide ElementsAnimate The Display StateAnimation And QueuingMore On Jquery UtilitiesExtending Jquery, PluginsDynamic Website Design With JqueryDesign 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

Notes:

Recommend Practical hours for student except class hours is 90 Hrs.We also provide weekend classes for all courses.

After completion of 75% of course, student will go through Live ProjectTraining, Interview Preparation and Recruitment process in SoftwareIndustry.




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]

6 Weeks Summer Training Web Designing

Documents

Transcript of 6 Weeks Summer Training Web Designing