6.1 Building A Webpage: What Makes A Good Website?

Lesson 6.1 What Makes A Good Website?

Aim: 
Today you will "inspect" a website and look at some examples of HTML & CSS code. You will start to explore using HTML code to build your own website.

Key vocabulary Website, web page, browser, media, Hypertext Markup Language (HTML)
Key vocabulary
Website, web page, browser, media, Hypertext Markup Language (HTML)











Be Inspired: 
Check out the home page of The Klein Academy. What are the features of this website? Have you ever "inspected" Mrs. Klein's website? 













Check It Out: 
Have you ever wondered how a website is created?


Do Your Best: 
Today you will use your code.org account to start to build your own website:











You will explore using HTML to create different sized headings and paragraphs.

You will need to use the following HTML code:
<h1> The Klein Academy for ICT </h1>

What happens when you change h1 to h2?
What happens when you change h1 to p?







Do you ever get the feeling you're being watched? 









Extension Task: 
Ready for a challenge? Have a look at the style.css section:











Finally:
Websites are not programmed. The code isn’t run like a set of instructions, instead your browser (Chrome, Firefox, Safari, etc.) reads the ‘markup’ or code, which tells it how to display the web page on your screen — what things look like, where they are, etc.

Games: