Welcome Year 7 Websites HTML CSS Studying Computer

Welcome Year 7 Websites - HTML, CSS Studying Computer Science at KS 3 involves learning about technology and solving problems in new ways. Coding and web design are just two of the thingsthat you will explore. Your task here is to explore the code behind a web page and have a go at making changes to it. 1. Getting Set Up In Google Chrome, go to https: //www. codeply. com/p/I 7 u. Ed. J 5 Ub. M 2. Challenge - Check the next few slides for various challenges which are related to modifying the websites code

Headings <h 1>This is a big heading</h 1> <h 2>This is a smaller heading</h 2> <h 3>This is an even smaller heading</h 3> Challenge - Edit/Create new Headings ● In the HTML editor, try and add or edit existing headers

Colours body { background-color: purple; color: white; } Challenge - Change the colours ● In the CSS tab, change the background colour and text colour

Images <img src=”url-of-image. jpg” /> Challenge - Change the image ● ● Find an image on google images In the HTML editor, change the img src to url of the image you found

Lists <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ul> Challenge - Change the list ● Think of a new list and change the list items

Challenge yourself… ● Create an account on www. codeply. com ● Have a go at making your own web page about a country or a sports team or a famous person.

Making a new web page (ply)