Embedded Files
Instructions for the CAT: The purpose of this CAT is to demonstrate your understanding of website development through the use of HTML. You are to design and create a set of 3 linked web pages for a business of your choice. You should pay close attention to the design and layout of your site along with the technical aspects of using HTML. All the resources, description and assistance you might need to successfully complete this task can be found here.
TASK 1:
Design and produce a working website, with a minimum of three linked pages, using HTML. Your website must include at least one instance of each of following elements;
· Headings
· Paragraphs
· Lists
· Links
· Images
A folder containing your Notepad.html file and all other images or assets should be compressed (zipped) and uploaded to Compass.
When web designers first think about creating a website, they will plan out the general layout of the site first.
What will be the main element of the page? What will go where? How will the pages link together? What will be the general look and feel of the site. Is there a theme?
This can be done by
A wire-frame to to show the page layout
LINKS:
A site map (or site diagram...or layout diagram) to show how the site works and the pages are lined together.
Task: Draw a site map and wire-frame diagram showing the design of your web pages. Your design must be annotated to show which elements are used and why you have chosen to use them. Your annotations must also include the relevant tags. Hand drawn sketches should be scanned and uploaded to Compass.
Now you can build your site!
You only need to use 'standard' HTML to make this simple site. CSS and Javascript can be used as part of the "Well above" task.
TASK 2:
Download the debug.zip file from Learning Tasks and open it. This website current contains a number of bugs and is not efficiently written. You must;
Analyse and debug the code so that the website functions as intended in a browser.
Evaluate how efficiently written the code is and make any improvements you think are necessary. Note any improvements you make as comments in the debugIndex.html file.
Task 3:
Include additional features in your site that take advantage of CSS or JavaScript. During the tutorials, you have used some CSS and Javascript so you should refer to these. Use the // comment function to explain what you are attempting in the .HTML file.
Page updated
Google Sites
Report abuse