L1 Slides - Developing For The Web - Y8
L1 Slides - Developing For The Web - Y8
building blocks
Year 8 – Developing for the web
Starter activity
3
Activity 1
HTML
Hypertext markup language.
4
Activity 1
HTML examples
For example:
● <h1>Developing for the Web</h1> Developing for the Web
● <em>Using HTML and CSS</em> Using HTML and CSS
● Building <b>web pages</b> Building web pages
Note: Any text not enclosed by a tag is just presented as plain text.
5
Activity 1
6
Activity 2
Changing appearances
Formatted text is all well and good, but wouldn’t it look better in colour?
7
Activity 2
Inline formatting
You can make websites look nice directly in the HTML.
But you have to do this for each individual piece of text you want to change the look of.
For example:
<h2 style="color:red;">Title</h2>
Some arbitrary text. Title
<h2 style="color:green;">Another title</h2> Some arbitrary text.
Some more arbitrary text. Another title
Note how color is spelt. Do you know why? Some more arbitrary text.
8
Activity 2
Style it up!
1. Open ‘Activity
instructions’
9
Plenary
10
Plenary
11
Summary
Next lesson
Explored how to structure web pages with Develop a web page including images to
HTML tags, changing their formatting to meet design requirements
improve the appearance of on-screen text
12