CSS Style Sheets #8x1

LO: To understand how basic CSS style sheets work and what they do.

Have a look at some example CSS. What happens when you edit the code?
Click here to open the CSS Editor.

Have a go at creating your own style sheet. Use the link below to help you link it to the HTML page you created last lesson.
How to link a style sheet to a HTML file.

Challenge Card #9P4 #9M4

Mr Fenner Online: Challenge Card : LO: Be able to appreciate the wording of an exam question and identify own needs so that this can be drawn upon later in the year Exam Que...

#8x1 Introduction to HTML and CSS

LO: To understand basic html code
LO: To be able to identify CSS coding.

Starter.
Copy the html text below in to Notepad.
Save the file in your sites folder.

Main
HTML
What does the code do?
What do the different tags mean?
Annotate the code showing what you have identified and what the different aspects do.

CSS
Link for CSS tutorial

Print screen before and after you make changes.
Annotate your print screens stating the change you intended to make and how you did it.

Print your annotated print screens.

Plenary
Try writing your own html code or css in notepad. How do we link the two?

#9m4 #9p4 Animation

LO: To understand how to create an animation in Fireworks.

Starter: In pairs discuss - What is an animation? How are they made?

1. Open Adobe Fireworks.
(Start, All Programs, Adobe Master Collection CS5)
2. Create a new blank Fireworks document.
3. Draw a circle shape and change the colour to red.
4. Duplicate the state 4 times.
5. Edit each state so that the circle is in a different position each time.
6. Play the animation - What happens?

Have a go at creating  your own animation. It could be a UFO landing, a Happy Birthday message, a running man, etc...

Plenary: Show case what you have done so far. Was it easy or hard? Why?

#9m4 Illustrator Tutorials

LO: To develop our use of Illustrator tools.

Click the link, choose a design to create and follow the instructions.