Virtual Banana Virtual Banana BoxesBoxes
Roundtable SessionTuesday, July 17, 2001
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
About you: Cohorts Regional Groups
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
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
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 Annotated bibliographies Journals 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
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
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
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
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
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
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
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
22 of 22
6. Final Questions
1 of 1