Learning Tree International

Web Development, XML, and Adobe Products Courses

0800 282 353 or +44 1372 364610
 

Request Info

Salutation

First Name

Last Name

Job Title

Company

Post Code

Country
List

Office Telephone

Extension

E-mail

Information provided will be used to communicate with you about our products.
Privacy Statement

A representative will contact you to follow up your request.

Save up to 55% per course
 

Designing and Building Great Web Pages:
Hands-On


Course 4874 Days

  E-mail   Print   Q&A   PDF 

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 and Cascading Style Sheets (CSS)
  • Enhance Web pages with Flash and HTML forms

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 HTML and the CSS box model
  • Building multilayer pages
  • Interacting with the user through forms

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
  • Controlling how and where forms are submitted

Adobe Flash

  • Constructing animations with Adobe Flash
  • Tweening and timing of animated effects
  • Integrating Flash animations into HTML

<< Back to Web Development, XML, and Adobe Products Course List
 

Related Courses

 
Designing and Building Great Web Pages

Course Dates

More Dates and Locations.

On-Site &
Custom Training

Bring this or any Learning Tree course to your location or have it customised for your organisation.

Designing and Building Great Web Pages: Hands-On

Course participants using a visual editor to create and organise Web content.


Average Attendee Evaluation

Evaluations in the last 12 months

5 stars:
68%
4 stars:
20%
3 stars:
9%
2 stars:
3%
1 star:   0%

 
"Learning Tree Courses have been a great experience for me. The instructors are very approachable, you learn a lot and meet interesting people in your field. When you can further your education in a comfortable environment, it only helps you learn better".

– A. Chu
Bechtel Nevada



Certification Core Course
 
Ten Questions to Ask Your Training Provider - Position Paper