Web Designing Course Contents (for Professionals)

Published on June 2016 | Categories: Documents | Downloads: 25 | Comments: 0 | Views: 159
of 18
Download PDF   Embed   Report

Comments

Content

FOR PROFESSIONALS Effective from: Jan 2012

1

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Contents:
The History of the Web The Nuts and Bolts of the Web The Basics of HTTP HTML the Language of the Web Basic HTML Tags Basic HTML Body Tags Coding Style Serving Your Web Page Modifying Text Sizing Text Positioning Text Text Styles Unordered Lists Ordered Lists Definition Lists Special Characters All about Links What is a URL? Linking to another Document Internal Links Email Links Relative and Absolute Links Images Referencing Images Clickable Images Image Placement and Alignment Image Size Image Margins Using Images on Your Page Creating Images Image Formats Limiting Image Size Image Maps Defining an Image Map A Quick Note Advanced Use of the <BODY> tag Using BODY Attributes Coloring Body Content Body Tag Attributes Defining Colors Browser Safe Colors

2

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Basic Tables Table Attributes Table Cell Attributes Table Row Attributes Tables Inside of Tables Invisible Spacers Frame-Based Pages Creating Windows Single Window Frames Creating Column Frames Creating Row Frames Creating Complex Frames

Adobe Photoshop
Basiic Toolls: Bas c Too s:
What is Photoshop? What Does Photoshop Do? The Photoshop Workspace The Menu Bar The Drawing Canvas The Tool Box The Palettes Drawing Things on the Canvas Choosing a Color Defining the Brush The Pencil Tool The Paintbrush Tool The Line Tool The Airbrush Tool The Text Tool The Paint Bucket Tool The Gradient Tool Modifying Things on the Canvas The Eraser Tool The Smudge Tool The Focus Tool The Toning Tools The Eye Dropper Tool

3

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

The Zoom Tool Advanced Tools Selecting Things The Marquee Tool The Lasso Tool The Magic Wand Tool The Move Tool The Crop Tool Channels Masks Layers Fills Cloning Filters Text Manipulation Learn by Example Real World Example Backboard Under painting Rainbow Facade Preparation Rainbow Facade Creation Logo Text Logo Text in 3D Visual Illusion Save as: File Formats Buttons Shadows Beveling Arrows

Adobe illustrator
INTRODUCING ILLUSTRATOR
o o o o o o o

Using the Welcome Screen Introducing Vector Based Paths Working with Layers in Illustrator Introducing Anchor Points Creating a New Document Repositioning and Adjusting View Saving the Document

4

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o

Utilizing Illustrator Startup Documents

THE BRIDGE
o o o o o o o o

Intro to Bridge and The Bridge Center in CS Finding Folders and The Thunbnail View Opening, Moving and Previewing Bridge Files Preview, Filtering and Rating Options Orgainizing Files using Preferences Deleting, Duplicating, Moving files in Bridge Renaming Sorting and Batch Renaming files Presenting a slide show from the Bridge

WORKSPACE & NAVIGATION
o o o o

Setting Up Preferences Using Color Settings Configuring Pallettes & Workspaces Using Navigation

SYMMETRICAL SHAPES
o o o o o o o o

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

FILL, STROKE AND COLOR
o o o o o o o

Introduction to Fill and Stroke An Overview of the Color Pallette The Color Spectrum Bar and Dialing in colors Black vs. Rich Black in the Color Palette CMYK vs. RGB Creating and Saving new Color Swatches Filling and Arranging Objects in a document

5

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o o o

Modifying and Arranging the Stroke of an Object Display Artifacts and Stroke Pallete options Creating a fill Pattern

TRANSFORMING PATHS
o o o o o o o o o o o o

Introducing Path Transformations Duplicating Objects Moving Objects in Increments Using the Reshape Tool Moving Paths Using the Offset Path Dialogue Box Working with Swatches Grouping Paths Using the Scale Tool Using the Rotate Tool Rotating Multiple Objects Advanced Rotate Options

USING THE POWERFUL PEN TOOL
o o o o o o o o o o

Using Bridge Creating a Tracing Template Drawing with the Pen Tool Modifying a Path Using and Editing Spline Curves Using Beziér Curves Creating a Cusp Point Modifying and Converting Beziér Curves Cutting, Extending, and Closing Paths Filling Paths

SELECTING POINTS AND PATHS
o o o o o

Strokes and Fills Appearance Palate - Transform And Tweak Working With Layers - Uzz Character Making Use of the Join Command Locked Layers

6

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o o o o o o o o o

Making Center Points Intro To Pathfinder - Intersect Shape Areas Precision Filling Selection Various Selection Commands & Methods Various Scaling Methods Lacemaking Using Shape Tool - Rotate & Fill Merging Strokes & Fills With Compound Path Lacemaking Using Direction Handles & Anchor Points Pucker & Bloat

PATHFINDER OPERATIONS
o o o o o o o o

Touring the Project An Introduction to the Pathfinder Operations Working with the Pathfinder Palete Comparing Pathfinder Behaviors Joining Paths and the Miter Limit Croping, Uniting and Arranging Selectiing and Deselecting Paths Fill Options and other pathfinder operations

LIQUEFY & ENVELOPE
o o o o o

Preparing an Image for Liquify & Envelope Using the Warp Tool to Liquify Using the Envelope Functions Editing Enveloped Content Liquify with Live Trace

CREATING AND FORMATTING TYPE
o o o o o o o

Importing Text into Illustrator Selecting Text for Reformatting Moving Text to a New Text Container Reformatting Text with the Paragraphs Pallet Altering Text Font and Size Moving Text and Altering Line Spacing Copying Text Formats

7

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Adobe Indesign
QUICK START TOUR OF INDESIGN
o o o o o o o

Creating a New Document Creating Guides Placing Photoshop® Files Placing Illustrator® Files Using Transparency E_ects Placing & Formatting Text Exporting to Adobe PDF

CUSTOMIZING THE INTERFACE
o o o o

Navigating the New Interface Introducing the Control Panel Customizing Keyboard Shortcuts Customizing Menus

ADJUSTING APPLICATION PREFERENCES
o o o o o o

Adjusting Interface Preferences Customizing Typography Adjusting Units, Grids & Guides Customizing Spell Check Controlling Display Settings Handling Files & Clipboards

WORKING WITH DOCUMENTS
o o o o o

Creating New Documents Working with Document Presets Working with Templates Opening Existing Documents Missing Fonts & Outdated Links

8

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o

Saving Backwards for Compatibility

NAVIGATING INDESIGN DOCUMENTS
o o o o

Navigating Pages & Layers Zooming & Panning in a Document Previewing a Document Exploring Adobe Bridge

USING GUIDES & GRIDS
o o o o

Working with Margins & Columns Setting Up Rulers Working with Guides Using Advanced Guide Techniques

ADDING TEXT TO YOUR LAYOUTS
o o o o o o o

Understanding Frame Types Formatting Text Selecting Text Placing Text Content Threading Text Frames Creating Text on a Path Auto-Flowing Text Stories

CHARACTER FORMATTING OPTIONS
o o o o o

Choosing Fonts Controlling Font Size & Leading Exploring Character Options Adjusting Tracking & Kerning Using the Eyedropper Tool

PARAGRAPH FORMATTING OPTIONS
o o o

Controlling Alignment Options Understanding Indents & Spacing Controlling Hyphenation

9

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o o

Creating Drop Caps Using Optical Margin Alignment

FORMATTING TEXT WITH STYLES
o o o o o o o

Creating Paragraph Styles Applying Styles Understanding Next Styles Clearing Style Options Rede_ning Styles Importing & Managing Styles Managing Styles

DESIGNING WITH TABS & TABLES
o o o o o

Formatting Text with Tabs Creating, Selecting & Navigating Tables Formatting Tables & Cells Saving Time with Table & Cell Styles Final Comments & Credits

Jquery
What Are Javascript And Jquery Document Object Model (DOM) And Jquery Programming/Coding Principles Separation Of Structure (HTML), Style (CSS) And Behaviors (Javscript/Jquery) Jquery Wrapper – DOM Elements As Array - $( ) Selecting And Manipulating Elements Jquery API Element Properties And Attributes Browser Event Model Jquery Event Model Putting Events To Work Animation And Effects Overview Show/Hide Elements Animate The Display State Animation And Queuing More On Jquery Utilities Extending Jquery, Plugins Dynamic Website Design With Jquery

10

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Design And (3) Plans For Implementing Jquery Functionality Drag And Drop Features Sorting Elements Changing The Size Of Elements Making Elements Selectable Buttons And Buttonsets Sliders, Tabs, Accordians Progress Bars Forms/Auto Completers Date Pickers Dialog Boxes

Adobe Dreamweaver
DESIGNING WEBSITES WITH DREAMWEAVER
o o o o o

Comparing Web Design Options Appreciating CSS Advantages Reviewing Old School Designs Creating Dynamic Sites Reviewing Site Di_erences

CREATING A NEW WEBSITE
o o o o o o o o o o o

Creating a New Site Creating a New Page Adding Images with Alternate Text Inserting & Formatting Text Aligning Images with the Property Inspector Using the Page Properties Dialog Box Linking to Pages in a Site Creating an Email Link Linking to Other Websites Testing & Targeting Links Organizing Files & Folders

CUSTOMIZING THE INTERFACE

11

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o o o o o o o o

Introducing the Workspace Opening an Existing Site Working in Code, Design & Split Views Customizing the Insert Bar Use the Properties Inspector & the Tag Selector Reviewing Menu Options & Preferences Comparing the Macintosh & PC Interfaces Previewing in Browsers & Device Central

CREATING & INSERTING IMAGES
o o o o o o o

Optimizing Images for the Web Saving GIFs & PNGs in Photoshop Inserting GIFs in Dreamweaver Adjusting Transparency Settings Saving JPGs for the Web Edit Images in Dreamweaver & Photoshop Changing Editor Preferences

CREATING CSS LAYOUTS
o o o o o o o o o o o o o o o o o o o

Getting Started with Styles Creating Tag & Class Styles Creating Styles to Format Images Reviewing CSS Code Previewing Page Styles Understanding Page Properties Creating Divs with ID Styles Adding Images & Lists to Divs Creating a Series of Divs Aligning Divs Side by Side Using the Clear Option in CSS Adding Borders with CSS Creating an Image Border Using Margins for Positioning Creating Navigation Links Styling a List for Navigation Creating a Rollover E_ect in CSS Duplicating Existing Styles Changing Page Properties Styles

12

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o

Reviewing Style Selectors

DESIGNING WITH CSS
o o o o o o o o o o o o o

Understanding the Box Model Comparing Margins & Padding Viewing CSS in Various Browsers Creating a Page from a Template Using Paste Special Using Styles to Align Images Creating a Two Column Layout Calculating CSS Spacing Styling Headlines Understanding Font Sizes Using External Style Sheets Viewing Styles Reviewing CSS Options

CREATING LAYOUTS WITH ABSOLUTE POSITIONING
o o o o o o o o o o o o

Explaining Absolute Positioning Comparing Absolute & Centered Positioning Warnings about Using AP Divs Using a Tracing Image Creating a Layout with AP Divs Naming AP Divs Nesting AP Divs Aligning AP Divs Inserting Images into Divs Calculating Page Layouts Re_ning an AP Layout Setting the Z-Index

DESIGNING ACCESSIBLE TABLES
o o o o

Understanding Tables & Accessibility Using Tables for Tabular Data Styling a Table Editing Table Layouts

13

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o

Adding Style to a Table Using CSS

CREATING WEBSITES WITH FRAMES
o o o o o

Introducing Frames Creating a Frameset Opening Pages into Frames Controlling Scrollbars & Borders Targeting Links in Frames

USING BEHAVIORS TO ADD INTERACTIVITY
o o o o o o o o

Viewing Behaviors in a Browser Introducing the Behaviors Panel Inserting Rollover Images Using the Swap Image Behavior Altering Swap Image Options Using the Show-Hide Elements Behavior Using the Open Browser Behavior Downloading More Behaviors

SURVIVAL HTML & CSS
o o o o o

Writing HTML: The Fundamentals Understanding Doctypes Recognizing HTML Tags Understanding Links Working in Split View

USING & CREATING TEMPLATES
o o o o o

Using CSS Layouts Editing CSS Layouts Altering CSS Styles Creating a Dynamic Web Template Editing Dynamic Web Templates

CREATING WEB FORMS
o

Creating & Inserting a Form

14

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

o o o o o

Inserting Text Fields Adding Drop-Down Lists Inserting Radio Buttons Inserting Check Boxes & a Submit Button Connecting a Form to a Script

ADDING FLASH TO YOUR PAGES
o o o o

Working with Flash Inserting Flash Video Creating Flash Buttons & Text Troubleshooting the Flash Options

TESTING & PUBLISHING A WEBSITE
o o o o o

Using the Check Page Feature Testing & Fixing Links Running Site Reports Con_guring FTP Settings Publishing a Site to a Server

DREAMWEAVER TIPS & TRICKS
o o o o

Registering a Domain Name Finding Fonts & Photos Learning More Online Final Comments & Credits

FTP
FTP stands for File Transfer Protocol, which is a network protocol used to transfer data from one 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 to a remote server.
o o o o

FTP Introduction FTP Commands Viewing Files and Directories FTP Commands Transfer and Rename files FTP with WS FTP Windows

15

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

INTRO TO SEO
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 SEO effort? 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 involves What is the importance of search for websites and how can SEO save valuable dollars 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 the search 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 the webpage? 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.

16

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Our Technology Specialization and Certification Courses:

17

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

KEY FEATURES OF XPERT INFOTECH: KEY FEATURES OF XPERT INFOTECH:
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.com
Email: [email protected]

18

COURSE OUTLINE FOR WEB DESIGNING

|

XPERT INFOTECH | Confidential

Sponsor Documents

Or use your account on DocShare.tips

Hide

Forgot your password?

Or register your new account on DocShare.tips

Hide

Lost your password? Please enter your email address. You will receive a link to create a new password.

Back to log-in

Close