Design your Homepage _l0 Friday

• Online word
• Further Education (Key Stage 5)

News Flash - The skills gap  

IT Cloud Technology 

www.helpnetsecurity.com

What is Trending in IT.

Designing Homepage 

Outcomes 

• Understanding the  "style" properties and how to use it.
• Understand how to apply layout of homepage

onlinegdb.com

Layout Template. Use it to help achieve your design 

Designing your layout

Use the template above to achieve your design.

You can use your own device to make the changes

Tutor to go through the different elements with the students.

How Many sections?

1. 0
2. 2
3. 1
4. 3

In the head select the correct properties that belongs to style

1. width
2. length
3. background-color
4. text-align

In the Link or Nav section list the different style property

1. width
2. float
3. length
4. padding

In the Article section list the different
properties of style

1. width
2. float
3. length
4. padding

Format the header
<header><h1_____

Complete <nav ___________

Complete <article style_____________

Complete your layout

Use the knowledge and understanding you have gained to complete your layout 

onlinegdb.com

Check out the WebDesign company

Look at the following websites to get some ideas for your link 

staxogroup.com

www.bemunchieonline.co.uk

weareyellowball.com

Your Links 

Use the information in the previous slides to create some links for your web site.

Put the links in your homepage.

Upload your work in teams 

in your folder and name it "homepage"

Plenary 

1. You should understand the following:
2. How to use apply "styles" to tags?
3. How to do create a layout?
4. How Create Links

How well did you do

very well

Quite well but I need to complete the work

I need to review the lesson 9 and 10 under web in lesson up

Thank you 

for learning with us. See you next week