Customer Service or Enrol: 0800 282 353 or +44 1372 364610
 

Designing and Building Great Web Pages: Hands-On

Course: 487   Type: Hands-On   Duration: 4 Days
Quick Enrol  

You Will Learn How To

  • Design the presentation and coherent organisation of Web pages
  • Build powerful Web content that effectively conveys your message
  • Create and manage graphical content using Adobe Photoshop
  • Develop standards-based Web sites with MS Expression Web and Adobe Dreamweaver
  • Generate Web pages and sites using XHTML, tables and Cascading Style Sheets (CSS)
  • Enhance Web pages with special effects and Ajax

Course Benefits
Organisations cannot afford to lose their competitive edge by presenting Web pages that are anything less than visually stimulating and user friendly. In this course, you employ a case study and gain experience with storyboarding techniques and layout design to deliver the power and flexibility of a professional Web page. You learn how to use comprehensive tools and exploit the latest techniques to enhance your Web presence.

Who Should Attend
Those involved in presenting information via corporate intranets or the Web. General familiarity with Web browsers and Windows is assumed. HTML knowledge is helpful.

Hands-on Training
An ongoing case study provides experience creating and organising Web content. Exercises include:
  • Storyboarding to define page layout
  • Implementing Web page design elements
  • Creating graphics using Adobe Photoshop
  • Creating content with Microsoft Expression Web and Adobe Dreamweaver
  • Developing logically structured Web pages using tables, the box model and CSS
  • Building multilayer pages
  • Enhancing Web pages with Ajax

Course Content
Fundamentals of Web Design
Web page design fundamentals
  • The roles of a Web page author
  • Business considerations
  • User profiling
  • Accessibility
  • Architectural issues
  • Developing a business case and site plan
Design issues
  • What is design?
  • Web site types
  • Selecting font style and colour
  • Alignment
  • Proximity
  • Navigation
  • Focal point
  • Storyboard
  • Layout
  • Designing graphics
  • Working with photographs
Creating Graphical Content
Imaging for Web applications
  • Rasterised images
  • GIF
  • JPEG
  • PNG
  • Outlined images
  • Antialiasing
Acquiring graphics for your Web pages
  • Producing computer-generated artwork
  • Working with camera and scanner output
  • Leveraging online resources
Adobe Photoshop
  • Utilising layers and selections
  • Creating special effects
  • Enhancing images using filters
  • Adding drop-shadow and gradient effects
  • Applying guides and rulers
  • Optimising and animating graphics
Building Web pages in XHTML code
  • Decoding Web 2.0
  • Dissecting the sections of an XHTML document
  • Adding ordered and unordered lists
  • Building hyperlinks and Web bookmarks
Constructing Web Pages
Designing pages with Microsoft Expression Web
  • Working with the task panes
  • Defining the Expression interface
  • Managing the Tag Property panel
  • Utilising dynamic Web templates
  • Exploring Standards and Quirks mode
  • Developing pages in code, split or design view
Utilising Expression Web toolset
  • Toolbox options
  • Basic formatting
  • Lists, links and images
  • Importing documents and templates from other sources
Setting up a local site in Adobe Dreamweaver
  • Working with the window
  • Lists, links, text and images
  • Designing with frames
Working with Dreamweaver panels
  • Utilising the Start panel
  • Editing and deleting local sites
  • Assigning assets
  • Creating library items and snippets
  • Building a customised Favorites panel
Creating pages in Dreamweaver
  • Customising the document window
  • Working with the Properties tool
  • Selecting objects
  • Modifying object properties
  • Developing in code, split or design view
Developing Complex Web Pages
  • Structuring pages using the tables and the CSS box model
  • Leveraging CSS and BlueprintCSS
  • Selectors
  • Rule syntax
  • Positioning
  • Group and Contextual Selectors
  • Importing CSS
  • Working with XHTML, tables and CSS in Expression Web and Dreamweaver
  • Leveraging the CSS task pane in Expression Web
Building Interactive Web Pages
Providing interactivity with forms
  • Input types
  • Form validation
  • Defining form scope and form elements in Expression Web and Dreamweaver
Client-side dynamic content
  • Working with Ajax
  • Enabling JavaScript and the DOM
  • Dynamically changing page content using server data
Server-side dynamic content
  • Building dynamic Web pages
  • Employing scripting

Related Courses 		 
  


Request more info

Salutation*:

First Name*:

Last Name*:

Job Title:

Company*:

Post Code*:

Country*:
   Codes
Office Telephone*:

Extension:

E-mail*:

* Required


A Learning Tree representative will contact you to follow up your request for information.

Save £500 per 10-Day Pass
Designing and Building Great Web Pages
Course Schedule
27 - 30 Oct, 2009
London
2 - 5 Mar, 2010
London
Complete Schedule
On-Site Courses

Course participants using a visual editor to create and organise Web content.
 
The green bar below shows the average course score on a 4.00 scale from the most recent 100 attendee evaluations:

  (3.66/4.00)
 

Course Fees
£ 1,745 Standard Tuition
Saving Plans
£ 920 10-Day Training Pass
£ 1,095 Flex-Training Pass
£ 1,490 Voucher 10-Pack
£ 1,600 Voucher 5-Pack
£ 1,575 Alumni Gold Tuition

All Saving Plans
 
Certification Core Course
 
Customer Service or Enrol: 0800 282 353 or +44 1372 364610