1 / 22

Virtual Banana Boxes

Join David Heise's dynamic session on July 17, 2001, focusing on virtual collaboration via effective web authoring and IDP organization. The session covers the innovative concept of "Virtual Banana Boxes" to streamline document management, the importance of standardized styles, and practical tools like WYSIWYG editors for enhanced user experience. Engage in discussions about reflective practices, time management strategies, and develop your skills in creating a comprehensive online portfolio. This interactive presentation aims to foster collaboration among cohorts and regional groups.

truman
Télécharger la présentation

Virtual Banana Boxes

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 Roundtable Session Tuesday, July 17, 2001 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 • About you: • Cohorts • Regional Groups 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 • Annotated bibliographies • Journals • 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