1 / 67

Creating an e-Portfolio Assignment: Part I

Creating an e-Portfolio Assignment: Part I. Dr. Bair-Mundy. Creating an e-Portfolio. What makes a good web page. Questions before you start. Introduction to SSH and UNIX. Introduction to HyperText Markup Language (HTML). e-Portfolio Assignment. What Makes a Good Web Page?.

frankyoung
Télécharger la présentation

Creating an e-Portfolio Assignment: Part I

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Creating an e-Portfolio Assignment: Part I Dr. Bair-Mundy

  2. Creating an e-Portfolio What makes a good web page Questions before you start Introduction to SSH and UNIX Introduction to HyperText Markup Language (HTML) e-Portfolio Assignment

  3. What Makes a Good Web Page?

  4. What makes a good Web page? http://www2.hawaii.edu/~donnab/lis670/bad_web_page.html

  5. What makes a good Website? Navigation bar Clutter-free Consistency Legibility of text Simple colors Currency Fast download time

  6. e-Portfolio questions Who are your viewers? • Type of information work you would like to do What are the primary or secondary language(s) of your viewers? • English • Hawaiian • Chamorro • Tagalog • Other languages using Roman alphabet Welcome and HafaAdai!

  7. Structure- inverted tree Welcome Curriculum Vitae Courses taken Projects Contact Information Research Papers Web Pages Pathfinder

  8. Links Link destination should be obvious If taking the viewer to a destination outside your e-portfolio let your viewer know. Especially true for a commercial website.

  9. Icons On a Web page what does this mean? What does this mean to a Hebrew or Arabic speaker? The meaning of a sign is generally culturally-mediated.

  10. Icons (2) Return to previous page Add textual description to icon

  11. Avoiding clutter

  12. Avoiding clutter Don't overload each page 4-7 objects maximum in short-term memory Chunk information

  13. Chunking Grouping objects spatially Using graphical boundaries Grouping by color, texture, lightness, orientation Adding line spaces between paragraphs of text

  14. Text 12 to 14 point type for continuous text Contrast with background Aloha Avoid using ALL CAPS ALOHA

  15. Color contrasting 1 2 Same level of luminance 2 + 1 = 3 4 Different level of luminance 2 + 3 =

  16. Red & green problem 1 2 Not good 2 + 1 = A significant number of people are red/green colorblind.

  17. Introduction to SSH

  18. Library of CongressThomas Website (normal view)

  19. Library of CongressThomas Website (2000)

  20. Information security measures Anti-virus software Anti-spyware program Latest patches for all software Encryption

  21. What is SSH? Secure shell program Encrypted transmissions Telnet-like utility Secure File Transfer Protocol

  22. Secure shell client file1 file2 % server %ls client file1 file2 % %ls

  23. Downloading SSH http://www.hawaii.edu/

  24. Downloading SSH http://www.hawaii.edu/

  25. Downloading SSH

  26. Downloading SSH http://www.hawaii.edu/technology/

  27. Downloading SSH

  28. Downloading SSH

  29. Downloading SSH Supported Software

  30. Downloading SSH Scroll down

  31. Downloading SSH

  32. Downloading SSH

  33. For Mac users There is a version of Secure Shell Client already on your Mac. For transferring files securely use Fugu

  34. Fugu

  35. SSH Secure Shell Client

  36. SSH Secure Shell Client

  37. SSH Secure Shell Client uhunix.hawaii.edu donnab password

  38. SSH Secure Shell Client

  39. SSH Secure Shell Client

  40. SSH Secure Shell Client *******

  41. SSH Secure Shell Client Welcome to uhunix.hawaii.edu ================================================ Unauthorized access is prohibited by law in accordance with Chapter 708, Hawaii Revised Statutes; all use is subject to University of Hawaii Executive Policy E2.210. ================================================ ANNOUNCEMENTS: For Current Status and Alerts, see http://www.hawaii.edu/technews/ % UNIX is ready for your commands

  42. Transferring files Fugu For pc users For Mac users

  43. Secure File Transfer for pc users Files and directories on your computer Files and directories on remote computer

  44. Fugu for Mac users Fugu Files and directories on your computer Files and directories on remote computer

  45. Introduction to UNIX

  46. Unix operating system % ls myfile.txt yourfile.txt % Command-line interface Utilities—programs to list files, tell who is on the system, what processes are running, etc. Editor—use to create HTML files for your e-portfolio

  47. UHUNIX file structure Root directory bin subdirectory home subdirectory usr subdirectory 1 subdirectory 18 subdirectory 24 subdirectory donnab Home directory johnd Home directory nahl Home directory

  48. Basic UHUNIX commands pwdprint working directory tells you where you are in the file hierarchy lslist lists files and subdirectories cdchange directory Moves you up or down in the file hierarchy chmodchange mode Assigns access rights to files and directories

  49. More UHUNIX commands manmanual man + command provides access to electronic help files cpcopy cpsourcefiledestinationfile copies the source file to a file with the destination file name rmremove file Deletes a file mkdirmake directory Creates a new directory

  50. Where am I: pwd(print working directory) % pwd /home/18/donnab %

More Related