virtual banana boxes (or electronic portfolios) orientation thursday, july 18, 2002 by david heise

Virtual Banana Virtual Banana BoxesBoxes

(or electronic portfolios)(or electronic portfolios)

OrientationThursday, July 18, 2002

by David Heise

2 of 22

Outline

1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions

*

3 of 22

1. Introduction About me:

1998 Cohort Berrien Springs Local Regional Group [email protected] http://dheise.andrews.edu

1 of 3

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

5 of 22

1. Introduction (cont) Style of this presentation :–

a combination of: Demonstrations Summarizing points Questions and discussion

*

3 of 3

6 of 22

Outline


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)

*

1 of 2

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

9 of 22

Outline


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

<link rel="stylesheet" type="text/css" href="css/comps.css">(between the <head> </head> tags)

*

1 of 5

11 of 22

3. Styles – comp.cssa: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

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

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 }

14 of 22

3. Styles – comp.css (cont)

5 of 5

Demonstrate: Changing background color Changing font size Heading font style

Questions?*

15 of 22

Outline


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

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

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

19 of 22

Outline


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 spent

It can generate the Time Logs for my Web Portfolio

*

1 of 1

21 of 22

Outline


22 of 22

6. Final Questions

1 of 1

virtual banana boxes (or electronic portfolios) orientation thursday, july 18, 2002 by david heise

Documents