HTML Code
Focus 5
fundamental web design
The Penguin
coming soon to a cinema near you
A new movie starring Little Red Riding Hood, Chopper, Red and Penguin is being released.
You will make a web page promoting the movie.
Get organised!
Complete the following 4 steps.
Your folder should have 5 files in it:
Task 2
Open focus5.html in these 2 applications:
- a browser eg Google Chrome
- a text editor eg Sublime Text
Can you figure out how to splitscreen?
Task 3
Are you good at typing?!
Let's practice.
Type the HTML code your teacher shows you into focus5.html
Typing
Rate your typing!
Challenge
Using your own ideas, can you develop the webpage to make it more interesting?
For example, you could research how to:
- Add a background color or gradient using CSS.
- Change the text color or font style of the title or paragraphs.
- Insert a new character image of your choice (download or reuse an existing file).
- Create a list (e.g., “Pippin’s adventure skills” or “Team rules”).
- Add a link to an external webpage (like a penguin facts page).
- Use the <hr> tag to separate parts of the story.
- Add an emoji/symbol somewhere in the text for fun.
SUBMISSION
Submit your project folder as instructed by your tutor.