Spring Showcase

Attendance at the MAD Spring Showcase, Friday, May 31st, @ 6pm is MANDATORY.

You will be required to sign in when you arrive and will receive 50 points toward your overall grade.

Fancybox Video Rather Than Embedding

video_thumbnail

Sometimes an embedded YouTube video has an odd-looking frame displaying that detracts from the visual aesthetics of your website. You may also want to have the video play larger than the space you have available on your webpage without the visitor leaving your site. In these cases, we can setup a custom video thumbnail image and zooming functionality with  javascript-based Fancybox.

Fancybox is also a nice effect for photos.

Download the files and HTML code here and I will help you set it up.

Website Projects Due

Monday, May 6th: Your websites are due by the end of class — NO EXCEPTIONS! Add a link to your blog URL in the “comments” section of this post. These are worth 500 points!

Minimum of 4 pages: Home, About, Gallery and Contact (You can “name” the pages whatever you wish)

Make sure you have the following requirements:

Title and Meta tags on each page.

6 correctly sized photos in the gallery.

Contact form.

Unique current page nav link color.

The nav link font sizes are the same. The body link font sizes are the same. (active, visited and hover)

Color for active and visited links are matched. Unique color for the hover.

Centered container div, proper div margins and padding, proper div heights and widths.

Some sidebar content (text or image) on inner pages.

Set font size and color for <h1> and <h2> tags in CSS.

All files and images are named in lowercase.

Organized HTML code with element indentation and an organized CSS.

Deadlines This Week

1. Tuesday, April 30th: You must have your SBCC Pipeline username and password and successfully login to the hosting. 20 points.

2. Wednesday, May 1st: Finish Contact page. Go here to get the file and code you need.

3. Friday, May 3rd: Finish Gallery page. Go here to get the files and code you need.

Prepare at least 6 images that are 586px wide. The images can be as tall as you want but all the images must have the same height.

4. Monday, May 6th: Your websites are due by the end of class — NO EXCEPTIONS! These are worth 500 points!

Minimum of 4 pages: Home, About, Gallery and Contact (You can “name” the pages whatever yo wish)

Make sure you have the following requirements:

Title and Meta tags on each page.

6 correctly sized photos in the gallery.

Contact form.

Unique current page nav link color.

The nav link font sizes are the same. The body link font sizes are the same. (active, visited and hover)

Color for active and visited links are matched. Unique color for the hover.

Centered container div, proper div margins and padding, proper div heights and widths.

Some sidebar content (text or image) on inner pages.

Set font size and color for <h1> and <h2> tags in CSS.

All files and images are named in lowercase.

Organized HTML code with element indentation and an organized CSS.