free web design templates

Document Sample
free web design templates Powered By Docstoc
					http://www.webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320


Introduction to Microsoft Expression Web Design & Development
Course length: 3 Days
Course Web Page: http://www.webucator.com/Course.cfm?CourseID=EXP11a

Class Overview

This Expression Web training course is for students interested in learning Microsoft Expression Web to
design attractive, CSS-based, scalable web sites and front-ends for web-based applications. It also includes
an introduction to working with ASP.NET in Expression Web.


Class Goals
•         Build, deploy, and maintain interactive web sites
•         Layout text on pages using HTML and CSS
•         Create and maintain hyperlinks to pages on other sites, pages within the same site, and to points within
          the same page
•         Control styles and page layout with CSS
•         Add interactive behaviors
•         Create tables
•         Design fill-in foms
•         Publish their site to a web server
•         Build front-ends for applications whose back-ends will later be written by developers
•         Build pages that allow users to select, insert, update, or delete database records
•         Use ASP.NET validators to validate user input

Class Prerequisites
No formal prerequisites.

Class Outline
    I.      Introduction to Expression Web
                    I.A. What is Microsoft Expression Studio?

    II.     Introduction to the Web and HTML
                    II.A.   Client-Server Model
                    II.B.   Definition of HTTP
                    II.C.   Static pages vs. Dynamic pages (ColdFusion, ASP, ASP.NET, PHP, etc.)
                    II.D.   What is a "webmaster?"




                                                                                                      Page 1 of 5
http://www.webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320


 III. Exploring Expression Web
             III.A.   Expression Web Interface
             III.B.   Task Panes in Expression Web
             III.C.   Expanding and Collapsing Task Panes
             III.D.   Code View vs. Design View
             III.E.   Using the Toolbars
             III.F.   Using the Visual Aids

 IV. Creating Sites
             IV.A.    Creating Template-based Sites
             IV.B.    Creating New Pages in a Template Site
             IV.C.    Creating a Page from Scratch
             IV.D.    Creating a Page using CSS Layout
             IV.E.    Previewing in Browser
             IV.F.    Import Site Wizard

 V.   Working with Text and Page Format
             V.A.     HTML Structural Tags
             V.B.     Changing the HTML Title with Expression Web
             V.C.     Format Font, Size, Color and other Text Properties
             V.D.     Heading and Block Level Code
             V.E.     Creating Bulleted Lists
             V.F.     Pasting Text
             V.G.     Inserting Horizontal Rules and other HTML tags
             V.H.     Inserting Special Characters

 VI. Creating Links
             VI.A.    Adding Links
             VI.B.    Adding ScreenTips
             VI.C.    E-mail
             VI.D.    Changing Links
             VI.E.    Removing Links
             VI.F.    Link within Page (Bookmarks)

 VII. Images & Backgrounds
             VII.A.   Inserting Images
             VII.B.   Note about Accessibility and the alt attribute
             VII.C.   Adding a Background Image
             VII.D.   Editing Images Directly in Expression Web

 VIII. Interactive Buttons & Rollover Images
             VIII.A. Adding the Swap Image Behavior
             VIII.B. Adding Interactive Buttons



                                                                           Page 2 of 5
http://www.webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320


 IX. Auto Thumbnail
             IX.A. Auto Thumbnail Options

 X.   Image Maps (Hotspots)
             X.A. Add a Map with "Hot Spots" to the Locations Page

 XI. Cascading Style Sheets
             XI.A.    Quick Lesson in CSS Selectors
             XI.B.    Manage CSS Styles with Expression Web
             XI.C.    Creating a New Style
             XI.D.    Applying CSS Classes to Page Content
             XI.E.    Attaching an Existing Style Sheet
             XI.F.    Moving Styles to an External Style Sheet

 XII. Page Layout with CSS Layers
             XII.A. Designing Layouts with pre-built "CSS Layouts"
             XII.B. Using CSS Layers in Expression Web

 XIII. Behaviors
             XIII.A. What is JavaScript?
             XIII.B. Events vs. Actions

    .
 XIV Behavior: Jump Menu
                .A
             XIV .    Demo: Democratic Governors' Association
             XIV.B.   Adding the Jump Menu Behavior
                .C
             XIV .    How to Select the First Option? Adding a "Go" Button
                .D
             XIV .    A little JavaScript lesson

 XV. Behavior: Open Browser Window
               .A.
             XV Creating Fake Links with JavaScript

 XVI. Behavior: Change Property (Dynamic Visibility)
              V. .
             X IA Changing Font, Font Color, Borders
              V. .
             X IB Open Browser Window
              V. .
             X IC Dynamic Visibility

 XVII. Tables
              VA
             X I. . Add a Table with Staff Information to the "Contact Us" page
              VB
             X I. . Page Layout with Tables (optional)
              VC
             X I. . Merge Cells



                                                                                  Page 3 of 5
http://www.webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320


 XVII. Forms
              V. .
             X IIA Using Expression Web to Create Forms
              V. .
             X IIB HTML Form Elements

 XIX. Introduction to ASP.NET
              I..
             XXA Static pages vs. Dynamic pages

 XX. Validating User Input with ASP.NET Validation Controls
             XX.A.    HTML Form Elements vs. ASP Form Controls
             XX.B.    ASP.NET Validation Control
             XX.C.    Using the RequiredFieldValidator Control
             XX.D.    Using the RegularExpressionValidator Control
             XX.E.    Testing with Validators
             XX.F.    Summarizing Results with ValidationSummary Control

 XXI. Navigation Menus with Flyouts
              X. .
             X IA Adding the Menu
              X. .
             X IB Adding Elements to the Menu

 XXII. Data Binding
              XA
             X I. . Database Basics: Introduction to SQL

 XXII. Creating an ASP.NET Connection
              X. .
             X IIA Using the SQLDataSource Control
              X. .
             X IIB Displaying Data in a Bulleted List with a List Bound Control
              XC
             X I. . Using a SQL Alias to Combine Two Columns

  XV
 X I . Displaying Data with GridView Control
              XA
               V
             X I. .   Using the GridView
              XB
               V
             X I. .   Paging through Records
              XC
               V
             X I. .   Creating Sortable Columns
              XD
               V
             X I. .   Using AutoFormat
              XE
               V
             X I. .   Changing Column Headings

  X.
 X V Editing and Deleting Records with GridView
  XI.
 X V Building a Drill-Down
              XA
               .
             XV.I     Introducing the AutoPostBack
              XB.
                I
             X V.     Using a SQL Alias to Combine Two Columns
              XC
               .
               I
             XV.      Showing all Movies by an Actor
              XD
             XV.I
                .     Showing all Movies in a Genre (SELECT DISTINCT)



                                                                                  Page 4 of 5
http://www.webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-849-2724
Fax: 315-410-5320


   XI.
  X V Building a Search Feature
   XI.
  X V Inserting Records with FormView Control
   XX
  X I . Using Master Pages and Templates
   X.
  X X Using Meta Tags to Optimize Search Engine Placement
                XA.
               X X . Keywords
                XB.
               X X . Description

   XI.
  X X Site Management Information
                XA
                 .
               XX.I   Find and Replace
                XB.
                  I
               X X.   Hyperlink Report
                XC
                 .
                 I
               XX.    Compatibility Checker
                XD
               XX.I
                  .   CSS Reports


Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the programming
examples.

Technical Requirements
Technical requirements and setup instructions available at
http://www.webucator.com/help/supportWiki/index.cfm/EXP11a

For more information...
sales@webucator.com
Toll-free: 877-WEBUCATE (877-932-8228)
From outside the U.S.: 315-446-0560
Fax: 315-410-5320




                                                                                              Page 5 of 5