Embedded Files
Sign in to Code.org:
Sign in to Code.org:
Use the RED GOOGLE BUTTON,
e.g. use your WHS Gmail: Y_Name@westlandhigh.school.nz
Use Class Code:
DKFLMZ
DKFLMZ
TASK - Using code.org/weblab create a profile web page about yourself, e.g. 'My Pepeha - by Yourname'.
TASK - Using code.org/weblab create a profile web page about yourself, e.g. 'My Pepeha - by Yourname'.
It should include information about yourself (e.g. family, friends, likes & dislikes) so your teacher and classmates can get to know you. The web page should also demonstrate the following skills:
Headings & Subheadings (h1, h2, h3....)
Paragraphs <p>
Images <img>
YouTube Videos
CSS Background colour
CSS Changing font colour and size - try Google fonts
w3schools
w3schools
Need help with HTML and CSS? - W3schools has everything you need to know!
HTML & CSS Cheat sheet.pdfGoogle Fonts
Google Fonts
Google Fonts
Google Fonts
Google fonts is a library of font types you can link to and use in your website.
Check List
Check List
1) Well named files
2) A title in the top of the browser
3) Structure the HTML code, using <head>, <body> tags etc.
4) Add text to the web page
5) Use a range of text formatting tags, e.g. <h1> <p>
6) Use CSS to style fonts
7) Add in a background
8) Add in images and style the images appropriately using CSS
9) Use Hyperlinks to link to a different page in the site
10) Have a link to another website
11) Embed a youtube video
12) The site must run correctly in google chrome
13) Is the text easy to read?
14) Are the images clear, not distorted and an appropriate size for the webpage?
15) Is it easy for a user to find information on your site?
16) Do all the buttons go to where they should? Are all dead ends fixed?
DDDO.pdfPage updated
Report abuse