The Internet

Aims

Learn about the development of the internet
Learn about internet services, including the World Wide Web, email, instant messaging and online games
Consider the impact and future development of the internet
Learn about threats to and from the internet, including viruses and crime
Extend your web pages to include these topics

1. History

Starter: Film 1: Brief History of the Internet

Task

Write a brief account of the development of the internet. Focus on key dates, terms and acronyms: 1960s, DARPA, ARPANet; 1970s, TCP, Cyclades, switched network, packet, X.25, gateway, OSI, TCP/IP. Think in terms of a timeline with brief notes rather than a detailed account.

Put your history on a web page and make it suitable for pupils in year 8. Your account should include:

What the internet is
History of the internet
Key dates, events, people and technologies in the development of the internet

Write your page in Dreamweaver.

Your web page should include: headings, paragraph text, images and hyperlinks. Use Headings but do not format individual elements: use CSS instead. You can also include video on Youtube by following the instructions here.

2. Make a Home Page

Create a new page in Dreamweaver, swicth to Code view and delete all the code. You will now write a page from scratch using HTML.

Use this site (Inpics) to learn how to work in HTML.

Use these pages for reference and further examples: HTML & CSS

Note that the site asks you to make a page about dogs: you should change the content to make a basic home page about the internet. The site also asks you to use Notepad but you will use Dreamweaver. Finally, note that when you asked to create a CSS page you choose the CSS page option in Dreamweaver.

Note that the home page of a web site is called 'index'; it can be 'index.htm' or index.html', the extra 'l' doesn't matter. Try to avoid having both index.htm and index.html in your folder!

Make and Use a Template

Follow these instructions to create a series of new pages using an existing page.

3. How the Internet Works

Watch these films:

Film 3: Internet Explained

Film 4: How the Internet Works (from Wydea)

Film 5: DNS Explained

Now create a new page and write an acoount of how the internet works. Use HTML rather than Dreamweaver.

4. Upload Your Work to a Web Provider

You should now have four or five files: history, home page (index), how it works and the CSS files. You are now in a position to upload them to a web site.

If you don't have your own site already then go here: 000.freehost.com and set up an account.

You can write the HTML on the site or use Dreamweaver and upload the finished files (the site editor provides syntax highlighting, as does the Context editor).

When the site is active you can use the FTP details and a suitable program such as Filezilla to set up a profile and connect to your site.

5. Services and Protocols

WWW and HTTP

Film 6: Invention of World Wide Web

Film 7: How the World Wide Web Works

Film 8: Web 1 vs Web 2

Film 9: Explaining Web 2.0

Film 10: Social Bookmarking

Film 11: Blogs

Film 12: Inside Facebook

Add a new page to your web site about the World Wide Web: what it is, when it was invented and by whom and what it is used for. You should try to write this page in HTML in Dreamweaver 'Code View' rather than in Design view.

Add a note on Facebook: an example of social networking that highlights the distinction between 'Web 1.0' and 'Web 2.0'.

Create a 'tag cloud' in Wordle. Use a list of words suitable for your web home page. Save the tag cloud by pressing the Print Screen key and pasting the image into Paint or Photoshop. Crop away the unwanted borders around the image (or copy the image area you want and paste into a new file) and save the image as a JPG file. Now you can use the tag cloud as an image map by drawing in hot spots with the tool in Dreamweaver.

Other services and protocols:

Film 13: Email

Film 14: IM

Film 15: The Gamified World

Film 16: Online games top 10

Film 17: Online games (ESA)

Add sections to your web page on Email, Social media, IM and online games.

6. Problems and Solutions

Hacking

Film 18: What is Hacking?

Add a section to your web page that explains what hacking is and, in particular, the distinction between white hat and black hat hackers.

Film 19: Anonymous (C4)

Film 20: Anonymous:Hackers World

Dangers of the Internet

Add a section to your pages on viruses and online crime

Extension Films:

Film 21: Mikko Hypponen: Fighting Viruses

Film 22: Cracking Stuxnet

Film 23: James Lyne (Sophos): Security Challenge

Film 24: Misha Glenny on TED

Assessment

Your teacher will assess your work, using the assessment criteria for Communication. Each person in a group will receive the same grade: the level of your achievement is dependent on the success of the team!

Your pages should include these features:

A home page called 'index' that includes working links to the other five pages
A CSS file linked to each page so that basic formatting is consistent - background colour, font faces, colours and sizes for paragraph text, headings and links
Pages on: history of the internet, how the internet works, the world wide web, other internet services, problems on the internet.
All files should be in a single folder called 'web pages'.
Original content: your own words with nothing copied from other sources except short passages which are marked with a citation e.g. 'Wikipedia'.