|
|
|
xii | |
| Instructors' Preface |
|
xiii | |
| Introduction |
|
1 | (1) |
|
How Will This Book Help You Create a Web Portfolio? |
|
|
1 | (1) |
|
|
|
2 | (1) |
|
|
|
3 | (2) |
|
Understanding Web Portfolios |
|
|
5 | (36) |
|
|
|
5 | (9) |
|
|
|
5 | (2) |
|
|
|
7 | (1) |
|
Context: Academic or Professional |
|
|
7 | (1) |
|
Purpose: Working or Presentation |
|
|
8 | (1) |
|
The Web and Portfolio Development |
|
|
9 | (2) |
|
Looking at Web Portfolios |
|
|
11 | (3) |
|
Why Should You Create a Web Portfolio? |
|
|
14 | (2) |
|
Creating a Web Portfolio Shows What You've Learned |
|
|
14 | (1) |
|
Creating a Web Portfolio Gives You a Real Audience |
|
|
15 | (1) |
|
Creating a Web Portfolio Can Help You Reflect on What You've Learned |
|
|
15 | (1) |
|
The Web Is a Practical Way to Make Portfolios |
|
|
16 | (1) |
|
How Does a Web Portfolio Work? |
|
|
16 | (4) |
|
|
|
16 | (2) |
|
Uniform Resource Locators |
|
|
18 | (2) |
|
What Makes a Good Web Portfolio? |
|
|
20 | (20) |
|
Web Portfolios and Reflection: Textual Rhetoric |
|
|
22 | (1) |
|
Good Web Portfolios Explain the Context of Artifacts |
|
|
23 | (1) |
|
Good Web Portfolios Explain the Process by which Artifacts Were Developed |
|
|
23 | (1) |
|
Good Web Portfolios Give an Honest and Convincing Self-Assessment |
|
|
24 | (1) |
|
Web Portfolios and Design: Visual Rhetoric |
|
|
25 | (2) |
|
|
|
27 | (1) |
|
|
|
27 | (1) |
|
|
|
28 | (1) |
|
Straightforward Page Layout |
|
|
29 | (2) |
|
Legibility and Ease of Reading |
|
|
31 | (3) |
|
Thoughtful Use of Emphasis |
|
|
34 | (2) |
|
|
|
36 | (1) |
|
Web Portfolios and Connections: Structural Rhetoric |
|
|
37 | (3) |
|
|
|
40 | (1) |
|
Planning Your Web Portfolio |
|
|
41 | (22) |
|
Keeping a Working Portfolio |
|
|
42 | (1) |
|
|
|
43 | (5) |
|
Analyzing Requirements and Standards |
|
|
44 | (1) |
|
Analyzing Purposes and Goals |
|
|
45 | (1) |
|
|
|
46 | (2) |
|
|
|
48 | (3) |
|
|
|
49 | (1) |
|
|
|
50 | (1) |
|
|
|
51 | (1) |
|
Planning for Documentation |
|
|
52 | (2) |
|
Creating a Web Portfolio Plan |
|
|
54 | (5) |
|
|
|
55 | (1) |
|
|
|
56 | (1) |
|
|
|
57 | (2) |
|
Write the Web Portfolio Plan |
|
|
59 | (1) |
|
|
|
59 | (4) |
|
Creating Your Web Portfolio |
|
|
63 | (24) |
|
Creating and Using a Template |
|
|
63 | (16) |
|
|
|
66 | (1) |
|
Creating a Resources Folder in Microsoft Windows |
|
|
66 | (1) |
|
Creating a Resources Folder in Apple OS |
|
|
66 | (1) |
|
Getting Started with a Web Page Editor |
|
|
66 | (2) |
|
|
|
68 | (1) |
|
Using Tables to Organize Space |
|
|
69 | (1) |
|
|
|
69 | (1) |
|
|
|
70 | (1) |
|
|
|
71 | (1) |
|
Setting Background and Text Colors |
|
|
71 | (3) |
|
Creating and Modifying Text |
|
|
74 | (2) |
|
|
|
76 | (1) |
|
|
|
77 | (1) |
|
Creating a Navigation Bar |
|
|
77 | (2) |
|
Copying and Filling in the Template |
|
|
79 | (2) |
|
|
|
80 | (1) |
|
|
|
81 | (1) |
|
Incorporating Artifacts in Web Portfolios |
|
|
81 | (1) |
|
Translating Artifacts into Web Portfolio Pages |
|
|
82 | (3) |
|
Copying and Pasting Text into Web Portfolio Pages |
|
|
82 | (1) |
|
|
|
83 | (1) |
|
Linking Artifacts Directly to the Portfolio |
|
|
83 | (2) |
|
|
|
85 | (2) |
|
Graphics and Multimedia in Web Portfolios |
|
|
87 | (42) |
|
Graphics, Multimedia, and Copyright |
|
|
88 | (3) |
|
|
|
91 | (27) |
|
|
|
93 | (1) |
|
|
|
94 | (3) |
|
|
|
97 | (1) |
|
|
|
97 | (2) |
|
|
|
99 | (1) |
|
|
|
100 | (1) |
|
|
|
101 | (1) |
|
|
|
101 | (1) |
|
Adjusting Color, Brightness, and Contrast |
|
|
102 | (1) |
|
Optimizing Graphics for the Web |
|
|
103 | (1) |
|
|
|
104 | (1) |
|
|
|
105 | (3) |
|
Advanced Techniques: Filters, Transparency, Text |
|
|
108 | (1) |
|
Applying Filters in Photoshop |
|
|
108 | (1) |
|
|
|
108 | (1) |
|
Making Transparent GIFs in Photoshop |
|
|
109 | (4) |
|
Creating Original Graphics |
|
|
113 | (1) |
|
Creating Navigation Buttons |
|
|
114 | (2) |
|
|
|
116 | (2) |
|
|
|
118 | (7) |
|
|
|
118 | (2) |
|
The Web and Audio/Video Files |
|
|
120 | (1) |
|
Capturing Audio and Video |
|
|
121 | (1) |
|
|
|
121 | (1) |
|
|
|
122 | (1) |
|
|
|
122 | (1) |
|
Formatting Audio or Video for the Web |
|
|
123 | (1) |
|
Inserting Audio and Video in Web Pages |
|
|
124 | (1) |
|
|
|
125 | (2) |
|
|
|
127 | (2) |
|
Revising and Editing Your Web Portfolio |
|
|
129 | (12) |
|
|
|
129 | (3) |
|
|
|
131 | (1) |
|
Administering User Testing |
|
|
132 | (1) |
|
|
|
132 | (7) |
|
|
|
133 | (1) |
|
Creating a Revision Action List |
|
|
134 | (1) |
|
|
|
134 | (1) |
|
Translate the List into Actions |
|
|
134 | (1) |
|
Prioritize the Revision Action List |
|
|
134 | (1) |
|
Editing Your Web Portfolio |
|
|
135 | (1) |
|
|
|
136 | (1) |
|
|
|
137 | (1) |
|
Manage Sentence and Paragraph Length |
|
|
137 | (1) |
|
|
|
138 | (1) |
|
Strike a Balance between Casual and Formal Language |
|
|
139 | (1) |
|
|
|
139 | (2) |
|
Publishing Your Web Portfolio |
|
|
141 | (10) |
|
Uploading Your Portfolio to the Web |
|
|
141 | (5) |
|
Deciding to Upload Your Web Portfolio |
|
|
142 | (1) |
|
Using File Transfer Protocol Programs |
|
|
143 | (1) |
|
Logging in to a Web Server with WS_FTP LE |
|
|
144 | (2) |
|
Transferring Files with WS_FTP LE |
|
|
146 | (1) |
|
Publishing Your Web Portfolio on Disk |
|
|
146 | (3) |
|
|
|
149 | (2) |
|
Creating the Professional Web Portfolio |
|
|
151 | (14) |
|
Professional Development Web Portfolios |
|
|
151 | (1) |
|
Professional Marketing Web Portfolios |
|
|
152 | (4) |
|
Electronic Resumes and Web Portfolios |
|
|
156 | (5) |
|
|
|
156 | (1) |
|
|
|
157 | (1) |
|
Making a Table of Contents and Creating Links to Targets |
|
|
157 | (1) |
|
|
|
158 | (1) |
|
|
|
159 | (2) |
|
Marketing Your Web Portfolio |
|
|
161 | (2) |
|
|
|
163 | (2) |
| Glossary |
|
165 | (8) |
| Bibliography |
|
173 | (8) |
| Index |
|
181 | |