1 / 22

Virtual Banana Boxes (or electronic portfolios)

Virtual Banana Boxes (or electronic portfolios). Orientation Thursday, July 18, 2002 by David Heise. Outline. Introduction IDP Organization Styles Web Authoring and Management Time Logs Final Questions *. 1 of 3. 1. Introduction. About me: 1998 Cohort

mivan
Download Presentation

Virtual Banana Boxes (or electronic portfolios)

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. Virtual Banana Boxes(or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise

  2. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions * 2 of 22

  3. 1 of 3 1. Introduction • About me: • 1998 Cohort • Berrien Springs Local Regional Group • dheise@andrews.edu • http://dheise.andrews.edu 3 of 22

  4. 2 of 3 1. Introduction (cont) Why “Virtual Banana Boxes”? • The “Banana Box” filing story • Eliminates (almost) storage & cartage • Index pages with hypertext links are a natural for indexing • The “web” is great for cross-referencing * 4 of 22

  5. 3 of 3 1. Introduction (cont) • Style of this presentation :– a combination of: • Demonstrations • Summarizing points • Questions and discussion * 5 of 22

  6. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions 6 of 22

  7. 1 of 2 2. IDP Organization • The IDP document is uniquely yourself • I wanted the connection between my IDP and my Portfolio to be unmistakably clear • I have numbered points in my IDP for the Development Plan, and Portfolio Documentation (doc; web) * 7 of 22

  8. 2 of 2 2. IDP Organization (cont) --- make it “work-embedded” --- Items to Include: • Reflective summaries (write as you go!) • Annotated bibliographies (enter into EndNote as you go!) • Journals (material for your reflections) • Write into it what you do in your job • ALWAYS write up your reflections while your recollections are fresh * 8 of 22

  9. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions 9 of 22

  10. 1 of 5 3. Styles • Choose standard styles and conventions: • Headings • Body font name and size • Background color or picture • Bulleted and numbered lists, indents, quotes, etc • Define these in a style sheet • Makes it easy to change in every page • Attach the style sheet to every page • <link rel="stylesheet" type="text/css" href="css/comps.css">(between the <head> </head> tags) * 10 of 22

  11. 2 of 5 3. Styles – comp.css a:link{ color: #CC0000} a:visited{ color: #660099} a:active{ color: #00CC00} a:hover{ color: Teal; background-color : #D3D3D3; border-style : solid; border-width : 0.01pt; border-color : Teal; } 11 of 22

  12. 3 of 5 3. Styles – comp.css (cont) body{ background-color: #D6E9D6; font-family : Arial, Helvetica, sans-serif; font-size: 11.0pt; } table{ font-family: Arial; font-size: 11.0pt; } 12 of 22

  13. h1{ font-size: 20.0pt; font-family: Arial; color: teal; font-weight: 100; margin-bottom: 6.0pt; page-break-after: avoid; } h2{ font-size: 17.0pt; font-family: Arial; color: teal; font-weight: 100; margin-bottom: 0.0pt; page-break-after: avoid; } 4 of 5 3. Styles – comp.css (cont) .comp_group{ font-family: Arial; color: #CC0000; font-size: 10pt; font-weight: bold} 13 of 22

  14. 5 of 5 3. Styles – comp.css (cont) • Demonstrate: • Changing background color • Changing font size • Heading font style • Questions? * 14 of 22

  15. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions 15 of 22

  16. 1 of 3 4. Web Authoring and Management • It is not necessary to become an expert at writing HTML • Use a WYSIWYG editor, like FrontPage or Dreamweaver • These tools also include site management functions: • Rename files or directories • Broken links • Unused files • Synchronize desktop with web site * 16 of 22

  17. 2 of 3 4. Web Authoring (cont) • Standardize on formatting styles • For headings • For lists, indents, quotes, etc • Define the common ones in your style sheet • Set file naming conventions • Use all lowercase (UNIX is case sensitive)eg, Usermanual.htm  UserManual.htm So use: user_manual.htm * 17 of 22

  18. 3 of 3 4. Web Authoring (cont) • Demonstrate FrontPage • Simple formatting • Read the HTML • Themes versus Style Sheets • Preserve links while changing file names • Site Reports • Site Publishing • Questions and Discussion * 18 of 22

  19. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions 19 of 22

  20. 1 of 1 5. Time Logs • Some courses require that you keep a log of time you spend • I have developed an Access database to track time spent • It can generate the Time Logs for my Web Portfolio * 20 of 22

  21. Outline • Introduction • IDP Organization • Styles • Web Authoring and Management • Time Logs • Final Questions 21 of 22

  22. 1 of 1 6. Final Questions Any Questions? 22 of 22

More Related