This blog has moved

This blog is now located at http://web1win10.blogspot.com/.
You will be automatically redirected in 30 seconds or you may click here.

For feed subscribers, please update your feed subscriptions to
http://web1win10.blogspot.com/feeds/posts/default.

Session 20 [Wed 100310] - Site Testing For Possible Changes/ Positive Reactions To Sites/ Final Deadlines

Well done on completing the web one course. It is a tricky medium but one that should enhance your organisational and planning skills when it comes to all other disciplines under the Vis Com umbrella.

Final Deadlines
You handed in your folders during this final class session.

I will pick up your final zip files from the James Gosling folder in the Mac Lab Zone 1 folder late Friday night/early Saturday morning so be sure to complete all site alterations/ additions by Friday evening.

You can submit final work before then if you like.

All final sites must be live by end of Friday.

Many thanks and well done this term.
Cheers,
James.

Session 19 [Mon 080310] - Contact Form Instruction/ One To One Instruction & Troubleshooting

Homework
For the final session we will be testing and commenting on each others sites. All sites must be live for testing whatever stage you are at.

The brief asks you for a short typed site appraisal. If you feel your site is perfect then please skip this. Otherwise, use this appraisal opportunity to comment on what went wrong and what you would do to improve your site. This could gain you additional points in the event that any part of your site is unfinished.

I will be taking in your folios during next class and then retrieving a zip of your final site from the public folder on Saturday [130310].

I will be grading websites early Saturday morning, so all sites must be finalised and live by Friday night [120310].

Also make any final changes to you blog based on my comments.

See you tomorrow.

Session 17 [Mon 010310] - Creating Background Gifs & Text Gifs/ Pulling images into CSS/ Image Replacement Using The Span Tag

Homework

1. Backup Site to Public Folder
2. Finish index page - achieve your Photoshop comp design in HTML/ CSS
3. Create all your other pages by copying the index page using the Save As… technique from the training site.

State Of Play
Well done those of you who are making good progress with your site. You are clearly getting your head around the layout/ gallery building techniques in CSS and the inclusion of your Flash based autoslideshow.

I suggest that those of you who struggling with the techniques, having also missed the slideshow/ gallery instruction last session, concentrate on getting your 5 pages looking finished via CSS even if you can't envisage providing the full functionality of a slideshow, gallery, or a contact form. The skinning of your site is, after all, the most pertinent part in terms of your chosen Vis Com discipline.

Next time, we will finish our instruction in CSS positioning and then focus on styling the unique content on your pages.

Session 16 [Fri 260208] - Make Up Session

A good extended session today for a number of you. We covered a number of techniques throughout the day -

CSS & Images For Styling

• Taking slices from our page comps
• Using CSS to place backgrounds in our HTML elements
• An Image Replacement technique for HTML text elements that must stay on the page for accessibility purposes

For those that missed the session we will be covering these techniques again next session [Mon 010310].

Flash Based Image Carousel
We completed our flash work from earlier in the term by setting up and inserting a flash based image carousel into an HTML page. For those that missed this, the example can be seen at Autoslideshow Page and the demo files downloaded from Autoslideshow Demo Files.

If I have time before Tuesday I will write a step by step breakdown of the Autoslideshow procedure on the blog.

Setting Up A Thumbshow Gallery
Finally, this session, we saw how to set up, using CSS positioning, a simple thumbnail style gallery that I recommend you all adapt for your site.

Again the example can be seen at Thumbshow Page and the files downloaded from Thumbshow Demo Files

We will try and look at this set up process again if there is time this week.

Session 15 [Wed 240210] - Wireframing with Phsp Shape Layers/ HTML Check/ Placeholder Imgs/ Setting Base CSS Selectors/ Sizing Main Division Sections

Homework - Three Tasks
Please finish wire-framing your Home Page Comp. You can download my example comp at Wire Framing Example.

Also, staying in Photoshop, please prepare a file of images for your slideshow and/or gallery by setting them up to the correct pixel size in individual layers. This will really help in getting ahead with the final pages. Remember Photoshop files go into the Working FIles folder in your site.

Finally, make sure you have created all your raw html pages for the final site based on the cleaned up pages from this session. Use the Save As… technique to achieve this quickly.

Apologies to Laura for not being able to spend more time with you this session. I will look at your HTML and prioritise you on Friday.

See you all then.

Session 14 [Mon 250210] - Review of Home Page Comps Continued/ Introduction to CSS Classes/ Being More Specific with CSS/ Positioning101/