2. Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise

3. 2 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions *

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

5. 4 of 22 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 * 2 of 3

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

7. 6 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions

8. 7 of 22 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)docweb * 1 of 2

9. 8 of 22 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 * 2 of 2

10. 9 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions

11. 10 of 22 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 (between the tags) * 1 of 5

12. 11 of 22 3. Styles – comp.csscomp.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; } 2 of 5

13. 12 of 22 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; } 3 of 5

14. 13 of 22 3. Styles – comp.css (cont) 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.comp_group { font-family: Arial; color: #CC0000; font-size: 10pt; font-weight: bold }

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

16. 15 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions

17. 16 of 22 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 * 1 of 3

18. 17 of 22 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 * 2 of 3

19. 18 of 22 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 * 3 of 3

20. 19 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions

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

22. 21 of 22 Outline 1.Introduction 2.IDP Organization 3.Styles 4.Web Authoring and Management 5.Time Logs 6.Final Questions

23. 22 of 22 6. Final Questions 1 of 1