Hello. Welcome to week 3.

InClass we will be looking at CSS.
>>Make sure you download the handout from last week: ‘ADV3550_CSSBasics1’
>> And download this handout as well: ADV3550_CSS-continued

>>Here are the example files we will be looking at in class:
Lesson-3

>>Over the next two weeks we will begin to design the look for your web-portfolio.

Using Photoshop begin to sketch the layout for your site. Photoshop will allow you to experiment with how you want things to look without having to get bogged down with the programming. Once you have finalized the look of your site, and your design has been approved, you will begin to recreate it using HTML and CSS.
In Photoshop set up a new document to be:

• 960 x 600 pixel (use template with grid provided, note the dimensions are 1020×1020 px)
• RGB color scheme
• 72 dpi

Refer to the Photoshop template created by ‘960 Grid System’ (http://960.gs/)
You can download templates from their site. These templates provide both a 12-column grid that is divided into portions that are 60 pixels wide, and a 16-column grid that consists of 40 pixel increments. Each column has 10 pixels of margin on the left and right, which create 20 pixel wide gutters between columns. The most commonly used format for the web is 2/3 of the overall page width for the main content and 1/3 for sidebar content.

Homework
>> Email me the link to your ‘coming soon page’ and your ‘html resume’ (ghitchings@citytech.cuny.edu)
>> Email me an example of a portfolio you feel is well designed and example of a portfolio you feel is badly designed.
>> Begin to sketch the layout for your site in Photoshop
>> See details here:
ADV3550-Week3-Assignment