Project 1 Web

Sign in to Code.org:

Use the RED GOOGLE BUTTON,

e.g. use your WHS Gmail: Y_Name@westlandhigh.school.nz

https://studio.code.org/home

Use Class Code:

DKFLMZ

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

Need help with HTML and CSS? - W3schools has everything you need to know!

HTML & CSS Cheat sheet.pdf

Google Fonts

Google Fonts

Google fonts is a library of font types you can link to and use in your website.

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.pdf