The document outlines a hands-on workshop for building a website, emphasizing the importance of designing on paper before using computer software. Participants will learn how to structure a site, write content, and add images and links, working both individually and in pairs. Key instructions include using WordPress, proper image sourcing, and incorporating various web elements to create a complete site with at least five pages.

1. WELCOME TO “BUILDING A WEBSITE” AimHigher, 1 st April 2009 [email_address]

2. PLEASE… Look after the computers. Listen carefully to any instructions. When working in pairs (with the person next to you), make sure you both get time to discuss your subject. Raise your hand if you wish to ask a question/say something.

3. http://www.mydesigna.co.uk

4. Today we’ll learn how to… produce a better website by designing it on paper before we use the computer. build a website on a subject that interests you Learn some new software Structure a site Write some content Add some links Add some images

5. How many of you? Have used the internet a lot? Have built a webpage or website before?

6. WORKING IN PAIRS: 5 minutes What do you really love and would like to tell the world about? Football? Elephants? Make-Up? A TV show? Decide which overseas penfriend you are writing for : Who are they: boy/girl, same age? Which country?

7. WORKING IN PAIRS: 10 minutes Go to: http://www.google.co.uk Search for sites on the subject that you love: you need to look for ideas for site sections and words to write (images later): what do you think your penfriend would find interesting ?

8. WORKING IN PAIRS: 10 minutes Produce a diagram for how your information is going to make a website At least 5 pages , including: “ Homepage” “ About this site”

9. NOW: TO BUILD A SITE INDIVIDUALLY, WATCH ME … And follow step-by-step through the instructions…

10. http:// wordpress.com / (Sign Up)

11. Username/Password

12. Choose your website name

13. Check your email

14. You are now on WordPress! Make a note of your username and password

15. It will look something like…

16. http://wordpress.com (Log In)

17. It will look something like…

18. WordPress: The Dashboard

19. Privacy Settings

20. Blog name, tagline, time…

21. My Dashboard: Pages: About

22. It will look something like…

23. Kitchen Sink: Editing Bar:

24. WORKING TOGETHER: Add Content to the “About” page. Add some “content” (words) Who is this site for? Who wrote it? Add an email link Divide your text with headings Add a link to another webpage

25. Add a Link Write “This page was created on an AimHigher Day at the University of Winchester”, linking to http:// www.winchester.ac.uk

26. It now looks something like… Press “Update Page”

27. Adding some pictures IMPORTANT: If you take pictures from Google, they belong to someone else! DON’T use them on your website http://www.mydesigna.ww2poster.co.uk/resources/visual/images.htm gives lots of links where you can get legal images .

28. http:// www.sxc.hu /

29. LOG-IN WITH: Username [email_address] Password winchester

30. WORKING ON YOUR OWN: 10 minutes Choose 5 images to use on your site Choose free images from the lower-half of the page (not the top paid-for images) Click on the image Open the image full-size Right-click on the image Save it in a folder where you can find it again

31. Insert an image Once the image is on the page you can drag & drop it Don’t forget where you saved the image!

32. Editing an Image Click on the image Options to “ Edit” “ Delete”

33. Resize an image/Edit image title Decide where to place your image. Why do we need an image title?

34. Adding the HOMEPAGE, or any other page: Pages : Add New This is going to be your front page, so choose a good name!

35. Dashboard : Settings : Reading

36. Dashboard : Pages: “About” page Main (parent) Other (child)

37. Change the Page Order 0 = most important

38. It now looks something like…

39. Continuing editing… Lots of choices. Today we are using “ My Dashboard”: Returns to the main menu “ Edit Page”: Edits the page you are on “ New Post”: Blog Entries

40. Widgets

41. Blogs A reverse diary (most recent entry first) “ Many blogs provide commentary or news on a particular subject; others function as more personal online diaries . A typical blog combines text, images, and links to other blogs, Web pages, and other media related to its topic . The ability for readers to leave comments in an interactive format is an important part of many blogs.” http://en.wikipedia.org/wiki/Blog

42. “ New Post”, and add content…

43. Comments

44. BUILD YOUR SITES You have until 15 minutes before the session ends to build your site. Your site must include 5 pages , including words and images . Think carefully about the words and the headings you are going to use. If you finish that… you can add a video .

45. Themes: Use with care…

46. Some theme examples…

47. http://www.youtube.com Select ‘add video’ Go to ‘From URL’ Copy & paste the URL into the YouTube field

48. SWAP ACTIVITY: 10 minutes SEE OTHER SITES: Go around the room and look at 2 or 3 other websites. Maximum of 2 people at any one computer.

49. LOG-OFF & CLEAR UP: 5 minutes THANK YOU! I HOPE YOU ENJOYED IT.