Web Portfolio Design And Applications

Scholars and students are searching for information on what a Web portfolio is, what it is not, what to put into a Web portfolio, and what technical skills are needed to succeed in the process. Web Portfolio Design and Applications provides a combination of theory, pedagogy, and practice to help enable faculty and students across disciplines to explore creating a Web portfolio. This book provides research conclusions, case studies, and hands-on technical processes, which allow people of all levels to develop a personal approach to creating a Web portfolio. Web Portfolio Design and Applications is designed for anyone who has an interest in Web portfolios and electronic portfolios.

Preface

viii

Introduction to the Web Portfolio

1

(31)

Introduction

1

(1)

Background

2

(2)

Web Literature and Review

4

(6)

Who Needs a Web Portfolio?

10

(2)

Defining the Electronic Portfolio and the Web Portfolio

12

(1)

The Web Portfolio as the Preferred Electronic Portfolio

13

(3)

Types of Web Portfolios

16

(4)

The Web Portfolio Fosters Valuable Learning Experiences

20

(4)

Skills Fostered by the Web Portfolio Process

24

(1)

The Web Portfolio as an Appearance

25

(1)

The Benefits of Web Portfolios

26

(1)

What You Should Get Out of This Book

27

(4)

Review and Conclusion

31

(1)

Conceptualization

32

(20)

Introduction

32

(1)

Defining the User, Understanding the Audience

33

(3)

Define Your User and Their Goals

36

(2)

Concept

38

(3)

Write Your Concept Statement

41

(1)

Content Gathering

41

(2)

Text as Content

43

(1)

Create Your Content List

44

(1)

Create Your Content Outline

45

(5)

The Web Portfolio as a Content Management Tool

50

(1)

Review and Conclusion

50

(2)

Information Design

52

(10)

Introduction

52

(1)

Structure

53

(1)

Web Portfolio Information Organization

54

(1)

Flowcharts as Skeletons

54

(1)

Navigation

55

(2)

Usability

57

(1)

Pre-Evaluation of Usability

58

(1)

Create Your Flowchart

59

(2)

Review and Conclusion

61

(1)

Visual Design

62

(27)

Introduction

62

(2)

Style

64

(8)

Composition and the Web Portfolio

72

(1)

Space

73

(7)

Type

80

(1)

Images and Graphics

81

(2)

Metaphors and Image Maps

83

(1)

Identity

83

(1)

Color Schemes

84

(1)

Navigation Systems

84

(1)

Backgrounds

85

(1)

Pop-Up Windows

86

(1)

Storyboards

86

(2)

Conclusion

88

(1)

Content, Collection, Development and Management

89

(16)

Introduction

89

(1)

Revisiting the Content Outline

90

(1)

Setting Up the Folder Structure

91

(1)

Image Types

92

(1)

PDF

92

(2)

Web Color

94

(2)

Size

96

(1)

Resolution

97

(1)

Using Photography to Develop Content

98

(1)

Scanning Your Work

99

(1)

Taking Screen Captures

99

(1)

Image Preparation, Crop, Scale and Save

100

(2)

Text-Based Content

102

(1)

Web Resumes and CVs

102

(1)

Project Descriptions

103

(1)

Review and Conclusion

104

(1)

Web Page Design

105

(17)

Introduction

105

(1)

Digital Tools

106

(2)

Visual Design of Web Screens

108

(1)

Pop-Up Windows

109

(1)

Text Decisions

110

(1)

Icons and Logos

111

(1)

Navigation and Buttons

112

(1)

A Word About Slicing and Exporting Pages

112

(3)

Slicing Pages

115

(1)

Optimizing and Exporting Pages and Graphics

116

(5)

Review and Conclusion

121

(1)

Web Authoring

122

(35)

Introduction

122

(1)

WYSIWYG Applications vs. HTML Hand Coding

123

(1)

Opening Sliced Web Pages from Fireworks

124

(1)

Tables

125

(2)

Creating a Web Page Using Macromedia Dreamweaver

127

(3)

Layers

130

(7)

A Brief Review

137

(1)

Links

137

(7)

CSS

144

(2)

Behaviors

146

(7)

Meta Tags and Keywords

153

(1)

Review and Conclusion

154

(3)

Motion, Graphics and Multimedia Production

157

(36)

Introduction

157

(1)

Overview of Web Multimedia Applications and Design Processes

158

(1)

Motion Graphics Defined

159

(2)

Basic Concepts in Macromedia Flash

161

(5)

Creating the Text Animation

166

(5)

Symbol Editor

171

(9)

Preparing Audio in Adobe Audition

180

(5)

Placing Audio in Flash

185

(6)

Making Edits to the Flash Files

191

(1)

Conclusion

192

(1)

Uploading and Testing Your Web Portfolio Site

193

(15)

Introduction

193

(1)

What You Need to Put Your Portfolio on the Web

194

(2)

Where You Can Post Your Web Portfolio

196

(2)

File Transfer Protocol (FTP)

198

(8)

Towards Redesign

206

(1)

Conclusion

207

(1)

Launch and Promotion

208

(5)

Introduction

208

(1)

Marketing

209

(3)

Review and Conclusion

212

(1)

Server-Side Technologies

213

(9)

Introduction

213

(1)

PHP

214

(1)

Active Server Pages (ASP)

214

(1)

ASP.NET

215

(2)

CGI

217

(2)

Perl

219

(1)

ColdFusion

220

(1)

Conclusion

221

(1)

Cases and Interviews

222

(55)

Introduction

222

(1)

Web Portfolio Program Case

223

(4)

Sample E-Portfolio Proposal

227

(17)

Interviews

244

(6)

Interview Conclusion

250

(1)

Case Study of Teacher Web Portfolios

250

(25)

Review and Conclusion

275

(2)

Web Portfolios in the Information Society and Future

277

(16)

Introduction

277

(1)

The Web Portfolio's Place in the Information Society

278

(1)

The Web Portfolio as Personal, On-Demand, Mass Media and Advertising

279

(1)

The Web Portfolio in the ``Knowledge Worker Age''

280

(1)

The Web Portfolio as the Postmodern Appearance

281

(2)

The Web Portfolio as Postmodern Narrative Connection

283

(2)

A Web Portfolio Makes You Digital in a Wired World

285

(3)

The Web Portfolio as a Personal Knowledge Portal

288

(2)

The Web Portfolio as a Responsive Environment

290

(1)

Conclusions

291

(2)

References

293

(6)

About the Authors

299

(2)

Index

301

What is included with this book?

The New copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.

The Used, Rental and eBook copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.

FREE SHIPPING

Rent More, Save More! Use code: BBRENTAL

5% off 1 book, 7% off 2 books, 10% off 3+ books

Web Portfolio Design And Applications

Summary

Table of Contents

Supplemental Materials

FREE SHIPPING

Rent More, Save More! Use code: BBRENTAL

5% off 1 book, 7% off 2 books, 10% off 3+ books

Web Portfolio Design And Applications

Summary

Table of Contents

Supplemental Materials

Digital License