Tuesday, February 5, 2013

HTML Basic Webpage and Template designing


Confirming that we acknowledge that various people today use Content Management System CMS or Content Administration Frameworks to take care of your net space or resource. There are still webmasters who do custom work. The pages of their areas have a private touch. It may be attractive or engaging for the clients to see restricted part of its substance. This presupposes presenting a defense, for which I will represent, using a table that is indigent upon a class made as CSS.

This should begin with, make a class that could be recovered as we stated as a CSS template. This class may have the going hand in hand with structure:






}

The class name is .styleClass. It several parameters working elaborate as under:
1. background-color:  The background color of the .styleClass is Black and its code is #000.
2. border:  Borders of the class that has a thickness of 1 pixel and its color code # CCC.
3. padding: It shows the detachment between the internal edge and the territory in which the content material is to be call for working. For our situation is 2 pixels on every last one of the four sides.

To call this class can utilize two strategies. Introducing into the zone <head>…</head> document the definition as follows:






Or create a style sheet, if you have not already created, and put in the same class definition box. If that sheet is called styles.css and css in the styles folder, you must call in your document, also within the area <head> ... </ head>, with the following statement:

What you need to do now is utilization the style on your locale website, your blogs and web pages. To do this we will make a table used to keep the content. Something similar to the following:




             </tr>
      </table>

Save this file as index.html and open it into your browser and see the results. Enjoy it!

Friday, August 31, 2012

JavaScript and HTML DOM Reference


JavaScript Objects Reference

The references describe the properties and methods of each object, along with examples.

Browser Objects Reference

The references describe the properties and methods of each object, along with examples.

Core DOM Objects Reference

The references describe the properties and methods of each object, along with examples.

HTML DOM Objects Reference

The references describe the properties and methods of each object, along with examples.

JavaScript Quiz Test


You can test your JavaScript skills with W3Schools' Quiz.

The Test

The test contains 20 questions and there is no time limit.
The test is not official, it's just a nice way to see how much you know, or don't know, about JavaScript.

Count Your Score

You will get 1 point for each correct answer. At the end of the Quiz, your total score will be displayed. Maximum score is 20 points.

JavaScript HTML DOM Examples


Examples of using JavaScript to access and manipulate the HTML DOM objects.

Document Object

Write text to the output with document.write()
Write formatted text to the output with document.write()
Return the number of anchors in a document
Return the innerHTML of the first anchor in a document
Return the number of forms in a document
Return the name of the first form in a document
Return the number of images in a document
Return the id of the first image in a document
Return the number of links in a document
Return the id of the first link in a document
Return all name/value pairs of cookies in a document
Return the domain name of the server that loaded the document
Return the date and time the document was last modified
Return the URL of the document that loaded the current document
Return the title of a document
Return the full URL of a document
Open an output stream, and add some text
Open an output stream in a new window, and add some text
Difference between write() and writeln()
Alert innerHTML of an element with a specific ID
Alert the number of elements with a specific name
Alert the number of elements with a specific tagname
More Document object examples in our JavaScript reference.

Anchor Object

More Anchor object examples in our JavaScript reference.

Area Object

More Area object examples in our JavaScript reference.

Base Object

More Base object examples in our JavaScript reference.

Button Object

More Button object examples in our JavaScript reference.

Form Object

More Form object examples in our JavaScript reference.

Frame/IFrame Objects

More Frame/IFrame object examples in our JavaScript reference.

Image Object

More Image object examples in our JavaScript reference.

Event Object

onblur - Execute a JavaScript when a user leaves an input field
onchange - Execute a JavaScript when a user changes the content of an input field
onclick - Execute a JavaScript when a button is clicked
ondblclick - Execute a JavaScript when a button is double-clicked
onerror - Execute a JavaScript if an error occurs when loading an image
onfocus - Execute a JavaScript when an input field gets focus
onkeydown - Execute a JavaScript when a user is pressing/holding down a key
onkeypress - Execute a JavaScript when a user is pressing/holding down a key
onkeyup - Execute a JavaScript when the user releases a key
onload - Execute a JavaScript immediately after a page has been loaded
onload - Execute a JavaScript immediately after an image has been loaded
onmousedown + onmouseup - Execute scripts when pressing/releasing a mouse button
onmousedown - Alert which mouse button the user pressed
onmousedown - Alert the name of the element a user clicked on
onmousemove + onmouseout - Execute scripts when moving the mouse pointer over/out of an image
onmouseover + onmouseout - Execute scripts when moving the mouse over/out of an image
onresize - Execute a JavaScript when the browser window is resized
onselect - Execute a JavaScript after some text has been selected
onunload - Execute a JavaScript before the browser closes the document
What is the keycode of the key pressed?
What are the coordinates of the cursor?
What are the coordinates of the cursor, relative to the screen?
Was the shift key pressed?
Which event type occurred?

Option and Select Objects

Table, TableHeader, TableRow, TableData Objects