Web Design |
| |
| Duration | 4 Weeks |
| Time | 10 am - 12pm every Thursday and Saturday |
| | |
| | |
| Week 1 | Introduction to the web |
| | A good website; what the experts say |
| | Web is it creativity or engineering? |
| | Career Prospects |
| | Introduction to HTML |
| | Coding in HTML |
| | Tags and other common terms |
| | Body |
| | Tables |
| | Divs |
| | Preparation and Insertion of images |
| | Background, Formatting and Fonts |
| | Forms |
| | Different Development Application |
| | Overview of Dreamweaver |
| | Overview of Front Page |
| | Exercise |
| | |
| | |
| Week 2 | Introducing Dreamweaver |
| | • Dreamweaver interface basics |
| | • Creating a local site |
| | • Creating a new HTML page |
| | • Using development views |
| | • Previewing pages |
| | • Setting document properties |
| | • Adding content |
| | • Importing text files |
| | • Importing Word and Excel content |
| | • Controlling document structure |
| | • Creating lists |
| | • Horizontal rules |
| | • Adding special characters |
| | |
| | |
| Week 3 | Formatting text with CSS |
| | • Formatting text |
| | • Cascading Style Sheets |
| | • Creating styles |
| | • Exporting CSS rule definitions |
| | • Creating class styles |
| | |
| | External styles
|
| | • Attaching external style sheets |
| | • Creating new external style sheets |
| | • Displaying styles |
| | • Cascading order and inheritance of styles |
| | • Creating internal styles |
| | • Creating advanced styles |
| | |
| | Working with graphics |
| | • Seamless integration with Photoshop and Fireworks |
| | • Placing graphics on the page |
| | • Accessibility settings |
| | • Importing layered images |
| | • Optimising an image |
| | • Adding Flash content |
| | |
| | Navigating your site
|
| | • Linking files to your site |
| | • Adding anchors |
| | • Adding email links |
| | • Linking from images |
| | • Linking from an image map |
| | • Creating a navigation bar |
| | • Inserting a jump menu |
| | |
| | |
| | Using libraries and templates |
| | • Creating library items |
| | • Placing and editing library items |
| | • Detaching library items |
| | • Creating templates |
| | • Applying a template to an existing image |
| | • Defining editable regions |
| | • Modifying templates |
| | |
| Week 4 | Designing pages with CSS |
| | • Dreamweaver CSS templates |
| | • Inserting DIV tags |
| | • Using the rulers and guides |
| | • Drawing layers to design your pages |
| | • Adding CSS to a layer |
| | • Using visual aids for DIV tags |
| | • Attaching external style sheets |
| | • Adding tables |
| | • The Spry Framework for Ajax - an overview |
| | • Importing tabular data |
| | • The Adobe CSS Advisor website |
| | |
| | Creating forms |
| | • Creating a form |
| | • Form processing |
| | • Setting focus on a form |
| | • Adding JavaScript |
| | • Form validation in Dreamweaver |
| | |
| | • Checking accessibility, links and browser compatibility |
| | • Using the integrated File Browser |
| | • Connecting to a remote site |
| | Testing, maintenance and uploading |
| | • Cloaking folders and files |
| | • Uploading files |
| | • Synchronising files |
| | • Using browser compatibility check |
| | |
| Week 5 | Exams, Testing and Submission of the Project |
| | |
| Cost | £300 |
| | |