Session 18/19 [Wed 210911] - Gallery HTML/ Linking In Scripts For Interactivity/ More Advanced CSS Positioning Techniques For Layout

Homework & Final Requirements
All you need to do now is -

1. Use all your knowledge of web building to finish three pages - Home, Links, Gallery
2. Your site must to be live and the navigation, links, and slideshow fully functional for grading.
3. You must also save a copy of your final site to the Drop Box

All the above must be achieved without fail by 6:00pm on Friday 230911

Putting Your Site Live
I will be around on Friday from 12:00 - 4:00pm when I will show you how to upload your site to your own personal space on the free AIU server.

If you can't make Friday's session there are instructions for publishing your site available here or to the right in the HTML/CSS/JS Resources Panel.

Session 17 [Mon 190911] - Preparing Images For The Gallery/ Using Slices in Photoshop/ Using the Export Layers To Files… Command

Homework

1. Keep working on completing the content and styling for your pages including all type, imagery, and layout.
2. Also, be sure that you have at least nine copyright free slides and thumbnails ready for Session 18.

Next session we will attempt to complete our gallery page. As promised, I will be taking an extended class from 2:00pm until 6:00pm.

I will also be taking a final Session on Friday 230911 at 2:00pm. In this session I will be demonstrating how to put your website live which is a requirement of the course.

For your final submission of work I expect to see the following -

• Complete Home page
• Finished Links page with all site reviews corrected and in place
• The completed Gallery page
• Live site
• Final site folder in the drop box

The final deadline for all the above is Friday 230911 @ 6:00pm.

See you next time.

Session 16 [Wed 140911] - Positioning With CSS/ Relative vs Absolute/ Trace Image Set Up/ Creating A Positioning CSS Sheet/ Rules For Positioning

Homework

• Please complete the positioning we started this class for your header and footer elements.
• Also, complete your Gallery comp and have your images ready for processing in the templates folder

See you next time when we will continue positioning our elements and make a start on our gallery page.

Session 15 [Mon 120911] - Working The Homepage/ Recap - HTML Structure & Content/ Recap - Typesetting/ Recap - Image Replacement

Homework

• In preparation for next time please complete your home page in terms of content/ typesetting/ image replacement.
• Also, continue comping your gallery page in accordance with the requirements in the previous blog post below.
• Finally, don't forget to paste all your corrected site reviews into position in your Links page.

See you next time.

Session 14 [Wed 070911] - Final Custom Navbar Instruction/ YAH State/ Positioning With CSS - Introduction/ Centering The Page/ Making The Next Comp

Homework
Two things for next time -

• Finish collecting your nine images for the slideshow
• Start comping the Gallery Page

Starting the Gallery comp

1. To make your comp for the Gallery page, open your homepage comp as go to File > SaveAs…
2. Save the new file as yoursite-gallery-comp.psd into your templates' comps sub-folder.
3. Delete any layers or layer groups that are not shared between pages keeping only the common elements - Header, Footer, Background Elements for example.
4. Create new layers to hold each element unique to your Gallery page [see diagram of required elements for the gallery page below].

PLEASE NOTE: This is not a layout design just a wireframe diagram to show
you what must go on the gallery page

See you next time when we will complete the common shell for all your web pages.

Session 13 [Mon 050911] - CSS Quiz/ Custom Navbar [Part 2]/ Positioning With CSS

Homework

• In preparation for Session 15 [Mon 120911], please create or find nine copyright free images in digital form for your forthcoming gallery page.
• Keep working on your HTML and CSS skills as previously advised.

Thanks for all your work today, see you next time.