1 / 78

Creating a Web portal: Part I

Learn key elements of creating a successful web portal, including HTML basics, user needs, organization schemes, and navigation strategies. Understand effective content organization, color choices, and user-friendly features. Explore examples and practical exercises.

joannerichardson
Download Presentation

Creating a Web portal: 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 a Web portal: Part I Before you start coding Bair-Mundy

  2. Creating a Web Portal Before you start coding Introduction to HyperText Markup Language (HTML) Situational Relevance Exercise Web Portal Assignment

  3. Before You Start Coding

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

  5. What makes a good Web page? Exercise One Navigation tabs Navigation bar Site map Simple Clutter-free Consistency Legibility of text Help Customization Breadcrumbs Simple colors Bright colors (kids) Mouse-over menus Currency Quick download time Multilingual Search options Cool things Cooler things Extremely cool things

  6. Web site questions Who are your users? • Staff (may be an Intranet) • Local community • University • Town • Community informatics • Global community What are the primary languages of your users?

  7. Staff

  8. Asia Pacific North America Middle East & Africa Europe South America Staff

  9. Ford Argentina Estrena el Segundo Commercial del Nuevo Focus Staff

  10. Local community

  11. Global community - BBC

  12. Global community - BBC

  13. Global community - BBC

  14. Global community - BBC English-language masthead Persian-language masthead

  15. Web site questions What information needs do you wish to serve? Needs are situational How do you want to organize the information? By task? By audience? ...

  16. Local community Audience Topic Topic Audience Topic Audience

  17. Common Information Organization Schemes Alphabetical Chronological White Pages Rosenfeld, Louis and Peter Morville. 2002. Information architecture for the World Wide Web. Cambridge: O’Reilly.

  18. Common Organization Schemes Audience Prospective Students Parents & Families Current Students Alumni Faculty & Staff

  19. Common Organization Schemes Task Topic How Do I? Subjects

  20. Portal structure Physical organization Server directory structure Can be transparent to the user Logical structure What your user sees Should be obvious to the user

  21. Physical structure (1) Where you store your files html_files public_html images html_files LIS_610 images public_html html_files LIS_670 images

  22. Physical structure (2) Where you store your files html_files images Example: http://www.cnn.com/US

  23. Logical structure - inverted tree Welcome Online catalog Library hours Just for kids Guided search Expert search Main branch Kalihi Manoa Homework help Storytime

  24. Logical structure - sequential Step one Step two Step three Step four Step five Ordering a book from Interlibrary Loan Previous Page Next Page

  25. Logical structure - ring Start Keyword searching Selecting a database Tutorial Subject searching Title searching Author searching

  26. Logical structure - matrix Literacy Aids Borrowing policy Seniors Welcome Library hours Just for kids Hmong resources Volunteer work Storytime Online catalog Help Site map Spanish resources Lithuanian resources Vietnames resources Reserves Videos About the library

  27. How to convey organization to viewer? Navigation bar Navigation tabs Site map Breadcrumbs

  28. Navigation bar Site content Identifying Title Here Here There There There There There

  29. Site map Site map Online catalog Basic search Guided search Reserves Tutorials Library hours Hobbiton Lothlorien Rivendell Virtual reference General Pacific Coll. Kids Page Homeworkhelp Fun facts Español Consultar Servicios Reglas Française Rechercher Reserver Actualités

  30. Susan Johnson's LIS subject guide

  31. Where is Susan Johnson's LIS subject guide? Is this a link?

  32. Links (1) Links should be clearly marked Link destination should be obvious

  33. Where is Susan Johnson's LIS subject guide? X

  34. Where is Susan Johnson's LIS subject guide?

  35. Where is Susan Johnson's LIS subject guide?

  36. Where is Susan Johnson's LIS subject guide?

  37. Susan Johnson's LIS subject guide

  38. Links (2) Users should never be forced into page after page of menus if direct access is possible. Lynch & Horton Lynch, Patrick J. and Sarah Horton. 2002. Web style guide : basic principles for creating Web sites. Yale University Center for Advanced International Media. Available on the Web at http://www.webstyleguide.com

  39. Where is Susan Johnson's LIS subject guide?

  40. Where is Susan Johnson's LIS subject guide?

  41. Where is Susan Johnson's LIS subject guide? Family Resources Film Geography German Language & Literature History Journalism Juvenile Literature Library & Information Science Linguistics

  42. Susan Johnson's LIS subject guide

  43. Where is Susan Johnson's LIS subject guide?

  44. UHM Libraries Sitemap (1) No subject guides listed.

  45. UHM Libraries Sitemap (2) No subject guides listed.

  46. UHM Libraries Sitemap (3)

  47. Internet Resources by Subject (1)

  48. Internet Resources by Subject (2)

  49. Librarian resources (1)

  50. Librarian resources (2)

More Related