Storyboard and FrontPage

by Nicole Huang@AFL.NFU

Six Steps for Web Design

Gather InformationDetermine the Intended AudienceCreate a StoryboardPlan your Navigational ToolsCreate an Aesthetically Appealing WebpageEstablish Credibility

Copyright at Loogootee Community Schools

Storyboard Layout (1)

BANNER / TITLE (My WEBPAGE) edited with other Photoshop/ impact software

HomeResume PhilosophyAlbumLinks

Email me 　(menu bar)

Quotes... The wisest mind has something yet to learn ..by George Santayana　Web Elements includes:• background picture file• background music file• picture files (button, lines, email……)

Storyboard Layout (2) BANNER / TITLE (My WEBPAGE) edited with other Photoshop

HomeResume PhilosophyAlbumLinks

　

Resume file ( appeared here) w/sound background w/photo file

Storyboard Layout (3)

BANNER / TITLE (My WEBPAGE) edited with other Photoshop/ impact software

HomepageResume

PhilosophyAlbumLinks

　

My Learning Philosophy:Your own perception towards life, study

(career), and learning. How you would like to be understand from others by your own words.

(mainly words Or background file)

Storyboard Layout (3): example

Storyboard Layout (4)

My Webpage (banner /title)

HomepageResume

PhilosophyAlbum

Links

　

If I’d like to continuing my study, I’ll link to some helpful websites for taking graduate school exams. I’ll probably

link to other graduate schools I’d like to attend to get more information; or link to some cram school for more

information.

If I’m going to jump into the market after graduated, I might put some job hunting links. Or make a link to the

company that you’d like to apply to. (a short description of each link is required)

Storyboard Layouts (4): example

Free webpage elements?

Media Builder http://www.mediabuilder.com/Java Script, Java Applet 爪哇島

More Examples?

Go to the following website for more exampleshttp://sparc.nfu.edu.tw/~phuang