Year 7: Web Pages

Personal web Pages

Your task is to create a personal web site that will serve a range of purposes as it develops.

Questions addressed:

1. Home Page

Create a new folder in your home area to store your web pages. Call it 'website'.

Create a new page in Dreamweaver (Ctrl-N, Basic page) and save it in your web folder as 'index' - the .html ending will be added automatically.

Write a suitable heading to the top of the page showing that it is your home page.

Write a brief profile of yourself, similar to what you might put on a Facebook or Ning site.

Find a suitable background image (large) and, if necessary, process it in Photoshop so you can read your text against it.

You will need to change the image so it works better as a background. Bright, saturated images are not suitable as backgrounds for web pages because the text gets lost amongst the colours. A background image should be more like a watermark.

To lighten or darken the image in Photoshop try Ctrl-U and move the lightness slider.

To set the image as the background to your web page this click on the Page Properties button in the Properties area and use the Browse button next to 'Background Image' to locate the file that you saved earlier. Use the Repeat drop-down to set the repeat property (a large image should not need to repeat).

2. Additional Pages and Hyperlinks

Create a new page and list each of the subjects that you take in school: Art, D&T, English, French, Geography. History, ICT, Latin, Maths, Music, RS, Science. This is your subjects home page so save it as 'subjects'.

Now create a page for each subject. Add a suitable heading at the top of each page. Save each one with a suitable name in your web site folder. Don't worry about any content on the pages just yet.

When you have completed all the pages you should create links to them from the subject home page.

Finally, create a link from your home page (index) to the subjects page.

Image Map

Create an image map for your subjects. Find a suitable image for each subject and build up the graphic in Photoshop. Save the finished graphic as a JPG and then add the hotspots in Dreamweaver. You can now replace the lists you made earlier with the image map.

3. The ICT Page

We will create a web page to explain what web pages do and how they work. Here are some questions to consider:

Part 1

  1. What is the purpose of a web page?
  2. What types of information are found on web pages?
  3. How are web pages created?
  4. What is HTML?

Part 2

  1. Where are web pages stored?
  2. How do you access a web page?
  3. What is a web browser?
  4. What is a URL?
  5. How do web pages reach a computer?

Copy and paste the questions into a word processor and write notes on the discussion.

Use your notes to write an account of what web pages do and how they work. You could use the Internet to research your answer further and also to add links to pages that you find.

4. Other Subject Pages

Select a subject such as History or Geography and open the page. Add a list of the topics you have studied in sequence. Leave a gap between each topic and format each topic as a subheading. Starting with the first topic add images, notes and hyperlinks to suitable resources.

Using Resources Made in Lessons

You can convert things you make in Office applications into web resources. PowerPoint slide shows can be converted for display on a web page so you can easily find and view them and share them with other people. To convert a slide show into web format either choose File/Save as Web Page or use the Flash conversion tool. When you have created your web version add a link to it from your page.

Return to Year 8 Home Page