Virtual Banana Boxes

Download Report

Transcript Virtual Banana Boxes 

Virtual Banana Boxes
(or electronic portfolios)
Orientation
Thursday, July 18, 2002
by David Heise
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
*
2 of 22
1 of 3
1. Introduction

About me:




1998 Cohort
Berrien Springs Local Regional Group
[email protected]
http://dheise.andrews.edu
3 of 22
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
3 of 3
1. Introduction (cont)

Style of this presentation :–
a combination of:



Demonstrations
Summarizing points
Questions and discussion
*
5 of 22
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
6 of 22
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
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
*
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
9 of 22
1 of 5
3. Styles

Choose standard styles and conventions:





Define these in a style sheet


Headings
Body font name and size
Background color or picture
Bulleted and numbered lists, indents, quotes, etc
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
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
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
4 of 5
3. Styles – comp.css (cont)
h1
{
h2
{
font-size: 20.0pt;
font-size: 17.0pt;
font-family: Arial;
font-family: Arial;
color: teal;
color: teal;
font-weight: 100;
font-weight: 100;
margin-bottom: 6.0pt;
margin-bottom: 0.0pt;
page-break-after: avoid;
page-break-after: avoid;
}
}
.comp_group { font-family: Arial; color: #CC0000;
font-size: 10pt; font-weight: bold }
13 of 22
5 of 5
3. Styles – comp.css (cont)

Demonstrate:




Changing background color
Changing font size
Heading font style
Questions?
*
14 of 22
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
15 of 22
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
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
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
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
19 of 22
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
Outline
1.
2.
3.
4.
5.
6.
Introduction
IDP Organization
Styles
Web Authoring and Management
Time Logs
Final Questions
21 of 22
1 of 1
6. Final Questions
22 of 22