Class 12 – May 1

Last class we completed converting a PSD file to an HTML and CSS file and Background images.

You can find

PART 1: Steps toĀ slicingĀ an image at thisĀ link.
PART 2: Steps or format used for theĀ HTML and CSSĀ can be foundĀ link.

Today we will be continuing:

  • Contact form
  • Download file

Complete contact form on you website.

Home page template from last class.

Complete example 2 column layout

Home page (Preview in browser)

We will be creating theĀ gallery/portfolio pageĀ (works.html) andĀ gallery description pageĀ (project1.html) from the template demo.

Gallery page

Gallery page (Preview in browser)

Place into content and repeat for row 2 and row 3. Change information where needed (alt, src, and comment).

Portfolio project description page

Project description page (Previewed in browser)

Place into content in new HTML page. (Example project1.html)

Please have the template folder with template.html, images folder and css folder.

Create the gallery page of work, it must consist of minimum of 8 images.

This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *