Background Reading

• Advice: https://skillcrush.com/2014/08/11/portfolio-advice‑2/
• Advice: https://​www​.lifewire​.com/​w​h​a​t​-​t​o​-​i​n​c​l​u​d​e​-​i​n​-​y​o​u​r​-​w​e​b​-​d​e​s​i​g​n​-​p​o​r​t​f​o​l​i​o​-​3​4​6​8​894
• Advice: https://​design​modo​.com/​d​e​v​-​p​o​r​t​f​o​l​i​o​-​t​i​ps/
• Exam­ples: https://​www​.mock​plus​.com/​b​l​o​g​/​p​o​s​t​/​w​e​b​-​d​e​s​i​g​n​-​p​o​r​t​f​o​lio
• Exam­ples: http://​www​.cre​ative​-port​fo​lios​.com
• Exam­ples: https://​folio​fo​cus​.com
• Exam­ples: https://​github​.com/​d​a​r​g​a​C​o​d​e​/​P​o​r​t​f​o​l​i​o​E​x​a​m​p​les
• Sam­ple Projects: https://medium.com/@GarrettLevine/5‑projects-to-complete-when-starting-to-learn-front-end-web-development-48e8a1ce3178
• Direc­tions: https://​www​.wpbe​gin​ner​.com/​w​p​-​t​u​t​o​r​i​a​l​s​/​h​o​w​-​t​o​-​u​p​l​o​a​d​-​a​-​h​t​m​l​-​p​a​g​e​-​t​o​-​w​o​r​d​p​r​e​s​s​-​w​i​t​h​o​u​t​-​4​0​4​-​e​r​r​o​rs/
• Sam­ple: http://​point918​.com/​t​e​s​t​i​n​g​_​4​4​2​/​e​x​e​r​1​2​_​0​6​_​v​0​3​/​i​n​d​e​x​-​c​o​l​0​2​.​php

Assignment

Using com­ments and sug­ges­tions for pre­vi­ous eval­u­a­tions and class­room cri­tiques, revise and turn in course assign­ments. This process should be done well before the final dead­line for the review. Often, the best time to revise a project is imme­di­ately after the review. Con­sider the craft nec­es­sary to main­tain a pro­fes­sional level of pro­duc­tion. Doc­u­ment your progress through brain­storm­ing, sketches and revi­sions, both phys­i­cal and digital.

Part One

Project Specifics will be updated to reflect adapt­ing course assignments.

Please sub­mit the fol­low­ing projects to your hosted web­site and to the appro­pri­ate D2L project drop­box for review:

• Assign­ment 05.06: Frame­works and Lay­out (Choose best three frame­work images, screen­shot of browser, and HTML pages to post)
• Assign­ment 06.06: Cre­ative Page Layout
• Assign­ment 08.11: Port­fo­lio Site (hosted site)
• Semes­ter Two: Assign­ment 01.01.02: Site Lay­out and Frameworks
• Semes­ter Two: Assign­ment 02.04.02: Dig­i­tal Mag­a­zine and Java Script Inte­gra­tion Part One
• Semes­ter Two: Assign­ment 03.09.02: User Expe­ri­ence Design
• Process doc­u­men­ta­tion of a min­i­mum of one project ref­er­enced above (Pro­vide exam­ples, espe­cially sketches to proofs, to fin­ished project.)
• Web projects com­pleted out­side of course requirements

Make a post for each project on your port­fo­lio site. Doc­u­ment each project with a short descrip­tion of details regard­ing the project para­me­ters: date, size, media, project objec­tive etc. Screen­shot, cre­ate and crop project images to ensure that mul­ti­ple details and sub­tle aspects are pre­served. Some use of stag­ing tem­plates is accept­able, but they should not take the pri­or­ity of the analy­sis of your work.

Using the instruc­tions in class, upload the HTML files to your web­site. Cre­ate a link in the text/image to the index pages of each assign­ment. Ulti­mately, review­ers of your port­fo­lio will want to inspect your code. Pro­vid­ing sta­tic, but func­tional, HTML will accom­mo­date for that inquiry. (If unable to upload the sta­tic pages, ensure that you have ade­quate infor­ma­tion to sup­port your assessment.)

Part Two

Nav­i­gate to your site’s cat­e­gory or tag for the rel­e­vant projects and take a screen shot. Upload it to the appro­pri­ate D2L drop­box and cre­ate a click­able, direct link to the page in the com­ments section.

Assessment

• The fol­low­ing rubric posted on D2L will deter­mine Key Pro­gram Assess­ment scores: Web Design Port­fo­lio (KPA)
• The fol­low­ing rubric posted on D2L will deter­mine Whole Per­son Assess­ment (WPA) scores: WPA-AGRD-Web Design Port­fo­lio (dep­re­cated 11.25.2023)

Techniques

Cumu­la­tive from each assign­ment or project

Supplies

As defined by each assign­ment or project.