Web Design and Graphic Design

London College

£850
+ VAT
Compare this course with other similar courses
See all

Important information

  • Course
  • London
  • Duration:
    10 Weeks
Description

We are offering a part-time course in Web and Graphic Design, which will cover the software and techniques required to build attractive websites, web applications and animated presentations. The students will gain intense knowledge about web graphics design through the course and will be able to add custom effects and textures to images, while learning how to animate objects.
Suitable for: Those who want to be ready for immediate recruitment as web designers and multimedia graphic designers/artists.

Important information
Venues

Where and when

Starts Location
On request
London
23-25 Eastcastle Street 1st Floor, W1W 8DF, London, England
See map

Course programme

Web Design and Graphic Design Hyper Text Markup Language(HTML)

HTML Course Summary
· HTML Building Blocks
· Starting Your Web Page
· Text Formatting
· Creating Web Images
· Using Images
· Page Layout
· Hyper Links
· Lists
· Tables and Structure
· HTML Frames
· HTML Forms
· Multimedia
· Cascading Style Sheets(CSS)
· Setting up Style Sheets
· Formatting Text with Styles
· Layout with Styles
· HTML Troubleshooting
· Testing Website
HTML Building Blocks
Writing HTML
HTML Tags
Nesting Tags
Spacing
Special Symbols
File Names
URLs
Starting Your Web Page
Designing Your Site, Organizing Files
Creating a New Web Page, Starting Your Web Page
Creating the Foundation, Creating a Title
Organizing the Page, Starting a New Paragraph
Saving Your Web Page, Viewing Your Page in a Browser
Text Formatting
Changing the Font
Making Text Bold or Italic
Choosing a Default Size for Text
Changing the Text Size
Choosing a Default Color for Text
Changing the Text Color
Creating Superscripts and Subscripts
Striking Out or Underlinin g Text
Using a Monospaced Font
Making Text Blink
Hiding Text (Adding Comments)
Creating Web Images
Getting Images
Making Images Smaller
Exporting GIF Images from Photoshop
Using (Mostly) Browser Safe Colors
Converting to Browser Safe Colors
Reducing the Number of Colors
Creating Transparency
Creating Fake Transparency
Interlacing GIF Images
Creating Animated GIFs
Creating JPEG Images
Blurring Images to Aid JPEG Compression
Creating Low Resolution Images
Creating PNG Files
Using Images
Inserting Images on a Page
Offering Alternate Text
Specifying Size for Speedier Viewing
Linking Icons to External Images
Using Low Resolution Images
Wrapping Text around Images
Stopping Text Wrap
Adding Space around an Image
Scaling an Image
Aligning Images
Using a Banner
Adding Horizontal Rules
Page Layout
Using Background Color
Using Background Images
Centering Elements on a Page
Specifying the Margins
Creating a Line Break
Keeping Lines Together
Creating Discretionary Line Breaks
Specifying the Space Between Paragraphs
Creating Indents
Creating Indents (with Lists)
Creating Blocks of Space
Using Pixel Shims
Using Block Quotes
Quoting Short Passages of Text
Creating Columns
Using Preformatted Text
Positioning Elements with Layers
Hyper Links
Creating a Link to Another Web Page
Creating Anchors
Linking to a Specific Anchor
Targeting Links to Specific Windows
Setting the Default Target
Creating Other Kinds of Links
Creating Keyboard Shortcuts for Links
Setting the Tab Order for Links
Using Images to Label Links
Dividing an Image into Clickable Regions
Creating a Client-Side Image Map
Using a Server-Side Image Map
Changing the Color of Links
Lists
Creating Ordered Lists
Creating Unordered Lists
Creating Definition Lists
Creating Nested Lists
Tables and Structure
Mapping Out Your Page
Creating a Simple Table
Adding a Border
Changing the Border Color
Setting the Width
Centering a Table on the Page
Wrapping Text around a Table
Adding Space around a Table
Spanning a Cell across Columns
Spanning a Cell across Rows
Aligning a Cell's Contents
Controlling Space in and Around Cells
Nesting One Table in Another
Changing a Cell's Color
Using a Background Image
Dividing Your Table into Column Groups
Dividing the Table into Horizontal Sections
Choosing Which Borders to Display
Controlling Line Breaks in a Cell
Speeding up Table Display
HTML Frames
Creating a Simple Frameset
Creating Frames in Columns
Creating Frames in Rows and Columns
Combining Framesets
Creating an Inline Frame
Adjusting a Frame's Margins
Showing or Hiding Scroll Bars
Adjusting the Color of the Borders
Adjusting the Frame Borders
Keeping Visitors from Resizing Frames
Targeting Links to Particular Frames
Targeting Links to Special Spots
Changing the Default Target
Nesting Framesets
Creating Alternatives to Frames
HTML Forms
About CGI Scripts
Getting a Script
Using the Scripts Included with This Book
Preparing a Script
Creating a Form
Sending Form Data via E-mail
Using a Form Hosting Service
Creating Text Boxes
Creating Password Boxes
Creating Larger Text Areas
Creating Radio Buttons
Creating Checkboxes
Creating Menus
Allowing Visitors to Upload Files
About Hidden Fields
Adding Hidden Fields to a Form
Creating the Submit Button
Resetting the Form
Using an Image to Submit Data
Organizing the Form Elements
Formally Labeling Form Parts
Setting the Tab Order
Adding Keyboard Shortcuts
Disabling Form Elements
Keeping Elements from Being Changed
Multimedia
Helper Applications and Plug-ins
Non-Supported Images
Sound, Getting Sound
Embedding Sound in a Page
Adding a Link to a Sound
Adding Background Sound for Explorer
Creating RealMedia Files
Creating a RealMedia Metafile
Linking to a RealMedia Sound
Embedding RealMedia Files in Your Page
Video, Adding External Video to Your Page
Adding Internal Video, Adding Internal Video for Explorer
Creating a Marquee, Inserting Applets
Cascading Style Sheets(CSS)
The Advantages of Using Style Sheets
The Downside of Style Sheets
The Anatomy of a Style
Setting up Style Sheets
Creating an Internal Style Sheet
Creating an External Style Sheet
Using an External Style Sheet
Applying Styles Locally
Defining Styles for Classes
Identifying Particular Tags
Creating Custom HTML Tags
Creating Custom Block-Level HTML Tags
Using Custom Block-Level HTML Tags
Creating Custom Inline HTML Tags
Using Custom Inline HTML Tags
Defining Styles for Links
Formatting Text with Styles
Choosing a Font Family
Embedding Fonts on a Page
Creating Italics
Applying Bold Formatting
Setting the Font Size
Setting the Line Height
Setting All Font Values at Once
Setting the Text Color
Changing the Text's Background
Controlling Spacing
Setting White Space Properties
Aligning Text
Underlining Text
Making Text Blink
Changing the Text Case
Layout with Styles
Offsetting Elements In the Natural Flow
Positioning Elements Absolutely
Positioning Elements in 3D
Displaying and Hiding Elements
Setting the Height or Width for an Element
Setting the Border
Adding Padding Around an Element
Setting the Margins around an Element
Aligning Elements Vertically
Wrapping Text around Elements
Stopping Text Wrap
Changing the Foreground Color
Changing the Background
Determining Where Overflow Should Go
Clipping an Element
Setting List Properties
Specifying Page Breaks
HTML Troubleshooting
Checking Your Code
The Browser Displays the Code
Testing Website
Testing Your Page
Finding a Host for Your Site
Getting Your Own Domain Name
Transferring Files to the Server
Web Design using Dreamweaver CS3

Dreamweaver Course Summary
· Dreamweaver CS3
· Adding Content to a Page.
· Working with Graphics.
· Creating Links.
· Designing with Tables.
· Developing Style Sheets.
· Using Library Items.
· Using Templates.
· Creating Frames.
· Creating Forms.
· Adding User Interactivity.
· Managing Your Site.
· Accessibility and Testing.
· Editing the Code.
· Using Find and Replace.
· Creating Layers.
· Extending Dreamweaver
Dreamweaver Tools
Introduction Dreamweaver Tools
The Dreamweaver Environment
Arranging Your Workspace
The Launcher
Planning Your Site
The Document Window
The New Toolbar
Measuring in the Document
Window
Looking at Code
The Objects Panel
Dreamweaver Objects
Selecting Objects and Code
The Properties Inspector
Invisible Elements
About History
Setting Up a Local Site
About the Site Window
The Site Window
Setting Up a Local Site
Editing and Deleting Local Sites
Site Window Tips and Shortcuts
Moving Files
Managing Assets
Kinds of Assets
How Assets Work
Using the Assets Panel
Previewing and Inserting Assets
Using Favorites and Nicknames
Editing and Sharing Assets
Web Pages
Creating and Opening HTML Files
Creating Content
Page Properties
Modifying the Page Color and
Background
Saving Your Work
Saving a Copy of a File
Previewing in a Browser
Printing from the Browser Window
Colors and Web Pages
Colors and Windows
Colors for the Mac
Editing HTML
About HTML
Learning HTML
Working with Code
Code Options
Using the Code Reference
Using the Quick Tag Editor
Selecting Parent and Child Tags
Inserting Comments
Setting HTML Preferences
Cleaning Up HTML
Working with Images
Placing an Image
Inserting Images with the Assets
Panel
Selecting an Image
The Property Inspector
Image Formats
Image Properties
Appearance Properties
Layout Properties
Page Loading Properties
Image Editor Integration
Working with Links
Kinds of Links
More About Relative Links
Making Links
Making Relative Links
Image Links
Pointing to a File
Linking to an E-mail Address
Linking to a Section of a Page
Opening Links in a New Window
Aiming Targets
Changing Link Colors
Smart Linking Strategies
Inserting and Playing Media, Image Rollovers
Using Navigation Bars, Using Sound Files
Sound File Parameters, Netscape Plug-ins
Shockwave and Flash, Creating Flash Objects in
Dreamweaver, Java Applets, ActiveX, Extra Parameters
Fonts and Characters, Placing Text
Changing Font Size, Using Text Styles
Physical Text Styles, More Physical Text Styles
Logical Text Styles, Changing Font Face
Creating a Font Group, Changing Font Color
Special Characters, Find and Replace
Checking Your Spelling
Paragraphs and Block Formatting
Paragraphs vs. Line Breaks
Paragraph Properties, Creating Headings
Using Preformatted Text, Formatting Lists
Aligning Paragraphs, Indenting Text
The Nonbreaking Space, Inserting Ruled Lines
Creating HTML
Styles, Applying HTML Styles
Removing Styles, Creating New Styles, Editing Styles
Style Sheets
How Style Sheets Work
Kinds of Styles, Kinds of Style Sheets
Creating a Style, Redefining an HTML Tag
Creating a Style Class, Applying a Style Class
Removing and Deleting Styles
Defining New Selectors, Using External Style Sheets
Linking To or Creating an External Style Sheet,
Attaching an External Style Sheet, Exporting Inline Styles
Saving a Page with CSS as Plain
HTML, Editing Styles, About Conflicting Styles
Style Definitions, Type Attributes
Background Attributes, Block Attributes
Box Attributes, Border Attributes, List Attributes, Extensions
Setting Up Tables
Setting Up Tables, About Layout Tables
Inserting a Table in Standard View
Drawing a Layout, Selecting Elements
Adding Columns and Rows in
Standard View, Resizing Table Elements
Dragging Columns and Rows in
Standard View, Moving a Layout Element
About Width Settings in Layout
View, Merging and Splitting Cells
Adding Content to a Table
Aligning Tables and Content
Adjusting Table Spacing
Working with Table Borders, Coloring Tables
Setting a Background Image
Inserting Tabular Data, Exporting Tables
Sorting Table Contents
Framing Pages
Frames and Navigation
Setting Up a Frames Page
Creating Frames by Dragging
Quick and Dirty Frames
The Frames Panel, Modifying the Frame Page Layout
Deleting a Frame, Nested Framesets
Setting Column and Row Sizes
Setting Content Pages, Creating Content within a Frame
Saving Your Work, Saving the Frameset Page
Frame Page Options, Setting Margins
Targeting Links, Setting Targets
Testing Your Targets, Creating No-Frames Content
Inline Frames
Layers and Positioning, CSS Positioning
Absolute vs. Relative Positioning
Positioning Properties
Other Positioning CSS Attributes
About the Layers Panel
About the Grid, Creating Layers
Selecting Layers, Renaming a Layer
Choosing Tags, Moving Layers
Resizing Layers, Nesting and Overlapping Layers
Changing Layer Visibility, Stacking Order
Content and Layers, Layers and Styles
The Clipping Area, Content Overflow
Setting a Background
Layer Preferences, Netscape's Layer Tags
Additional Netscape Layer
Properties, Setting Netscape Layer Properties
Converting Layers to Tables (and
Vice Versa)
Using a Tracing Image
Filling Out Forms
Creating a Form, Formatting Forms
Adding Form Objects, Names and Values
Text Boxes, Checkboxes
Radio Buttons, Menus and Lists
Editing Menu Items, Creating a List Box
Jump Menus, Hidden Form Fields
Submit and Reset Buttons
Image Fields, Making It Go
Behavior Modification
JavaScript Concepts
Adding Behaviors
Deleting and Editing Behaviors
Common Objects, Event Handlers
Common Actions, Setting Status Bar Message
Going to a New URL, Popup Message
Opening a New Browser Window
Checking Browser for Plugin
Checking Browser Version
Complex Rollovers, Preload Images
Restoring Swapped Images
Play Sound, Control Shockwave or Flash
Show or Hide Layers, Validate Form Data
Changing the Content of Frames
and Layers
Setting Text in a Form Field
Change Property, Making Layers Draggable
Adding New Scripts and Behaviors
Adding More Actions
Debugging Your JavaScript
Drawing Timelines
What Timelines Can Do
The Timelines Panel
Dissecting the Timelines Panel
Adding a Layer to a Timeline
Timeline Actions, About Keyframes
Showing and Hiding Layers
Changing the Overlaps, Changing the Timing
Changing Layer Dimensions
Adding an Image Rollover to a
Timeline
Adding a Behavior to a Timeline
Making Timelines Go
Making a Behavior Play a Timeline
Loop and Rewind, Adding and Removing Frames
Using Multiple Timelines, Renaming and Deleting Timelines
Removing or Changing Objects, Bringing It All Together
Automating Dreamweaver
About Libraries, What Library Items Do
Creating a Library Item
Inserting and Removing Library
Items, Editing Library Items
Deleting a Library Item
Re-creating a Library Item
Dreamweaver Templates
Creating Templates, Setting Page Properties on
Template-Based Pages, Using Styles and JavaScript in
Templates, Setting Editable Regions
Creating Pages Based on a
Template, Detaching a Page from a
Template, Deleting a Template
Attaching an Existing Page to a
Template
Using Editable Regions
Editing Templates
Highlights for Templates
Exporting as XML
Updating Your Site
Renaming Templates and Library
Items, Using Server-Side Includes
Inserting SSIs, Using the History Panel
Repeating and Undoing Actions
Copying and Pasting Steps, Clearing the History List
Saving Steps as Commands, Recording a Command
Replaying Commands, Renaming and Removing
Commands
Customizing Dreamweaver
Custom Objects
Editing Dreamweaver Menus
About XML, Extending Dreamweaver with
the JavaScript API, About the Menus.xml File
About Menu Items, Rearranging Menu Items
Deleting a Menu Item, Adding a Separator
Changing Keyboard Shortcuts
Customizing Dialog Boxes
Managing Your Web sites
Put Your Site Online, Setting Up Remote Info
Connecting to Your Server, Getting and Putting Files
Synchronizing Modified Files
Refreshing and Switching Views
Using the Site Map, Site Map Icons and Tips
Drawing Links in the Site Map
Managing Links, Changing a Link Sitewide
Sharing Assets Between Local
Sites, Site FTP Preferences
Workflow & Collaboration
Checking In and Checking Out
Checking Out Files, Checking In Files,
Setting Up Design Notes, Using Design Notes
Accessing Design Notes, Cleaning Up Design Notes
Turning Off Design Notes, Modifying Columns in the Site
Window, Adding File View Columns
Sharing Columns, Site Reporting, Sharing the Styles File
Web and Animation with Flash CS3

Flash Course Summary
· Introducing the Course
· Learning the Basics
· Creating Graphics
· Using Text Effectively
· Creating Animation
· Building a Navigational System
· Using MovieClips for Interactive Rich Media
· Adding Sound and Video
· Publishing
Introducing the Course
About the course
Course objectives
Course prerequisites
Course format
Internet applications: The big picture
Learning the Basics
Introducing Flash
Using the Flash interface
Creating a new Flash document
Creating Graphics
Importing graphics
Layering Flash elements
Organizing content in layer folders
Creating graphics
Using the natural drawing tools
Using color effectively
Creating a color swatch
Reusing graphics as symbols
Masking content
Using Text Effectively
Using the Text tool
Creating input, static, and dynamic text fields
Using embedded or device fonts
Manipulating font properties
Building forms in Flash
Using the text property to populate fields
Anti-aliasing text
Using text components in Flash
Creating Animation
Introducing animation
Creating frame-by-frame animations
Creating motion tweens
Using motion guide layers
Creating shape tweens
Adding Timeline effects
Building a Navigational System
Creating buttons
Adding behaviors to buttons
Creating MovieClips
Using a MovieClip as a wrapper
Dividing files into multiple SWFs
Loading a SWF into a MovieClip
Using MovieClips for Interactive Rich Media
Using MovieClip events
Structuring applications using nested symbols
Building a MovieClip with different states
Using the Timeline for application states
Adding Sound and Video
Importing sounds
Using behaviors to load sounds
Adding video
Using the Flash video components
Publishing
Publishing Flash for web use
Using Flash and HTML together
Photoshop(Graphic Design)

Photoshop Course Summary
· Using the File Browser.
· Basic Photo Corrections.
· Working with Selections.
· Layer Basics.
· Masks and Channels.
· Retouching and Repairing.
· Painting and Editing.
· Basic Pen Tool Techniques.
· Vector Masks, Paths, and Shapes.
· Advanced Layer Techniques.
· Creating Special Effects.
· Preparing Images for Two-Color Printing.
· Optimizing Web Images and Image Maps.
· Adding Interactive Slices and Rollovers.
· Creating Animated Images for the Web.
· Setting Up Your Monitor for Color Management.
· Producing and Printing Consistent Color. Open and Organize
Introduction to Photoshop
Opening an Image
Organizing Your Photos
Using Metadata
Batch Renaming
Printing Thumbnails
Creating an On-Screen Slideshow
Highlights, Midtones, and Shadows
Brightness and Contrast
Automatic Image Correction
Adjusting Brightness Levels
Correcting with Curves
Compensating for Flash and Backlighting
Correcting Color Balance
What Are Hue and Saturation?
Fixing a Color Cast
Tint and Color
Colorizing a Grayscale Image
Correcting Camera Raw
Making Selections
Isolating an Image Element 99
Selecting Colored Areas with the Magic Wand
Using the Marquee Tools
Selecting an Irregular Image
Drawing Precise Curves
Crop, Straighten, and Size
Whole-Image Transformations
The Order in Which We Work
Auto Crop and Straighten
Straightening a Crooked Image
Using the Crop Tool
Resizing an Image
Paint, Edit, and Heal
The Essential Eight, Plus Two
The Three Editing Styles
Coloring Scanned Line Art
Adding Fills and Textures
Dodge, Burn, Sponge, and Smudge
Healing and Patching
Creating and Applying Masks
Seeing through Photoshop's Eyes
Using the Color Range Command
Re?ning a Selection with a Quick Mask
Extracting a Photographic Element
De?ning a Mask from Scratch
Putting the Mask in Play
Adjusting Focus
The Subterfuge of Sharpness
Sharpening, Blurring, and Averaging
Sharpening an Image
Gaussian Blur and Median
Using an Edge Mask
Building Layered Compositions
The Bene?ts and Penalties of Layers
How to Manage Layers
Arranging and Modifying Layers
Importing and Transforming Layers
Masks, Knockouts, and Luminance Blending
Working with Layer Comps
Text and Shapes
The Vector-Based Duo
Creating and Formatting Text
Drawing and Editing Shapes
Bending and Warping Type
Layer Styles and Adjustments
The Amazing World of Live Effects
Layer Attributes Versus Layers
Adding Layer Effects
Applying Strokes and Glows
Simulating Re?ections with Bevel and Emboss
Fixing Problem Effects
Creating and Modifying Adjustment Layers
Printing and Output
Local Printing Versus Commercial Reproduction
RGB Versus CMYK
Printing to an Inkjet Printer
Preparing a CMYK File for Commercial Reproduction
Packing Multiple Pictures onto a Single Page


Compare this course with other similar courses
See all