Mobile MOUSe
WEB SITE DESIGN
ONLINE COURSE OUTLINE
COURSE TITLE
WEB SITE DESIGN COURSE
DURATION
19 Hours of Interactive Training
COURSE OVERVIEW
In this 7 session course Debbie will take you through the steps to build user friendly, interactive sites that visitors can easily navigate. You will learn important concepts about layout, colour, and site planning. Explore with our expert how to use Photoshop, Flash, and Expression Web to make web sites come alive. Work with HTML, XHTML, CSS, and Div Tags. You will also be introduced to JavaScript and Java. Learn how to use Dreamweaver or Expression Web to build highly interactive web pages.
This course will also prepare you to take the CIW Web Site Designer exam ID0-520.
BENEFITS
· Easily learn to make effective Web Pages.
· Learn the tools that fit your needs.
· Prepares you for the CIW exam.
CONTACT
Website : www.mobilemouse.com.au
Email :
Telephone : +961+8+9404 7041
Fax : +961+8+9467 9132
PRICING
Contact Mobile MOUSe for pricing.
ADVANTAGES OF ONLINE COURSES
· Session times are at your discretion
· You can pick and choose which sessions to cover and in any order
· Learn at your own pace
· Free repetition (for a period of 6 months)
· Multiple course levels at a discounted price
· Many of the courses are internationally accredited
· Training from the comfort of your home or workstation
· Training can be accessed from any location
MOBILE MOUSe
WEB SITE DESIGN ONLINE COURSE OUTLINE
Session 1
Section A: The Internet Today
· Web Site Elements
· What is the Internet?
· W3C Standards
· Page Types
· Web Page Languages
· Design Tools and Applications
Section B: Planning the Web Site
· Design Considerations
· Target Audience
· Site Mapping
· Keep Organized
Section C: Guidelines
· Screen Resolution
· Connection Considerations
· Browser Considerations
· Web Design 101
· Copyright
Section D: XHTML
· Understanding Code
· Breaking It Down
· Attributes and Values
· Nested Tags
· DOCTYPE
· Page Tags
· Meta Tags
· Body Tags
· Deprecated Tags
Section E: Images
· Image Formats
· Photo Images - JPG
· Bitmap Images - PNG,WBMP
· Image Attributes
· Background Images
Section F: Colour
· RGB Colour
· Hexadecimal Colour
· Web-Safe Colour
· Colour Attribute
· Background Colour
Session 2
Section A: Photoshop CS3 Basics
· Image Tool Interface
· Palettes
· Customized Workspace
· Built-In Help
Section B: Working with Photoshop CS3
· Set Up Preferences
· Create a Mock-up
· Working with Canvas
· Use Layers
· Add Image
· Add Text
· Add Navigation Bar
· Create Buttons
· Add Text to Button
· Background Image
Section C: Optimizing Photoshop Images
· GIF Files
· Optimize GIF Files
· Colour Reduction Methods
· Selective Options
· Manipulating GIF Images
· Optimize JPG Files
· Manual Manipulating JPG
· Optimize PNG Files
· PNG-24
· Preview Load Times
Section D: Tables
· Working with Tables
· Table Attributes
· Frame and Rules Attribute
· Table Layout Attributes
· Row Attributes
· Cell Attributes
· Merging
Section E: Formatting Text
· Text Alignment
· Formatting Options
· HTML Headings
· Ordered Lists
· Unordered List
· Nested Lists
· Font Elements
· Font Tag
· Font Face Attribute
· Font Size Attribute
Section F: Links
· Using Links
· Creating Links
· Border Attribute
· Create Text Link
· Create Image Link
· Image Maps
· Linking Regions
· E-mail Links
· Named Anchors
Session 3
Section A: Cascading Style Sheets
· Anatomy of a Style Sheet
· Selectors
· Class Selector
· Pseudo-Class Selector
· Apply Pseudo-Class
· Apply External Style Sheets
· Apply Embedded Style Sheets
· Apply Inline Style Sheets
Section B: CSS Formatting
· Text Formatting
· Font Properties
· More Font Properties
· Text Formatting Example
· Margin Property
· Positioning
· Position Property
· Setting Background
· Background Images
· Positioning Backgrounds
Section C: Frames
· Pros and Cons
· What are Frames?
· frameset Attributes
· Frame Tags
· Frame Attributes
· Frame Examples
· More Frame Attributes
· Linking within Frames
· Named Targets
· Noframe
Section D: Using Multimedia on Web Pages
· Multimedia Formats
· Performance Issues
· Audio Software
· Video Software
· Animation Software
· QuickTime Plug-ins
· RealPlayer Plug-in
· Embedding Multimedia
· object Attributes
· Embed QuickTime Movies
· Embed Flash Movies
Section E: JavaScript
· Fundamentals
· Script Tags
· Event Handlers
· JavaScript Syntax
· Variables
· Arrays
· Functions
Session 4
Section A: Java
· Java Basics
· Java Applets
· Java Tags
· <applet> Attributes
· <applet> Parameters
Section B: XML
· XML Basics
· XML Syntax
· XML Requirements
· XML with XSL
· Document Type Definition
Section C: Server Technologies
· Server-Side Basics
· Server Considerations
· Cookies
· Session Types
· Working with Cookies
· Cookie Concerns
Section D: Databases
· Database Basics
· Database Types
· Database Management Systems
· Connectivity
· Scripted Connections
Section E: Accessibility
· Section 508
· Alt Tags
· Other Uses of Alt Tags
· Create Tables Info
· Assistive Device Considerations
· Form Considerations
· Working Form Objects
· Forms with Keyboard Navigation
· Other Form Considerations
Section F: Dreamweaver CS3
· Learning the Interface
· Working with Toolbars
· Document Window
· Working with Palettes and Properties
· Customize Workspace
· Define Web Site
· Finalize Setup
Section G: Dreamweaver Essentials
· Using Tables for Layout
· Layout Table Mode
· Edit Tables and Properties
· Format Tables
· Adding Background Image
· Creating Borders
· Add and Edit Rows/Columns
· Add and Edit Content in Cells
· Save Web Site
· AP Divs
· Working with AP Div Elements
· Modify AP Div Element
· Preview Page and Source Code
Session 5
Section A: Dreamweaver CS3 Templates
· Converting Page to Template
· Editing Master Page
· Editable Optional Region
· Use Template to Create Page
· Repeating Table Region
· Formatting/Editing Repeating Table
· Using Repeating Table Options
· Review Regions
· Updating Template
Section B: Adding Interactivity with Dreamweaver
· Building Rollover Effect
· Adding Action
· Building Navigation Bar
· Navigation Bar Tricks
· Interactive Behaviour
· Create Behaviour Event
· Setup Event
· Create a Spry Effect
· Preview Spry Effect
Section C: Building Web Forms with Dreamweaver
· Add Form Objects
· Add Text Fields
· Modify Layout
· Adding Check Box
· Check Box Properties
· Adding Radio Buttons
· Using Drop-Down Menus
· Add Text Area
· Submit/Reset Buttons
· View Form
Section D: CSS with Dreamweaver
· Create CCS Rule
· Set Class Selector Properties
· Apply Class Selector
· Apply Tag Selector
· Apply Pseudo-Class
· Apply More CSS Effects
· Preview Pseudo-Class Selector
· Apply External Style Sheet
· Edit External Style Sheet
· View Embedded Style Sheet
Section E: Dreamweaver Productivity Tools
· Productivity Tips
· Record/Replay Steps
· Using History Panel
· Work with Library Items
· Add/Edit Library Items
· Find and Replace
· Find and Replace Code
Section F: XHTML and Dreamweaver
· Working with Code
· Quick Tag Editor - Insert HTML Mode
· Quick Tag Editor - Edit HTML Mode
· Quick Tag Editor - Wrap Tag Mode
Session 6
Section A: Expression Web
· Interface Basics
· Design View Tools
· Status Bar Tools
· Setting Status Modes and Options
· Edit Document Type Information
· Creating a New Web Site
· Add Pages
Section B: Expression Design Tools
· Using Tables
· Working with Layout Table and Cells
· Adding Images with Tables
· Format Table Layout
· Add Background Images
· Format Table Cells
· Using Layers
· Working with Layers
· Add Content to Page
Section C: Expression Templates
· Dynamic Web Templates
· Creating Template from Existing
· Working with Regions
· Attach Dynamic Web Template
· Editing Dynamic Templates
· Detach Template
Section D: Adding Interactivity with Expressions
· Creating Rollover Effect
· Editing Interactive Buttons
· Saving Embedded Files
· Preview Site and Code
· Creating a Behaviour Event
· Using Swap Image Behaviour
Section E: Building Web Forms with Expression
· Add Form Objects
· Add Text Fields
· Add Radio Buttons
· Add Check Boxes
· Add Drop-Down Menus
· Add Text Areas
· Submit/Reset Buttons
· Finalize Form
· View Form
Section F: CSS with Expression
· Create Class-Based Style
· Build and Apply Class-Based Style
· Create Element-Based Style
· Save and View External Style Sheet
· ID-Based Style
· Build and Apply ID-Based Style
· Using External Style Sheets
· Modify Style Sheets
Section G: XHTML with Expression
· Working with the Code View
· Quick Tag Editor
· Insert HTML with Quick Tag Editor
· Quick Tag Selector
Session 7
Section A: Flash CS3
· Interface Basics
· Timeline
· Panels
· Tools Panel
· Edit Bar
· Customize Workspace
Section B: Flash CS3 Animation Basics
· Flash in Action
· Frame-by-Frame Animation
· Using Tools to Align and Layout
· Preview Options
· Adding Frames
· Shape Tweening
· Morphing Process
· Using Shape Hint
· ActionScript
· Prebuilt Actions
· Motion Tweening
· Converting to Symbols
· Using Symbol Instances
· Custom Animation Techniques
Section C: Designing Web Sites with Flash
· Animated Buttons
· Adding Effects to Buttons
· Placing Buttons on the Stage
· Converting Sounds to MP3
· Defining Button Sounds
· Adding Video to Movies
· Video Encoding Options
· Preview Video
· View Bandwidth Profiler
Section D: Publishing Flash Movies
· Publish Settings
· Flash Publish Settings
· HTML Publish Settings
· Playback Settings
· Quality Settings
· View in Browser
· Export as SWF
Section E: Managing Web Sites
· Web Publishing Requirements
· Choosing a Web Host
· Server Space
· Web Site Services
· FTP
· FTP in Dreamweaver
· Upload to FTP Server
· FTP in MS Expression Web
· Upload via File System
· Web Site Management
· Content Management Systems
6/07/2012 PAGE 1