38
.DSDN.112. 4D IDEAS AND PRINICPLES OF DESIGN

lecture_03_webdesign_project_2

Embed Size (px)

DESCRIPTION

lecture_03_webdesign_project_2

Citation preview

.DSDN.112.4D IDEAS AND PRINICPLES OF DESIGN

PROJECT ONE.PROJECT.ONE.REVIEW.REVIEW.

PROJECT TWO.PROJECT.TWO..THE.CODEX.

‐ 7 WEEKS 40%‐ DUE 16th SEPTEMBER‐ HTML + CSS

‐ 7 WEEKS 40%‐ DUE 16th SEPTEMBER‐ HTML + CSS

.THE.BRIEF.Develop your own personal online design portfolioutilising a free online site as a starting point. ‘CargoCollective’ provides a free Portfolio type site, whichprovides you with high levels of editing and customisationin the way your work is exhibited You are required toin the way your work is exhibited. You are required tocustomise your site primarily through the editing of CSScoding, and are required to document this editing processg, q g pthrough your design blog.

http://www.youtube.com/watch?v=sIFYPQjYhv8

http://www.youtube.com/watch?v=-4CV05HyAbM&feature=related

.PORTFOLIOS.

STATIC

http://www.pixelpoodle.com/2009/01/darren-firth-design-portfolio/

http://designdroplets.com

.PORTFOLIOS.4D DIGITAL4D - DIGITAL

http://firstyeardesign.com/

http://www.resn.co.nz/#/home

http://www.elbow.co.uk/

http://www.wrangler-europe.com/en/bluebell#/slide2

http://bookshoptalk.wordpress.com/2009/09/

http://www.ikcm.com.my/ims-library.htm

http://yvettesbridalformal.com/index.htm

.CARGO.COLLECTIVE..CARGO.COLLECTIVE.

http://cargocollective.com/

http://www.core77.com/ http://www.linkedin.com

• How will you or how do you want to guide i l li h ha prospective employer or client through

your body of design work?y y g• How will you convey the right information,

without undersupplying or over supplyingwithout undersupplying or over-supplying information?

• Does the portfolio need to display a broad set of skills or a very particular set of y pskills?

HTML + CSS.HTML + CSS.

http://www.youtube.com/watch?v=6gmP4nk0EOE

http://www.youtube.com/watch?v=a0qMe7Z3EYg

SOFTWARE

http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/

COMPUTER

HTML

COMPUTER

CSS

zz

HTML / CSS

zz

TAG OPEN

TAG CLOSE

<div></div> tag defines a division or a section in an HTML document.

HTML / CSS

zz

TAG OPEN TAG CLASS / ID

TAG CLOSE

A class or id tells the Style sheet which style to use

HTML / CSS

y

zz

TAG OPEN TAG CLASS / ID

CLASS / ID

TAG CLOSE

The matching style is then applied the HTML

HTML / CSS

CLASS / ID STYLE

(fixed / controlled by CargoCollective) (VARIABLE, you

ddCargoCollective) can add, remove and change these settings)

CSS

NEXT WEEK.NEXT.WEEK.NO LECTURE