Quiz Questions to Review

Today’s agenda:

1. Converting PSD to an HTML – Complete with HTML/CSS (Part 2)
2. Portfolio/Gallery page
3. Background images

Please download this file.

Your portfolio site should have all main navigation pages with design coded.
It is a requirement to submit student sites to this show.
Please have content on all pages except contact page.

The Student Show
Electronic submission deadline: April 30
Show Opens: Monday, May 4 @ 10 am

You need minimum of 9 pieces for you portfolio site
Please upload portfolio pieces with description (client name, description and technical skills)

Welcome back from the break!

Today’s agenda:

1.  Converting PSD to an HTML
   1. Continue with HTML/CSS (Part 2)
   2. Background images.

Your portfolio site should have all main navigation pages with design coded.
It is a requirement to submit student sites to this show.
Please have content on all pages except contact page.

The Student Show
Electronic submission deadline: April 22
Show Opens: Monday, May 4 @ 10 am

Final website will be based on

• creative works selected for portfolio
• range of styles (traditional, grunge, ethnic); range of works (logos, illustrations, layout, typography, video, website)
• design process; professionalism and quality of presentation
• Analysis
• Steps to completion
• direction of future growth

Please use the tutorial resources to get your website completed.

1. W3Schools
2. Codes Academy
3. Citytech Learning Center AG18

Today we will cover:

1. Presentations of website designs
2. Converting PSD to an HTML
   1. Slicing (Image Optimization) (Part 1)
   2. HTML/CSS (Part 2)

Please download

• 2 column
• Images
• PSD to HTML

I will not be looking at anymore assignments that was due before mid-term.

Assignment

• Create HTML and CSS files for:
  1. home page (index.html)
  2. resume page (resume.html)
  3. You need minimum of 9 pieces for you portfolio site
     1. Please upload in (work-portfolio.html) portfolio pieces with description (client name, description and technical skills)

Summary on what we covered last class.

HTML for Navigation

CSS for Vertical Navigation

CSS rule for Horizontal Navigation

Quiz 1 (50% of Final) will be given before the start of the lesson demonstration.

Today we will cover:

• Navigation
  1. Horizontal
  2. Vertical

 Assignment:

Code the structure of your home page from your site layout using HTML and CSS.
(#container, #header, #nav, #content and #footer)

---

Summary on what we covered last class.

HTM for 2 column Layout

CSS for 2 column layout

2 column in browser window

How to break down your design using ID’s