Course duration
- 1 day
Course Benefits
- Learn about the phases of the design process.
- Learn how to define project scope.
- Learn about creating mockups and working with data.
- Learn how to integrate the pieces of your website project.
- Learn about usability and accessibility considerations.
- Learn the steps in rolling our your project.
- Learn how to analyze and learn from your project for future projects.
Available Delivery Methods
Public Class
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Public expert-led online training from the convenience of your home, office or anywhere with an internet connection. Guaranteed to run .
Private Class
Private classes are delivered for groups at your offices or a location of your choice.
Private classes are delivered for groups at your offices or a location of your choice.
Self-Paced
Learn at your own pace with 24/7 access to an On-Demand course.
Learn at your own pace with 24/7 access to an On-Demand course.
Course Outline
- Design Process
- Preproject Tasks
- Preproject Tasks
- Planning Phase
- Planning-Phase Process
- Top-down Approach
- Bottom-up Approach
- Plan Implementation
- Production-Phase Work Flow
- Production-Phase Process
- Postproduction Wrapup
- Postproduction Process
- Preproject Tasks
- Project Scope
- Preparing a Scope Statement
- Breaking Down a Scope Statement
- Building Proper Expectations
- Build Phases
- Demo - Using Phases to Organize a Project File
- Iteration Process
- Working through the Phases
- Mock-ups
- Best Technologies to Use
- Choosing a Technology
- Sharing Sample Designs
- Best Practices
- Creating Samples
- Organization Methods
- Fine Line between Creativity and Technology Limits
- Balancing Ideas with Available Technology
- Best Technologies to Use
- Functionality Model
- Data Planning
- Creating a Data Map
- Data Gathering
- Gathering and Combining Data
- Data Best Practices
- Creating a Good Data Solution
- Data Planning
- Integration
- Breaking Down the Look
- Using Photoshop to Slice a Design
- Slicing Rules
- Map Twice, Slice Once
- Putting It Back Together
- Planning the Structure
- Building Flexible CSS Rules Using Dreamweaver
- Demo - CSS rules with Dreamweaver
- Combining the Look and Function
- Using Dreamweaver to Combine the Two
- Saving a Structure Template
- Demo - Combine Look and Code Using Dreamweaver
- Breaking Down the Look
- Usability and Accessibility Rules
- Define the Rules
- 16 Rules
- How Do They Impact My Project
- Impact of Rules on the Project
- Popular Assistive Technology
- Enforcing the Rules
- Evaluating the Site for Compliance
- Define the Rules
- Roll-out
- Setting Up a Safe Test Space
- Creating a Testing Space
- Setting Client Expectations
- Preparing the Client to Test the Site
- Dealing with Changes
- Making Changes Easy to Track
- Options and Ideas
- Setting Up a Safe Test Space
- Analysis
- Post Project Tasks
- Testing
- Looking Back
- Reports to View and Lessons to Learn
- Demo: Update a Project Plan
- Documentation
- Keeping Good Records
- Post Project Tasks
Class Materials
Each student will receive a comprehensive set of materials, including course notes and all the class examples.
Follow-on Courses