IST 421 Syllabus and Course Overview. Designing Large Distributed Complex ScalableSystems.
New Web Designing Course Syllabus
2
Web Designing Course syllabus HTML Photoshop CSS Introduction to Internet Understanding Browsers Starting with HTML HTML Page Structure Defining Web Layout( Head & Body) Head Tags BODY tag with Bgcolor, Background with image and text color. Text formating Text attributes Importance of heading tags (H1– H6) Marquee text with or without background, Blink the text attributes Divide section using <HR> line with width, align, size Knowing Images format for web Working with images Images attributes Working with Tables Table attributes Colspan, Rowspan Table Border, Align, Valign Table background image, color to cell Nesting tables Using list Ordered list Unordered list Bullets (disc, square, circle) Upper alphbets, lower alphabet, roman upper or lower Working with Links Internal Links External Links Anchor Link Email Link Linking with text Links with images working with forms knowing get and post action Radio button, Check box, Text box, Drop-down list, Use attribute Size, Max-length, Name attributes Add Submit and Reset Button Defining page setup for web Understanding file formats for web Understanding Pixels & Resolution Navigating Photoshop Working with tools Working with Multiple Images, Rulers, Guides & Grids Working with layers, Merging Layers, locking layers Blending modes, opacity & fill Adjusting Canvas Size & Canvas Rotation Creating text,applying styles effects Creating web patterns Levels, Curves adjustment Patch tool image correction Enhancing image for web Retouching images Transforming of images Color pallete Using filters for effect Render, glass, wood texture, emboss Creating Web Layout Creating Web banners Web Animation in Photoshop Converting Photoshop Layout to HTML in Photoshop Introduction to Cascading Style Sheets Types of Style Sheets (Inline, Internal and External) Class Selector ID Selector Absolute Relative Positioning Inline menu DIV + CSS Layout Design PSD to CSS Conversion
-
Upload
sanjay-manhas -
Category
Documents
-
view
215 -
download
0
description
New Web Designing Course Syllabus
Transcript of New Web Designing Course Syllabus
Web Designing Course syllabus
HTML Photoshop CSS
Introduction to InternetUnderstanding BrowsersStarting with HTMLHTML Page StructureDefining Web Layout( Head & Body)Head Tags BODY tag with Bgcolor, Background with image and text color.Text formatingText attributesImportance of heading tags (H1–H6)Marquee text with or without background, Blink the text attributes Divide section using <HR> line with width, align, sizeKnowing Images format for webWorking with imagesImages attributesWorking with TablesTable attributesColspan, RowspanTable Border, Align, ValignTable background image, color to cellNesting tablesUsing listOrdered listUnordered listBullets (disc, square, circle)Upper alphbets, lower alphabet, roman upper or lowerWorking with LinksInternal LinksExternal LinksAnchor LinkEmail LinkLinking with textLinks with imagesworking with formsknowing get and post actionRadio button, Check box, Text box, Drop-down list, Use attribute Size, Max-length, Name attributesAdd Submit and Reset Button
Defining page setup for webUnderstanding file formats for webUnderstanding Pixels & ResolutionNavigating PhotoshopWorking with toolsWorking with Multiple Images, Rulers, Guides & GridsWorking with layers, Merging Layers, locking layersBlending modes, opacity & fillAdjusting Canvas Size & Canvas RotationCreating text,applying styles effectsCreating web patternsLevels, Curves adjustmentPatch tool image correctionEnhancing image for webRetouching imagesTransforming of imagesColor palleteUsing filters for effectRender, glass, wood texture, embossCreating Web LayoutCreating Web bannersWeb Animation in Photoshop Converting Photoshop Layout to HTML in Photoshop
Introduction to Cascading Style SheetsTypes of Style Sheets (Inline, Internal and External)Class SelectorID Selector Absolute Relative PositioningInline menuDIV + CSS Layout DesignPSD to CSS Conversion
PSD to HTML conversion Dreamweaver Javascript
Setting up folder structureReading the designPSD to HTML conversionDynamic content logicCross browser compatibilitySlicing the PSDsSetting up Naming convention
Exploring Dreamweaver InterfacePlanning & Setting Web Site StructureWorking with panelsUnderstanding and switching viewsUsing property inspectorFormating textCreating Web pagesHyperLinking pagesExternal LinkingAnchor & Email LinkInserting TablesMerging cells Setting table propertiesWorking with imagesUnderstanding jpg and GIF file formatImage LinkingCreating rollover imagesInserting flash swf file in web pagesWorking with formsValidating formsCreating and working with TemplatesWorking with Spry Menu BarCreating Tabbed PanelCreating Collapsible panelUsing Behaviours Creating interactive websiteCreating Tableless website using CSS
Intro to javascriptUderstanding variables & functionsWorking with alert, confirm and promptUnderstanding loop, arraysCreating rollover imageWorking with operators.
