Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.
-
Upload
jeremy-harvey -
Category
Documents
-
view
212 -
download
0
Transcript of Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.
![Page 1: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/1.jpg)
Virtual Banana Virtual Banana BoxesBoxes
(or electronic portfolios)(or electronic portfolios)
OrientationThursday, July 18, 2002
by David Heise
![Page 2: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/2.jpg)
2 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
*
![Page 3: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/3.jpg)
3 of 22
1. Introduction About me:
1998 Cohort Berrien Springs Local Regional Group [email protected] http://dheise.andrews.edu
1 of 3
![Page 4: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/4.jpg)
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
![Page 5: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/5.jpg)
5 of 22
1. Introduction (cont) Style of this presentation :–
a combination of: Demonstrations Summarizing points Questions and discussion
*
3 of 3
![Page 6: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/6.jpg)
6 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
![Page 7: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/7.jpg)
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
![Page 8: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/8.jpg)
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
![Page 9: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/9.jpg)
9 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
![Page 10: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/10.jpg)
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
![Page 11: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/11.jpg)
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
![Page 12: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/12.jpg)
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
![Page 13: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/13.jpg)
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 }
![Page 14: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/14.jpg)
14 of 22
3. Styles – comp.css (cont)
5 of 5
Demonstrate: Changing background color Changing font size Heading font style
Questions?*
![Page 15: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/15.jpg)
15 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
![Page 16: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/16.jpg)
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
![Page 17: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/17.jpg)
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
![Page 18: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/18.jpg)
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
![Page 19: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/19.jpg)
19 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
![Page 20: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/20.jpg)
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
![Page 21: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/21.jpg)
21 of 22
Outline
1. Introduction2. IDP Organization3. Styles4. Web Authoring and Management5. Time Logs6. Final Questions
![Page 22: Virtual Banana Boxes (or electronic portfolios) Orientation Thursday, July 18, 2002 by David Heise.](https://reader035.fdocuments.us/reader035/viewer/2022070403/56649f275503460f94c3fe7b/html5/thumbnails/22.jpg)
22 of 22
6. Final Questions
1 of 1