2. Cascading style sheets and java script

Ø CSS allows you to specify styles for the visual elements of the website.

Ø <p> - paragraph tag, <b> - bold tag

Ø The syntax of CSS consists of special symbols known as rules.

CSS rule has two main parts       1. Selector and 2.declaration

Ø Selector:  html element E.g.<h1>

Ø Declaration: property and its corresponding value. E.g. {color:red}

Ø CSS syntax: selector { property : value  }        e.g. H2 {color : red }

Ø Cascade button is shows on composition toolbar.

Ø CSS button shows on left side in CSS style sheets dialog box.  

Ø CSS editing mode check : “use styles instead of html elements and attributes”

 tools preferences (general  in option dialog box)

Ø  Create style rule in CSS style sheets dialog box ®select element then press create style rule button.

Ø  7 tabs in CSS style sheets dialog box: general, text, background, borders, box, lists, aural

Ø CSS code shows in general tab.

Ø Source tab display the CSS code in page page.

Ø Advantages of CSS

·        CSS allows us to te format of the website without changing the underlying structure.

·        The web designer’s job is made easier.

·        CSS has less code compared to theat in html.

·        Web page will load faster.

·        CSS makes website designing quick and efficient.

Ø    Disadvantage of CSS-The compatibility varies with different browsers.

Ø Webpage and web browser control, interaction and create dynamically web page     using Java script. It is simple light weight programming(scripting) language. Does not contain advanced functionality of like c and java.

Ø Java script developed by Netscape.

Ø <script>……</script>  tag is used for write java script code.

Ø Java script and its function can be write in head or body section.but programmer preferred head section.

Ø Statement block write in  java script in  curly brackets { and }

Ø Java script statement end with ; (semicolon)   use of ; is separation not a termination. Its optional when each statement on a new line then you need not a semicolon.

Ø If you want to add Java script code while defining the form the use advanced edit button - advanced property editor dialog box - Java script events

(The Java script code display in head section)

Ø Create a function using function keyword

Ø Create a variable using var keyword

Ø Display any message on browser using write() method

    E.g. Document.write(“hello”);

Ø Abort event     loading of  image cancelled.

Ø Blur event-      element inactive.

Ø Focus event     actives element and highlights particular element.

Ø alert() is built in function.After the user gets an alert message calling the focus method.

Ø Event handler name same as event name.      

E.g. Submit            - event    E.g. Onsubmit( )    - event handler

Ø isnan( )- not a number        in-built numeric function  E.g. isnan(123)  Ans. False

Ø if is the conditional statement      - change the flow of the program,

Ø if condition is true then program enters if  block and  executes the statements inside its.

Ø In browser object model top level object is the  window object. its methods and properties is used for control the web browser window.

Ø In browser object model important object is the document object. its methods and properties is used for control the web page.

Ø = = used for compare two values. It is a comparison operator.

Ø If you want to use logical operator OR then use to | | symbol.

Ø If you want to use logical operator AND then use to && symbol.