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.