Focus 7
fundamental web design
Task 1
Follow these steps.
Get organised
Create a project folder on your computer called Christmas
Download christmas.html. It is a web page that you will work on in today's lesson.
Save it in your project folder.
Open it in a text editor eg Sublime Text and a web browser eg Google Chrome.
Project Images
Download these 3 images and save them in your project folder.
Type It
Complete the webpage design in your text editor by typing out the HTML and CSS code given to you.
Be as accurate as you can! Pay attention to small details.
This is the result you are looking for:
Task 2 - HyperLinking
Can you find the <a> tag? It is used to link to other webpages.
Can you figure out how to:
- use an <a> tag so that when the visitor to the website clicks the text Good tidings we bring, the visitor will be directed to https://www.emailsanta.com/
Extension Activity
The site requires a new page called GiftIdeas.html
The images required for the page are here:
Using your own creativity, design this page!
Also, update the menu on christmas.html to link to the gift ideas page.
SUBMISSION
Submit your project files as instructed.