Webmaster â HTML & CSS Online Level 3

Syllabus

The course consists of the following Units:

Induction - Introduction to Webmaster™

The induction is designed to give students an understanding of how the course works and gives important information about subjects such as Health & Safety when using the course materials.

Unit 1 – Introduction to the Internet

This Unit introduces you to the Internet and in particular to the Supernova website on which the course is largely based. The following topics are covered in this Unit: An introduction to the Internet; Using email; The SuperNova web design services website; An introduction to HTML; and Assignment 1 – Building a simple web page.

Unit 2 – A Crash Course in HTML

This Unit provides you with a “crash” course in HTML. During this Unit you will be introduced to all of the major groups of HTML tags. The following topics are covered: Introducing HTML; HTML document types; Text formatting tags; Hypertext links and anchors; Creating lists in HTML; Making forms in HTML; Using tables and frames; Using Graphics and images; and Assignment 2 - HTML coding exercises.

Unit 3 – Building Your Home Page

During this Unit you will focus on the HTML text formatting tags and learn the basics about graphic design, to start building your first web page. The following topics are covered: Inspect the Supernova homepage and look at the code in detail; Review of document, meta and formatting tags; Photoshop Tutorial; How Cascading Style Sheets work; Formatting text using CSS; formatting tables using CSS and Assignment 3 - Building your own home page.

Unit 4 – Information Pages

In this Unit, you will inspect the Supernova “About Us” page, which describes the company background and history. This Web page can be used for a company profile or for information about a chosen topic or hobby. The following topics are covered in this Unit: Look at the SuperNova Information page and the underlying HTML code in detail; A review of image, list and font tags; Formatting lists using CSS; Formatting backgrounds using CSS; Producing your Imagemaps using MapEdit software; and Assignment 4 - Building your own Information Page.

Unit 5 – Products and Services Page

In this Unit, you will inspect the Supernova Products and Services page. This can be used as a product and services page or for further information about a chosen topic/hobby. The following topics are covered in the Unit: Inspect the Supernova Products and Services page and the underlying HTML code in detail; Discuss Uniform Resource Locators (URL’s); A review of hypertext links, anchors and tables; Formatting hypertext links using Cascading Style Sheets; and Assignment 5: Build your own Products and Services page.

Unit 6 – Contact Details Page

In this Unit, you will inspect the Supernova Contact Details page, which contains contact information for visitors. The following topics are covered in this Unit: Inspect the Supernova Contact Details page; Review of the <form> tag; Verifying and debugging your HTML code; and Assignment 6: Build your own Contact Details page.

Unit 7 – Special Effects Master Class

Early implementations of the HTML specifications have been significantly extended to allow today’s new breed of web designers to become more creative. This Unit demonstrates how you can use standard HTML tags and techniques to implement stunning special effects without the need for complicated scripting or programming. The following topics are covered by this Unit: Creating Animated Gif Images and other effects; Utilising tables for structure and colour; Weave some magic using frames; Using iFrames; Adding colour and images to your forms; Creating, controlling and positioning windows; Using meta tags to create a slide show; Incorporating multimedia files into your web pages; and Assignment 7 – Adding special effects to your pages.

Unit 8 – Introduction to JavaScript

Following from the previous Unit where you have learned some tricks and techniques using basic HTML, this Unit takes you a step further by introducing you to a new a new language, JavaScript. The following topics are covered in this Unit: An Introduction to JavaScript; The OnLoad Event; The OnClick Event; Creating “Rollover” Buttons; Displaying Scrolling Messages; Creating a random advertising display; Assignment 8 - Add JavaScript Functions to Previous Pages.

Unit 9 – Building an On-line Store

This Unit looks at how you can use off-the-shelf packages to create an effective on-line store. In this case we will use the Multi-award winning ShopFactory Professional which is an easy to use fully featured web shop builder allowing you to create and maintain professional websites with shopping cart. In this Unit, the following will be covered: About ShopFactory; ShopFactory Tutorial; Creating and integrating an on-line store using ShopFactory; and Assignment 9 – Create and integrate the on-line store into your website.

Unit 10 – Building an Adobe Flash Movie

This Unit introduces you to Adobe Flash CS5 and gives a tutorial on how to use this remarkable web designer’s tool. It also provides an introduction to Dreamweaver CS5, a leading HTML editor. The following topics are covered in this Unit: An Introduction to Adobe Flash CS5; Introducing the Flash CS5 Interface; Creating Animated Banners with Text and Images; Uploading your Website; How to Register with Search Engines; An Introduction to Dreamweaver; and Assignment 10 - Using Adobe Dreamweaver & Flash.

The WEBM@STER™ course comes with a comprehensive software Library, which includes trial/freeware versions of the following software:

• Adobe Dreamweaver CS5 • Adobe Flash CS5 • Adobe Fireworks CS5 • Adobe Photoshop CS5
• Gif Construction Set • MapEdit • WinZip 11 • Shop Factory Pro 9 • Cute FTP
• Colour Picker 1.9.

You will be assessed on coursework which is detailed in the course materials. The coursework consists of individual web pages and a complete final website. Your work can be sent back to your course tutor by email or by post.

Study Hours

This is only an approximate figure and is dependant upon how much time you can dedicate to your studies and how well you grasp the learning concepts in the course material. Furthermore, at the end of each lesson there is a question paper that needs to be completed and returned to your tutor. You should allow at least 1 - 2 hours of study to complete each question paper.

The approximate amount of time required to complete the course is: 120 hrs.