Google Chrome Takeover

Starting the lesson with a personalised Google screen hooked the children in today’s computing lesson.

Capture

That, followed by a spoof newspaper article about the stench of another college. What more could they want?

image1Today was an impromptu lesson on looking at the coding behind websites. It was an introduction to familiarise the pupils with HTML code, but in an engaging way. We have recently been looking at newspaper articles in English and I just so happened to stumble upon a way in which to manipulate the appearance of websites. Cue playing with BBC news.

On Google Chrome, there is a genius tool, called ‘inspect element’. This enables you to change any part of a website, simply by right clicking and choosing ‘inspect element’. This will bring up the coding for the page. Click on ‘edit HTML’ and you’re set to have some fun.. change the text, pictures, just about anything!

Step one:

 

1

Step two:

2

 

Step Three:

3

Here are the two short videos I watched to get the basics!

   

I taught this, alongside how to copy a URL of a photo, to change the pictures, and skills suck as ctrl F to search, making their code editing easier. For our first lesson, the children really picked up the code well, making some interesting headlines..

IMG_1988  IMG_1991 IMG_1992 IMG_1993 IMG_1995 IMG_1996 IMG_1997IMG_1989

 

 

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s