Download - Aim Higher, 1 April 2009 (2)
![Page 2: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/2.jpg)
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.
![Page 3: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/3.jpg)
http://www.mydesigna.co.uk
![Page 4: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/4.jpg)
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
![Page 5: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/5.jpg)
How many of you?
Have used the internet a lot?
Have built a webpage or website before?
![Page 6: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/6.jpg)
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?
![Page 7: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/7.jpg)
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?
![Page 8: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/8.jpg)
WORKING IN PAIRS: 10 minutes
Produce a diagram for how your information is going to make a websiteAt least 5 pages, including:•“Homepage”•“About this site”
![Page 9: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/9.jpg)
NOW: TO BUILD A SITE
INDIVIDUALLY, WATCH ME…
And follow step-by-step through the instructions…
![Page 10: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/10.jpg)
http://wordpress.com/ (Sign Up)
![Page 11: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/11.jpg)
Username/Password
![Page 12: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/12.jpg)
Choose your website name
![Page 13: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/13.jpg)
Check your email
![Page 14: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/14.jpg)
You are now on WordPress!
Make a note of your username and password
![Page 15: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/15.jpg)
It will look something like…
![Page 16: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/16.jpg)
http://wordpress.com (Log In)
![Page 17: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/17.jpg)
It will look something like…
![Page 18: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/18.jpg)
WordPress: The Dashboard
![Page 19: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/19.jpg)
Privacy Settings
![Page 20: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/20.jpg)
Blog name, tagline, time…
![Page 21: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/21.jpg)
My Dashboard: Pages: About
![Page 22: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/22.jpg)
It will look something like…
![Page 23: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/23.jpg)
Kitchen Sink:
Editing Bar:
![Page 24: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/24.jpg)
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
![Page 25: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/25.jpg)
Add a Link
Write “This page was created on an AimHigher Day at the University of Winchester”, linking to http://www.winchester.ac.uk
![Page 26: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/26.jpg)
It now looks something like…
Press “Update Page”
![Page 27: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/27.jpg)
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.c
o.uk/resources/visual/images.htm gives lots of links where you can get legal images.
![Page 28: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/28.jpg)
http://www.sxc.hu/
![Page 30: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/30.jpg)
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
![Page 31: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/31.jpg)
Insert an image
•Once the image is on the page you can drag & drop it
•Don’t forget where you saved the image!
![Page 32: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/32.jpg)
Editing an Image
Click on the imageOptions to•“Edit”•“Delete”
![Page 33: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/33.jpg)
Resize an image/Edit image titleDecide where to place your image.
Why dowe need an image title?
![Page 34: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/34.jpg)
Adding the HOMEPAGE, or any other page: Pages : Add New
This is going to be your front page, so choose a good name!
![Page 35: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/35.jpg)
Dashboard : Settings : Reading
![Page 36: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/36.jpg)
Dashboard : Pages: “About” page
Main (parent)Other (child)
![Page 37: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/37.jpg)
Change the Page Order
0 = most important
![Page 38: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/38.jpg)
It now looks something like…
![Page 39: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/39.jpg)
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
![Page 40: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/40.jpg)
Widgets
![Page 41: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/41.jpg)
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
![Page 42: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/42.jpg)
“New Post”, and add content…
![Page 43: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/43.jpg)
Comments
![Page 44: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/44.jpg)
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.
![Page 45: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/45.jpg)
Themes: Use with care…
![Page 46: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/46.jpg)
Some theme examples…
![Page 47: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/47.jpg)
http://www.youtube.com
•Select ‘add video’•Go to ‘From URL’•Copy & paste the URL into the YouTube field
![Page 48: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/48.jpg)
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.
![Page 49: Aim Higher, 1 April 2009 (2)](https://reader036.vdocument.in/reader036/viewer/2022062703/5555ffccd8b42a3f168b4616/html5/thumbnails/49.jpg)
LOG-OFF & CLEAR UP: 5 minutes
THANK YOU! I HOPE YOU ENJOYED IT.