Web Designer Level 1

Course Overview

A five day long course that will take you from the very basics of web page design to a bona fide Web Designer with the skills to create websites for individuals, companies and organisations. This course will enable delegates to have a good understanding of the main features of the Adobe tool set used for the creation of websites. This includes knowledge of working with Dreamweaver, Fireworks and Flash to create eye catching, search engine optimised websites including finding the hosting and domain name registration that will allow delegates to start with a design on paper and turn that design into a quality interesting website.
Prerequisites

• Delegates should have a good working knowledge of Windows.
• Delegates should feel at ease performing tasks such as arranging, sizing, switching between windows.
• Delegates should have a good understanding of the Internet but no prior knowledge of Web Page creation or HTML is required.

Objectives

Delegates will be able to :

• To be able to produce a basic website with working hyperlinks
• To have created a Website to the latest standards
• To be able to decide on image formats and size for a specific purpose
• To be able to create animations and use them correctly
• To know and have mastered the process of website maintenance and promotion

Follow on Courses

• Web Designer Level 2

Training Options

• Bespoke course (a course written to your specific needs) at your company office throughout the UK, at our training venue or at an independent location, convenient to you
• Private course at your company office throughout the UK, at our training room or at an independent location, convenient to you
• Scheduled public course at one of our training venues

Whats Included

• Comprehensive colour course manual and exercises
• Use of a Modern Training suite with 19 inch flat screen monitors
• 1 delegate per computer
• 12 Months telephone and email support
• Lunch (When at our training venue)
• Refreshments (When at our training venue)
• Relaxed refreshment area at our training room

Course Content
A History of the Internet

• Origins and development of the internet
• How internet standards are developed
• Predicting the future of the internet

How Computers Communicate on the Internet

• Moving data across the internet
• Internet protocols
• Internet addresses
• Making the connection

The World Wide Web

• A look behind the web
• Web pages and other content
• Web clients
• Web servers
• Web applications

Web Site Development

• Who builds websites
• Web content authoring
• Web graphics design
• Web programming
• Web server administration

Other Internet Services

• Electronic mail
• FTP
• Newsgroups
• Other internet services

Internet Access and HTML

• Internet access and HTML
• Planning websites
• The dreamweaver environment
• Viewing and managing HTML code

Creating a Web Site

• Defining a website
• Creating a basic web page
• Page properties

Building a Web Site

• The site panel

Adding Content to Web Pages

• List formats
• Images
• Tables

Working with Links

• Links within a site
• External links
• Email links

Templates and Library Items

• Creation of a template
• Templates containing repeating regions
• Applying a template to an existing page
• Creating a library
• Modifying library items within the library panel

Enhancing Navigation in a Site

• Re-usable navigation bars
• Include files

Style Sheets

• Creating styles
• Editing styles
• Defining style sheets
• Applying style sheets to multiple pages

The Fireworks Environment

• An overview of Fireworks
• Vector and bitmap graphics
• Fireworks environment elements
• Navigating in Fireworks

Creating Vector Graphics

• Vector drawing tools
• Drawing basic shapes
• Modifying vector graphics

Transforming Vector Images and Effects

• Combining shapes
• Applying effects

Bitmap Images

• Bitmap basics
• Editing bitmap images
• Effects with bitmap images

Using Text

• Creating text
• Merging text and graphics

Optimizing Graphics for the Web

• Web graphic file formats
• Optimizing images
• Image slicing techniques

The Flash Environment

• What is flash?
• The flash work environment

Drawing and Painting

• Vector vs. raster graphics
• Basic drawing and painting tools
• Creating custom colours, gradients, and linestyles

Manipulating Objects

• Selecting objects
• Object interaction
• Transforming and grouping objects
• Bitmap images

Working with Text

• Text blocks
• Converting text into shapes

Multiple Layers in a Movie

• Creating and managing multiple layers
• Mask layers
• Aligning objects

Creating Animation

• Frame-by-frame animation
• Shape-tweened animation
• Motion-tweened animation
• Guide layers
• Mask animations

Publishing Your Flash Movie

• Selecting publishing settings
• Previewing and publishing files

Symbols and Instances

• What is a Symbol?
• Graphic symbols
• Movie clip symbols
• Button symbols
• Managing symbols and instances

Managing and Uploading a Web Site

• The site map
• Internet information services
• FTP from dreamweaver
• FTP from another program

Creating Forms

• Setting up forms
• Adding form elements
• Making them work
• Sending the content of a form across the web
• Form validation

Search Engine Masterminding

• Defining head elements
• Editing meta tags
• Tips and tricks for improving position

Going Live

• Registering a domain name
• Selecting the right web host
• Taking payment online with PayPal

Pop Up Windows

• Creating a pop up
• Creating a pop under