Learn Web Designing

About this Course

Do you consider yourself to be creative? Are you looking to learn about the tools available to be able to express your creativity through a variety of media?

During this highly requested course, you will be taught the key skills which will enable you to create exciting creative graphics in a professional manner using several applications used by pros worldwide. From basic to more advanced techniques, this course will give you the opportunity to get practical experience on the latest technology while enjoy an interactive study experience. The course outline has been designed to bring out your artistic side, allow you to express your creativity and assist you to improve your skills in the field of creative design. The knowledge required to produce strong image concepts and communicate ideas through images and text, while developing your knowledge of effective design production.


Course Outline

The course is designed to train students in obtaining some expert graphic design skills whilst using industry standard applications. Starting with AdobePhotoshop we instill the basics of the graphic design process. AdobePhotoshopandCorel Draware introduced subsequently, enabling you to integrate all three programs to produce more complex design solutions.



Theory & Concepts

  • Image File Formats
  • Pixel vs Vector
  • Resolution
  • Colour Models
  • Typography


Adobe Photoshop

  • Understand Photoshop Interface
  • Image Editing Tools
  • Importing and Organizing Images
  • Making Selections
  • Layers and Masks
  • Colour Correction and Retouching
  • Working with Types
  • Preparing, Saving and Printing Images


Building the Website Concept Design in Photoshop

  • Introduction to Photoshop
  • Understand Photoshop Interface
  • Image Editing Tools
  • Importing and Organizing Images
  • Making Selections
  • Layers, Masks and Slicing
  • Working with Image Types
  • Preparing, Saving and Exporting the Template to Dreamweaver


Website Design in Dreamweaver

  • Introduction to Dreamweaver
  • Understand Dreamweaver Interface
  • Introduction to HTML
    • HTML Page Structure: Tags, Attributes and Values
    • HTML Text: Paragraphs
    • HTML Headings
    • HTML Lists Ordered and Unordered Lists
    • HTML Links Anchors, Linking Images, Linking Pages
    • HTML Tables
    • HTML DIVs
    • HTML Images & Videos
    • HTML Forms (using various elements and buttons)
    • Templates


Introduction to CSS

  • Separating Content from Presentation
  • Inline vs Embedded or External CSS
  • CSS Structure
  • Text Formatting
  • Styling of Headings
  • Styling of Lists
  • Styling of Links including Links Actions (Active, Hover, Focus and Visited)
  • Styling Tables
  • Styling DIVs
  • Styling Images & Videos
  • Styling Forms


Finalizing and Publishing your Website

  • Finalizing
    • Testing the Website
    • Ensure Cross-Browser Compatibility
    • Search Engine Optimization Tips
  • Publishing
    • Finding a Host for your site
    • Reserve a domain name
    • How to upload your site to a hosting server


Course Objectives

  • Good understanding of the principles of graphic design for the web/screen environment and the application of user-centered design in web design.
  • Good understanding of the role of markup languages for web design and what they do (ie HTML and CSS).
  • Ability to plan and design a multi-page website project using professional applications.
  • Working with and developing real world web design briefs.