portfolio website details

17
Web Portfolio

Upload: david

Post on 19-Jun-2015

215 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Portfolio website details

Web Portfolio

Page 2: Portfolio website details

Some information

• To view your website in a browser use:http://teach2.newport.ac.uk/10000001

• To manage your website in a web editor use:ftp://teach2.newport.ac.uk

Page 3: Portfolio website details

Key model

My ComputerWeb files stored and edited

locally.When browsing the web My

Computer is a CLIENT

http://teach2.newport.ac.ukWeb files copied here and

stored remotely.Files are SERVED to a

CLIENT.

LOCAL REMOTE

SERVERCLIENT

Page 4: Portfolio website details

Important detail

• The first web page in your website should be named ‘index.htm’ or ‘index.html’

Page 5: Portfolio website details

Trees (1)

G:\Websites\teach2G:\Websites\teach2\redfoxG:\Websites\teach2\wordG:\Websites\teach2\powerpointG:\Websites\teach2\excelG:\Websites\teach2\access

Page 6: Portfolio website details

Trees (2)

On web server becomes:http://teach2.newport.ac.uk

Page 7: Portfolio website details

Trees (3)

http://teach2.newport.ac.uk

Page 8: Portfolio website details

Trees (4)

http://teach2.newport.ac.uk/wordhttp://teach2.newport.ac.uk/excel/excel.htm

Page 9: Portfolio website details

Text for portfolio web pagesThe home page will provide a list of links to each of the coursework tasks.Each coursework task will be presented on its own page with the following elements:

A clear titleHeading: How the resource was constructed:

How it was made;How it is operated;

Heading: Its value for learning and teaching:What value could learners get from it?What value could a teacher get from it?

Heading: Download file:Link to the file for download;Describe the download file format (e.g. Zip, Docx);Relevant instructions/guidance for the user.

Page 10: Portfolio website details

File sizes (1)

Page 11: Portfolio website details

File size (2)

Page 12: Portfolio website details

Navigation!

Text hyperlinks or Image hyperlinks

Page 13: Portfolio website details

Adding your files to your website

• Generally speaking a link to a file the browser will download it.

• How the browser handles the file will vary. Some offer the option to open or save it.

• How the user handles it will vary. This also may depend on how the user has set up their browser.

• That’s why it is important to provide instructions or guidance.

• Note also that a file can only be opened if there is a suitable application on the client machine.

Page 14: Portfolio website details

Files (continued)

• The best advice to a user is to save the file first especially if the file has features that rely on a secure location on the client PC.

• MS Access files in particular cannot be opened directly but must first be compressed or zipped.

• Demonstration ...

Page 15: Portfolio website details

Helping the user

• Always add a note for the user explaining what to expect and what to do

• E.g. What type of file is it; what should they do with it?

Page 16: Portfolio website details

Hyperlink properties

"_self" - open link in the same window"_blank" - open link in the new windowignore these unless you are using frames ..."_parent" - will load the linked document where the inner frameset file had been"_top" - loads the linked document in the topmost frame

Page 17: Portfolio website details

When ...

• Would you open a web page in a new window?

• Why should you use it sparingly?