The document provides instructions for creating a website, including adding a contact form. It outlines objectives of making progress on a website, uploading and testing the site on different browsers, and adding a contact form. It describes getting code from an online source to add a functioning contact form and considering the text to accompany the form. It also mentions that website designs from a previous assignment should be completed and printed to hand in, and the importance of testing the site on various browsers and devices.

1. Creating your Website
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

2. Objectives
• Make significant progress towards a
completed website
• Upload and test your site – on
different browsers
• Add a contact form
• Hand in completed designs
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

3. Contact form
• You could easily create a form
without my help – just draw the
fields in WebPlus
• Making it work is more tricky – it
needs some
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

4. Get the Code
• Open the link from the VLE – “Email
form code” http://www.freecontactform.com/email_form.php
• When you use this code you must
either edit both bits of code together
or don’t edit either!
• Watch how to use it (demo)
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

5. Add a contact form
• Think about the text that will go with
it – what is the purpose of this form,
what information do you hope to
gather?
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

6. Designs
• Assignment 4 was to design this site
– that should all have been
completed.
• Before you hand it in, look down the
list of things you needed to include
in your design portfolio
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

7. Your design should include:
•
•
•
•
•
•
User Requirements
Website Ideas
Structure Diagram
Sketches of layouts
File Structure
Project Plan
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

8. Print and hand in
• Before you leave this afternoon, you
need to print and hand in all the
documents for the design – that is
now your number 1 priority to
complete
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20

9. Testing
• Testing means using a range of browsers
and devices to test your site on
• I have set up test computers with some
different browsers –
http://owncloud/~username
• Make sure it looks & works right on as
many as you can, take screenshots for
evidence
• If it doesn’t, that’s OK. We can fix it!
Image from: http://antiqueradios.com/forums/viewtopic.php?f=1&t=188309&start=20