• Home
  • About Us
  • All Courses
  • Fast Fact
  • Contact Us
 
 
 
 

web design and graphic design
More information about the course

£800 Courses Enrol
Close Move
COURSE DETAILS AND TIME TABLES
  • Courses InformationCourse Content

  • Courses InformationCourse Description

  • Courses InformationShow all starting dates
  • Courses InformationCourse Reviews

Web Design and Shopping Cart Programming with ASP.net Course
Tutor Led, Practical Oriented and Hands-on Vocational Training

So what is included with the course fee?

Class Room Based
Hands-on
Books
Extra Practical Hours
Project Works

Included

Project Work
after the Course

Web Design and Shopping Cart Programming with ASP.Net Course Details

• Hyper Text Markup Language(HTML)
• Dreamweaver
• Flash (Animations)
• Photoshop(Graphic Design)
• Shopping Cart Design with ASP.Net


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

Dreamweaver Course Summary

• Dreamweaver
• 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

• Introducing the Course
• Flash features and web animations
• Creating Graphics
• Using Text Effectively
• Creating Animation
• Building a Navigational System
• Using MovieClips for Interactive Rich Media
• Adding Sound and Video
• Publishing


Photoshop(Graphic Design)

• 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.

Shopping Cart Programming with ASP.net)

MS SQL Server and Structure Query Language
• SQL Server and Client Introduction
• Relational Tables Design
• Primary and Foreign key
• SQL Data structure and Data Types
• Data Definition Language (DDL)
• Creating Tables
• Using Constraints, Primary key, Unique
• Data Manipulation Language (DML), Alter Statement
• Inserting records, Update records, Delete Records, Select Records and Conditions, Distinct

Asp.Net
• Introduction with ASP.net Programming
• Variables and Casting
• Arrays and Indexes
• Loops - For Loop, While Loop
• Conditionals – If statement, Select
• Functions, Procedures
• Web Controls – Understanding Server Site Controls
• Label, Textbox, Button, Dropdownlist, Datagrid, Datarow, Radiobuttons, Calendar and many others
• Styling web form and controls with Css 2.01 classes

Events
• Understanding Events
• Procedure as a Delegate

Object Oriented Programming
• Overview of Object Programming
• Class
• Class Properties and Methods
• Access Modifiers
• Constructors
• Scope
• Object (Class instance)
• Inheritance

Project configuration
• Web Configuration File
• Framework Class Library (FCL)
• Common Language Runtime(CLR)
• Defining Database Connections in Configuration File

Master pages & Code-behind files
• Consistent Design using Master Pages
• Linking Pages to Master Files
• Code-behind Files – Partial Class
• Linking Web Forms to Code Files

Input Validation
• Enforcing Business Rules with form input validation
• Multi Conditional If statement
• Validation Controls
• Required Field Validation
• Comparing Fields
• Range Validation
• Validation with Regular Expressions

Building Shopping Cart with Asp.Net
• Building User Interfaces
• Application CMS – Product Management
• Accessing Databases with ADO.NET
• Displaying Query Results in Controls, Datasource and Databind
• Public Product Search
• Paging the Query Results, Newpageindex, Currentpageindex
• Basket Summary
• Tracking user ordering with Sessions, Deleting items from Session, Updating Session
• Computing Order Totals with VAT
• Customer Checkout
• New User Registration
• Order Confirmation


Call: 0207 580 6868
email: info@london-college.com

 
Brochure
Name:
Email:
Tel:
Course:
Address:

Message:

 

Complete Solution
 
Web and Graphics Design + Java JSP = £1400
Close Move
 
Web and Graphics Design + PHP & MySql = £1400
Close Move
 
Web and Graphics Design + AutoCAD 2D & 3D = £1500
Close Move
 
Web and Graphics Design + MOS Certification = £1500
Close Move
 
Web and Graphics Design + MCTS SQL 2005 = £1400
Close Move
 
Web and Graphics Design + CIW Foundation = £1550
Close Move
 
Web and Graphics Design + A+ Certification = £1350
Close Move
 

Timetable for the Year

StartsFrequencyTimeLengthLocation
12 Apr 10 Mon, Wed14:00-17:0024 ClassesPlease ask
19 Apr 10 Mon, Wed18:30-21:3024 ClassesPlease ask
05 Jun 10 Saturday10:00-17:0012 ClassesLondon Baker Street
19 Jul 10 Mon, Wed14:00-17:0024 ClassesPlease ask
19 Jul 10 Mon, Wed18:30-21:3024 ClassesPlease ask
11 Sep 10 Saturday10:00-17:0012 ClassesLondon Baker Street
13 Oct 10 Mon, Wed14:00-17:0024 ClassesPlease ask
13 Oct 10 Mon, Wed18:30-21:3024 ClassesPlease ask

London College, 23-25 Eastcastle Street (Oxford Circus), Second Floor, London, W1W 8DF, © all rights reserved, London College 2010