Corner Of The Genius
 
Sas Jacobs is an Australian web developer specialising in web applications  training and Develop ment. She interested in using Flash with dynamic content and She have presented at a numerous International conferences relating to applications development,  XML and  scripting components. She edited the book (Flash MX 2004 Accelerated) as well as books on adobe  Photoshop and  Illustrator. She have a nice flash business web site at http://www .aip.net.au and a personal web site at http://www.sasjacobs.com
Mark Galer is  a seniorr  lecturer in Digital Imaging i photography at the Royal Melbourne Institute of University on the BA Photography program ,, and has published six titles for the International publisher (Focal Press) - -  ranging from location photography through to Photoshop skills and . Digital Imaging . He has a good commercial background in editoria; photography and is currently  contributor to magazines in the  Australia USA, and the UK. He is an Adobe beta tester for Photoshop and Photoshop Elements, he is  considered as one of the leading lecturer in Photoshop training and has been appointed as an Ambassador for Photoshop training in Australia.
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
UR Learn Tutorials
News
Templates of the week
 
 
   
 
Dreamweaver And CSS .
This tutorial will show you how to deal with CSS using Dreamweaver
 
Top Tutorial
Create a realistic stony text using Photoshop by the easiest way. you will get fine  end.
 
 
 
Understanding Cascading Style Sheets
Cascading Style Sheets (CSS) are a collection of formatting rules that control the appearance of content in a web page. When you use CSS to format a page, you separate content from presentation. The content of your page--the HTML code--resides in the HTML file itself, while the CSS rules defining the presentation of the code reside in another file (an external style sheet) or in another part of the HTML document (usually the head section). With CSS you have great flexibility and control over the exact appearance of your page, from precise positioning of layout to specific fonts and styles.
CSS lets you control many properties that HTML alone cannot control. For example, you can specify different font sizes and units (pixels, points, and so on) for selected text. By using CSS to set font sizes in pixels, you can also ensure a more consistent treatment of your page layout and appearance in multiple browsers.
In addition to text formatting, you can use CSS to control the format and positioning of block-level elements in a web page. For example, you can set margins and borders for block-level elements, float text around other text, and so on. A CSS formatting rule consists of two parts--the selector and the declaration. The selector is a term (such as P, H1, a class name, or an id) that identifies the formatted element, and the declaration defines what the style elements are. In the following example, H1 is the selector, and everything that falls between the braces ({}) is the declaration:
H1 {
font-size: 16 pixels;
font-family: Helvetica;
font-weight:bold;
}
 
How to create a css rule ??
Open Dreamweaver and create a new html file then  select  Window >> Css style to open the css palette then press the "New css rule button" located at the bottom of the css palette.
 
 
 
 
 
 
 
Now you will find a new dialog box:
 
 
The first selector type  responsible for creating a class that is considered as a new tag (i.e. you create a new tag and create a new characters for it)
But when you choose the 2nd selector type "Tag" it means that you will modify the characters of the selected tag.
Choose the first type please.
 
when you enter the name you should type a dot before the desired name if you didn't type it Dreamweaver will add it.
name it ".boldred" please.
 
at the "define in" Field you can choose "New style sheet file" to add the css cod in a new css document or select "this document" to save the cod in the web page you work on.
choose the first one please.
 
after you click ok you will find a dialog box  ask you to select the place where the css text file will be saved  and to select a name for your css file. name the file "mycss".
 
The important step is to add  settings  for the created class ".boldred"
as you see:
 
 
now we have created the class and want to apply it to any text in our web page.
To do that select any text from your web page and then go to the css palette and choose the  ".boldred" class >> Right mouse click and select apply:
what are you see??
you certainly observe that the selected text is changed to red color and bold font.
You can apply our ".boldred"  class  to any text in a web page.
 
How to use the ".boldred" class with another web page??
if you created a new page and want to use the ".boldred" class with it .open your web page using Dreamweaver and then go to css palette and then press "attach style sheet " button which is located at the bottom of the palette and specify the location of the "mycss.css" file which contains the code of the class.
Changing the background of a web page using CSS:
create a new rule and note that you can create it in our "mycss.css"
and you can do that by right click on the "mycss.css" icon that located in the CSS palette and select "New".
Instead of choosing  "Class" type from the selector field  you will choose "Tag" Then from the "Tag" List Search for "body" tag and select it and then press ok and change the settings as you like.
How to change appearance of  mouse pointer??
In this example we will create a css class responsible for changing the shape of the mouse cursor when the cursor moves over a specific area .
Create a new rule call it ".cursor" and when you see the Rule definition dialog box select "Extensions" From category and then change the cursor field to desired one.
then apply the ".cursor" rule to any area in your web page.
 
 
 
 
 
 
 
 
 
 
 
The End   
              Dr Smith
 
 
   
 
Home | Site map | Autoplay | Photoshop | Dreamweaver | Swishmax | Web design | Contact                       Rights reserved