Cascading Style Sheets

Cascading Style Sheets is a simple mechanism for adding Styles to the wed documents. (for e.g. color, fonts, spacing etc.). Before going thought the CSS you should have a basic understanding of the HTML/XHTML.

What is CSS?

CSS stands for Cascading Style Sheets

Styles define how to display HTML elements

External Style Sheets can save a lot of work

External Style Sheets are stored in CSS files

Styles were added to HTML 4.0 to solve a problem

Styles are normally stored in Style Sheets

Multiple style definitions will cascade into one

To solve this problem, the World Wide Web Consortium (W3C) - responsible for standardizing HTML - created CSS in addition to HTML 4.0. With HTML 4.0, all formatting can be removed from the HTML document and stored in a separate CSS file.

There are three parts for CSS syntax: a sector, a property and a value.

The sector is normally the HTML elecment or a tag which can be defined and property is the attribute which can be changed and each property can be taken a value. The property and value are separated by a colon, and surrounded by curly braces.

Syntax:- Sector { property:value}

Example :- body {color:black}

Flash Vs Animated images

Flash is a tool for creating interactive and animated Web Sites. Before going to flash you should have a basic understanding of www, HTML,and the basics of builing web pages. Animated images and Java applets are often used to create the dynamic effects of the web pages. Flash does not require programming skills and is very easy to learn.

Flash is a multimedia graphic program specially used on the web. It is used to enable you to create interactive movies on the web and all so uses vector graphics which means that the graphics can be scaled to any size without losing clarity/ quality. Flash Loads much faster than animated images and does not require programming skills, java applets and also allows interactivity, animated images

Flash Animation

Following steps are to be followed for the Flash Animation:-

Step 1
Insert a text in the upper left corner of the Stage area. Do this by selecting the text tool from the left toolbar. Write some text in the “textarea”.

Step 2
Select the arrow tool from the left toolbar. Click on the text once to select it.

Step 3
Convert the text to a symbol. From the top menu choose Insert > Convert to Symbol. Name the symbol “text”, choose graphic from the Behavior list and select OK.

Step 4
Go to Frame 30 in the Timeline. Do this by clicking the gray field below 30. Then right click in this field. Choose Insert Keyframe. Keyframes appear as circles in a frame.

Step 5
Click on the Timeline any place between Frame 1 and Frame 30. Then right click and choose Create Motion Tween.

Step 6
Go back to Frame 30 in the Timeline. Move the text to the lower right corner.

Step 7
Make sure the text is selected. Choose Modify > Transform > Flip Horizontal.

Step 8
Choose Control > Test Movie from the top menu to test your Flash movie. The text should move from the first location (in frame 1) to the second location (in frame 2). The text should also turn around on its way to the second location.