.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 portfolio utilising a free online site as a starting point. ‘Cargo Collective’ provides a free Portfolio type site, which provides you with high levels of editing and customisation in the way your work is exhibited. exhibited You are required to customise your site primarily through the editing of CSS g, and are required q to document this editing gp process coding, through 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 - 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.
http://cargocollective.com/
http://www.core77.com/
http://www.linkedin.com
• How will you or how do you want to guide a prospective i employer l or client li through h h your bodyy of design y g work? • How will you convey the right information, without undersupplying or over over-supplying supplying information? • Does the portfolio need to display a broad yp particular set of set of skills or a very skills?
.HTML HTML + CSS. 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
z
HTML / CSS
z TAG OPEN
TAG CLOSE
<div></div> tag defines a division or a section in an HTML document.
HTML / CSS
z TAG OPEN
TAG CLASS / ID
TAG CLOSE
A class or id tells the Style sheet which y to use style
HTML / CSS
z TAG OPEN
TAG CLASS / ID
CLASS / ID
TAG CLOSE
The matching style is then applied the HTML
HTML / CSS
CLASS / ID
(fixed / controlled by CargoCollective)
STYLE
(VARIABLE, you can add, dd remove and change these settings)
CSS
.NEXT.WEEK. NEXT WEEK NO LECTURE