Session 12 [Wed 310811] - Quiz#3 Postponed/ CSS Afresh/ Building a Custom Navbar/ Making a Sprite File/ Specificity With CSS

Homework
Please practise your CSS and look back over what we achieved today. The session 12 transcript is available to the right.

In particular try and get all your image replacement parts [logotype/ strapline] in place using the technical information from the session 11 transcript.

That's it. See you next time for part two of the custom navigation process.

Session 11 [Wed 240811] - Styling the Nav Bar Continued/ Working With Link States & Pseudo Classes/ Intro To Inheritance & Cascade/ Image Replacement

Homework
Three things for next time -

1. Write your third site analysis ready for 2:00pm next session [Wed 310811]. Don't forget to add your corrected second analysis to your links page too.
2. React to the feedback on your Home Page comps making any changes that will improve your site and fulfill requirements
3. Keep experimenting with CSS ready to continue at a faster pace next time.

Also, there will be a 5 question quiz on CSS in the next session too.

Have a good Bank Holiday and see you next time.

Session 10 [Mon 220811] - Type Formatting With CSS/ Site Set Up Recalled/ Using a Reset Rule/ Working With Ems/ The Box Model/ Styling a List [Part 1]

Homework
Experiment and get used to working with CSS as you have experienced it so far.

Remember that you are trying to get a close typographic match with the typesetting in your home comp including type formatting, paragraph formatting, and colour. Observe the typography on existing sites for hints of effective hierarchy and text formatting.

Ensure you do this task as we will be moving on quickly with CSS technique from here on.

Also, I do strongly suggest, if you were a bit ruffled by the site set up procedure at the beginning of the session, that you practise this too.

There will be a quiz on CSS in session 12 [Wed 310811].

See you next time.

Cancellation

The Flash workshop has been cancelled for today. Apologies for any inconvenience.

Session 9 [Wed 170811] - Intro To CSS In Properties Panel/Anatomy Of A CSS Rule/ Images & CSS/ Preparing Bgd Graphics/ Embedded Vs External Styles

Homework
For next session -

• Complete your second site analysis improving your content based on criticism from the first analysis [Deadline Mon 220811 2:00pm Hard Copy]
• Experiment with CSS to become comfortable with its structure and syntax

Remember, there is a Flash workshop offered for Fri 190811 from 2:00 - 5:00pm. Still spaces left. Sign up on the second floor.

See you next time.

Session8 [Mon 150811] - Back Up Site/ Return Site Analyses/ Block & Inline Explained/ Library Items/ Propagating Page/ Setting Up Secondary Browser

Homework

• Update the footer nav links in your Footer library item
• Finalise your Home Page Comp ready for next session when we start styling with CSS
• Remember to bring in your sketches for grading
• Correct your site analysis and add it to your links page in place of the dummy content
• And remember, the second site analysis is due by 2:00pm in Session 10 [Mon 220811]

Catching Up
Today, for those of you that didn't have the files, you saw how important it was to be up to date.

Before next session, please complete your links HTML page and propagate pages incorporating library items if you have not already.

I have decided it is best you are not provided with a dummy links page. This will simply put you further behind. Work hard now, using your own site and files to catch up before next session.

So, study the links page code to mark up your page.
Then, create you library items - Header and Footer
Next, propagate the pages as you saw in class, altering the content as you go.
Finally, update the nav bar links via the library items

See you next time.

Session 7 [Wed 100811] - Deadline For First Site Analysis/ Finishing The Home Page Comp

Homework
Please complete the home page comp for Monday ready to return to Dreamweaver. Make sure you name all layers and layer groups appropriately as instructed.

If you were absent, look at the example comp as a guide for completion.

See you next time and thanks for all your hard work today.

Session 6 [Mon 080811] - Quiz 2 On Dummy Comp/ Building A Comp From Scratch/ Working With Gradients, Filters, Layers, and Type In Photoshop

Homework

• Well done on your clear focus and hard work this session. We will continue the comp next time. In the meantime, feel free to further improve your designs based on your final home page rough. Work on colour, texture, and mood.
  
  Remember, it is essential that you bring your final home page design sketch to the next class [Wed 100811] to work from.


• Also, for the same session, remember to bring a hard copy of your first 200 word site analysis to be handed in at 2:00pm sharp.

That's it for now. See you next time.

Session 5 - Completing The Structure For The Links Page/Briefing On Site Analysis

If You Were Absent
Many of you were away today. If you were absent, please get up to speed before next session by using the session outline for Session 5 [Wed 030811] here. Here is a link to the final code for the links page. This code represents what students had at the end of the session. Also, check the briefing for the site analysis task in the same session document.

Homework

• Next session [Mon 080811] we start in Photoshop. Please complete your final homepage sketch and bring it in next session as a guide for production.


• Here is an Example Comp for you to study. Please download it, open it in Photoshop and examine the structure of the file. In particular look in the Layers Panel to see what's going on.
  
  If you are not experienced with Photoshop you can gain a good understanding of the Layers by turning them on one by one. From the bottom of the Layers Panel turn each layer on, one at a time, to understand all the comp's components from the background upwards.
  
  The layers are comparable to physical layers of acetate. Starting from the bottom and stacking up they form the final composite image - in this case it is a web page layout that is formed through the accumulation of the layers.
  
  As your layers become many and complex you can further organise them into Layer Groups. You can see how these gather your layers into logical groupings as you examine the example file.
  
  PLEASE NOTE - There will be a short quiz on this example comp file worth 2.5% of your final grade.

See you all next time.

Session 4 - Quiz#1/ Home Page Sketch Review

Well done on presenting your sketches today. You all have sufficient information to begin your final sketch before creating your composition in Photoshop next week.

Homework

1. You all have corrections and rewrites to make on your home page text. Please make these changes and submit a fresh hard copy next session [Wed 030811] at 2:00pm sharp. Please recognise that only hard copy will be accepted.
2. Before next session, on your links HTML page from session 3, please finish setting up your three web sites for reviewing [titles, absolute text links, screengrabs and dummy text for all three sites].
3. Start work on your final home page sketch based on the feedback you received in class. The sketch is due in session 6 [Mon 080811]. You will use this sketch to build your Photoshop home page comp.

That's it. See you next time.