Web Design

Lesson 1
The Web Page Untangled

The Web Page Untangled
Your first Web Page Web Tools Format

.World Wide Web According to the Peabody Inst. It provides a means of communication for our fast-paced and highly technological society. (2003). the Web or World Wide Web is [a] system using the Internet to access information stored on computers worldwide.

Your First Web Page Text Editor Display Web Browser Display .

</body> </html> .It is time to tell the world that you know how to make a Web page! <html> <head> <title>Hello!</title> </head> <body> This is my first time to make a Web page.

Browsers are used in order to view Web pages.Web Tools Notepad uses basic text formatting in order to make and edit text files. . It is the simplest tool for making Web pages. Internet Explorer and Netscape are the two most popular browsers around.

Format HTML or HyperText Markup Language. content is the plain text or image. and </tag> is the closing tag Note: All tags need to be in lowercase because XHTML is a case-sensitive application (it interprets <TAG /> and <tag /> differently). HTML consists of commands called tags which are used to markup the plain text in your text editor The basic pattern for most of the HTML commands is: <tag> content </tag> <tag> is the opening tag. .

´>this text is italicized</span> . a measurement for the height of one line in a paragraph. a paragraph. for example. An example of CSS application inside HTML tags is this: <span style=´font-style: italic. and value the style itself.property: value where property is the feature of. which you want to style. for example.

html regardless of the contents of the site. your main page) must be saved as index.W3C stands for World Wide Web Consortium. A website is a collection of Web pages.e. the organization that develops Web standards.. When you start making your own site. Browsers look for the said files first whenever a Web user types a .html or default. the home page (i.

Lesson 2 Writing out The Web Page .

Writing out The Web Page Heading Paragraph Lists Preformatted Text Horizontal Rule .

Heading <html> <head> <title>Go Web!</title> </head> <body> <h1>Go Web!</h1> <h2>Go Web!</h2> <h3>Go Web!</h3> <h4>Go Web!</h4> <h5>Go Web!</h5> <h6>Go Web!</h6> </body> </html> .

I ve learned all about headings and paragraphs in less than half an hour! Can you believe that?</p> </body> </html> .Paragraph <head> <title>Paragraph</title> </head> <body> <p>It s so easy to make Web pages.

<html> <head> <title>Playing with Tags</title> </head> <body> <p>My favorite band is blink 182.. Did you notice the line break after the previous paragraph and before this one?</p> <br /><br /> <p>Let s take a break. this is another paragraph.182 because I like their music so much.</p> <p>Here is my office address:<br /> Unit 11 Temporal Place<br /> Surely Intelligent Lane<br /> Busy City Philippines</p> <p>Hmmm.. wait! We already took TWO break tags before this paragraph!</p> </body> </html> . I bought all the CDs of blink&nbsp. No.

. <strong>strongly</strong> for boldface and <em>emphasized</em> for italics*.Speaking of effects. you can enclose them in these tags: <b> </b> for boldface and <i> </i> for italics. if you want words to be in boldface or in italics.

Lists Unordered or Bulleted List The list is enclosed in <ul> </ul> tags. while each item is enclosed in <li> </li> tags. But the type attribute can change the appearance of these bullets. Try any of the following: <ul type=´disc´> <ul type=´square´> <ul type=´circle´> . <ul>Voltage <li>100V</li> <li>110V</li> <li>115V</li> <li>120V</li> <li>220V</li> <li>230V</li> <li>240V</li> </ul> By default. Study the example so you could learn how to encode by yourself. unordered lists are displayed with solid round bullets.

the appearance of these numerals can change with type.Ordered or Numbered List The list is enclosed in <ol> </ol> tags. Similar to unordered lists. Here are the options: <ol type=´1´> for Arabic numerals <ol type=´i´> or <ol type=´I´> for Roman numerals <ol type=´a´> or <ol type=´A´> for Alpha numerals . again with each list item inside <li> </li> tags. Example: <ol>Pet hates: <li>waking up early</li> <li>drinking hot tea</li> <li>cleaning my room</li> <li>the day of doom</li> </ol> By default. ordered lists use Arabic numerals with a value 1 for the first list item.

followed by the term s definition inside <dd> </dd> tags. The term to be defined is within <dt> </dt> tags.Definition List The list is enclosed in <dl> </dl> tags. Example: <dl> <dt><strong>stalactite</strong></dt> <dd>a deposit hanging from the roof or side of a cave in the shape of an icicle formed by the partial evaporating of dripping water containing lime</dd> <dt><strong>stalagmite</strong></dt> <dd>a deposit like an upside down stalactite formed by the dripping of water containing lime onto the floor of the cave</dd> </dl> <p>from <em>Webster s Elementary Dictionary</em></p> .

. This HTML tag enables you to indent text.--------------Frog 0.---------------. Try encoding this: <pre> Species Brain weight(g) Body weight(g) ------.Preformatted Text The preformatted text element with the <pre> </pre> tags commands the browser to display the text in fixed-width (i.e.0 160000 </pre> .0 62000 Dolphin 1700.1 18 Human 1400. monospace or typewriter) typeface and makes it appear exactly as it was typed in Notepad.

horizontal rules fully expand to the width of a browser window. it expands when you resize your window! <hr /> </body> </html> . appear shaded. By default. &nbsp. <html> <head> <title>HR</title> </head> <body> <hr /> You can put the horizontal rule anywhere.Horizontal Rule The horizontal rule element in HTML is a line that can be used to separate different areas of a Web page and help improve its design. It is an empty tag. and are a few pixels high. =) <br/> Plus. thus it is encoded as <hr />.

Lesson 3 Experimenting with Fonts and Colors Using CSS .

External Style Sheet .

</dd> </dl> <p>from <em>New Webster s Dictionary and Thesaurus</em></p> </body> </html> .css /> <title>Stylissimo</title> </head> <body> <h2>Self-Regeneration</h2> <dl> <dt><em>phoenix. &nbsp. noun (Egyptian mythology)</dt> <dd>a bird of gorgeous plumage. phenix</em> &nbsp. reborn from the ashes of the funeral pyre which it made for itself when each life span of 500 or 600 years was over. sacred to the sun.<html> <head> <link rel= stylesheet type= text/css href= external.

. <center> <u> <s> or <strike> <font> Centers text Underlines text Defines strikethrough text Identifies font characteristics or supported by browsers. in a future version of XHTML.Deprecated Tags and Attributes Deprecated means that. none of these tags will be accepted.

Fonts
‡ font-family = Arial, Times New Roman, Tahoma ‡ font-size = pixel (12px), %(100%), em(2em) ‡ font-style = normal, italic, oblique ‡ font-weight = normal, bold, bolder, lighter

Color
These are some of the ways to express color values: ‡By name. There are 16 colors that can be encoded by name in CSS: aqua, black, blue, fuchsia (note the spelling), gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow ‡By rgb value. Rgb(0,255,0) ‡By hexadecimal Equivalent. (#fff,#000)

Text
‡ text-align = whose values are: left, right, center, and justify. ‡ text-decoration = whose values are: overline (line above text), line-through (line through text), underline (use sparingly and if possible only on links), and none (usually to remove underlines from links). ‡ text-transform = whose values are: capitalize (to capitalize the first letter of every word), uppercase (to capitalize all the letters in a word), lowercase (to set capitals to lowercase for all the letters in a word), and none.

0). font-size: 2em. font-weight: bolder. ³Dream of me´.To apply the different text properties. color: rgb(0. font-family: ³Lucida Console´. } dl { text-transform: uppercase. change your external. } h2 { text-align: center. color: blue. } em { text-decoration: overline. font-size: 110%. font-style: oblique. } . color: #f00. Garamond.255. font-size: 80%. Arial. Tahoma.css file into: p{ color: black. font-family: Verdana.

line-height = refers to the space between lines. This adjusts the height of the line or lines of text (for example.g. 5em). whose values are: normal. word-spacing = refers to the space between words.. whose values are: normal or em. or em. %. e. whose values are: normal or em (indicating the length of space between letters. . selectors may be styled with the use of the following properties: letter-spacing = refers to the space between letters.In addition. in a paragraph).

Lesson 4 Experimenting With Images .

Background Values The background of the page can be styled by using the following CSS properties: background-color = on the Web. center. or a combination of these (e. . and gray as background colors. right. background-repeat = you may tile your image file. or repeat it at the topmost and bottommost part. using repeat-x (meaning on the x-axis). using no-repeat. using the value repeat.extension or subfolder/Experimenting with Images background-position = if your image file is not big enough to occupy the whole page. background-image = this is where you put the image source which may be a relative or an absolute URL the format is: url(image_filename. top left). or not repeat it at all. or repeat it side-by-side. most sites use white. bottom. black. left. too. using repeat-y (meaning on the y-axis).g. you may indicate exactly where you wish to put it top..

Image Attributes <html> <head> <title>Image</title> </head> <body> <h1>The Birds of Mystery</h1> <img src= birds.gif /> </body> </html> .

This is quite useful when you download images from other websites and you wish to cite the URLs of your sources.clipart.The image tag has the following attributes: src = the value of the src attribute is the path or URL of the image you want to display on your page. For example: <img src= birds.com /> .gif alt= out in the open longdesc= http://www.html address of the image. alt = the value indicated here is the alternative description of the image.gif alt= out in the open /> longdesc = the value of this is usually the . This is how you encode the alt attribute: <img src= birds.

gif alt= out in the open width= 300 height= 188 /> . <img src= birds.width and height = the value of the width and height attributes specify the dimensions of the image.

gif alt= sigh longdesc= http://www.clipar t. } --> </style> </head> <body> <img src= croc. border-width: 3px. border-color: green.<html> <head> <title>Border</title> <style type= text/css > <!-img { border-style: dashed.com width= 300 height= 188 /> </body></html> .

border-width = you may indicate the thickness of the width of the image s borders through these values: thin. dotted. border-color = you may assign any color or the value transparent to any of the following border-color variations: border-top-color. border-bottom-color. solid. or through the desired width. . border-left-color.You can format the image s borders using the internal style sheet. or thick. or none. Some of its properties are: border-style = you may choose among these more widely-used values to control the appearance of the image s borders: dashed. and border-right-color. medium. which should be in pixels. double.

Lesson 5 Working with The Box Model .

Just remember to separate each other by a comma.Grouping Selectors You can group selectors together if they share the same properties. . h4 { font-family: Arial. } This will make all h1. and h4 headings appear in italic Arial typeface. h2. h2. h3. font-style: italic. h3. For example: h1.

Classifying Selectors Classifying selectors can speed up things. you may want some paragraphs of your HTML document to be aligned to the left while others aligned at the center.</p> <p class= two >This is centered.</p> . For example. <p class= one >This is left-aligned.

and fixed values. and the clear property which has the values left. relative. Choose any element and specify on which part of the Web page you want that element to appear using any property. We are talking about the position property which has the absolute. and both.CSS Positioning CSS has properties that always come in handy when content presentation is concerned. the float property which has the values left and right. right. . static.

Remember the following example from Lesson 1? 1.Span and Div Tags The span tag defines the style of any in-line element. >this text is italicized</span> . <span style= font-style: italic.

font-size: small. fontfamily: arial. text-indent: 2em. skating is Asian Xthey do how rollerblading <i>definite</i> style=´color: <span style=´color: font-size: 2em.jpg´ width=´100´ /> <p style=´color: teal. text-align: justify.jpg´ width=´90´ /> <img src=´bike.jpg´ width=´80´ /> <img src=´skates.´>(hahaha)</span> but still..jpg´ width=´70´ /> <img src=´board. I fell in intervals <span maroon. font-weight: bold..³> maroon. I enjoyed it so much I¶m willing to do it again and again and again! And maybe I¶ll be inline skating on the vert ramp next time!!!</p> </body> .oh. font- style:oblique.<html> <head><title>Inline</title></head> <body> <img src=´blades. exciting! I¶ve tried once. Especially when it on the vert ramp -.´>I</span>n-line my favorite event in the Games.

The Box Model The appearance of any element may be enhanced by styling its borders. the element is enclosed by the padding. and padding. In the box model. Border Padding Element . These three properties comprise the box model. are Margin enclosed by the margins. which is then enclosed by the borders. and which. margins. in turn.

color: blue. border-style:dashed.box { width:300px. background: cyan. padding:5px. font-family: tahoma. margin: 3em. } . border-color: #609.Margin and Padding .

Lesson 6 Links and More Links .

HTML Links Links or hyperlinks are pointers to the pages they reference and they are the most essential ingredients of the Web. . Part of the Web s success is due to its ability to link a Web page to other pages.

gov.ph >Republic of the Philippines</a> Internal Link For internal links. you can use relative URLs meaning you can ask the browser to lead you to the URL of a link based on the current location of the HTML page or file inside the anchor opening tag. The hypertext reference or href attribute must contain a URL for its value.html >this links to my project</a> . An example of this is: <a href= project. which should be enclosed in quotes: <a href= http://www.External Link The anchor tag has no meaning without attributes.

For example: <a href= pony.com >E-mail Minari</a> .</a> Email Address as a Link You can make links refer to an e-mail address by using the following syntax structure: <a href= mailto:minari08@hotmail.Link Target: New Window If you want your link to open the page or file in a new window. you will need to specify the appropriate attribute and value. See it you must. which is target= _new inside the anchor opening tag.gif target= _new >In another window my pony is.

com ><img src= pony. It can actually be anything that can be clicked upon.jpg /></a> .Image as Link A hyperlink does not always need to be a text. so even an image can be a link.cyberspace. The HTML code to enable you to click an image is seen in this example (the code should be inserted inside the anchor tags): <a href= www.

Lesson 7 Processing On Line Forms .

Processing On Line Foms Online Forms Content Input Fields Submit Query and Reset Buttons Processing Forms .

Online Forms Online forms are Web pages purposely designed for gathering information on the Internet. . usually through a database. The main use of online forms is to gather feedback or opinion from the users for data processing. These HTML documents are sent back to the server once the user submits them.

you should place inside the HTML body tags the <form> </form> tags .Content To start building an online form.

´: <form> <input type=´text´ name=´firstname´ /> First Name<br /> <input type=´text´ name=´lastname´ /> Surname .Content Input fields Text fields The primary information that you want to get from your Web page visitors would be their names and locations.

where you can choose only one button in order to listen to a station. <p><b> What type of movie do you mostly prefer to watch?</b></p> <input type= radio name= movietype value= action /> Action <input type= radio name= movietype value= comedy /> Comedy <input type= radio name= movietype value= drama /> Drama <input type= radio name= movietype value= none /> None of these .Radio buttons Radio buttons are used when you want the user to select only one option from a list. The term comes from the shape of the buttons in a car radio.

Check boxes Check boxes are similar to radio buttons.</b></p> <input type= checkbox name= where value= cinema /> Cinema <input type= checkbox name= where value= home /> Home <input type= checkbox name= where value= computer /> Computer <input type= checkbox name= donotwatch value= donotwatch /> . but are used when you want to let the user select more than one option among a number of choices. <p><b>Where do you watch movies? Select all that apply.

Here.Text areas Text areas are text fields that have more than one line for longer text input. as follows: <textarea rows= 5 cols= 35 >Please provide any additional comments. the tag changes to text area. Usually. Thank you. </textarea> . they are used as a method to send comments or feedback.

Select fields A select field provides drop-down menus that the user can access to be able to choose any information from a given list. <p><b>What is your age group?</b></p> <select name= age > <option value= teenager >younger than 20</option> <option value= youngperson >between 21 and 35</option> <option value= middleaged >older than 36</option> <option value= noanswer >prefer not to say</option> </select> .

tags must have the action and method attributes. the form opening tag must be modified into this: . The action attribute specifies the name of the field and should be unique within the form. Because of all of these requirements. These specify to the Web master what the user entered in the form.Submit Query and Reset Buttons <input type= submit /> <input type= reset /> Processing Forms To process the form. The method attribute provides content associated with the action attribute.

Lesson9 Other Web Matters .

ortiz. online diary. florida. valencia. articles. pictures. ideal philosopher /> <title>Florida s Home Page</title> </head> . <head> <meta name= author content= Florida V. we have tags that do not affect either the form or content of the Web page although they have information about it that the users can t access just by looking at the browser window display. Ortiz /> <meta name= description content= I bid you welcome to my personal site. personal website. in my Becoming. Godlike Flower. /> <meta name= generator content= Notepad /> <meta name= keywords content= godlike. Join me. tasya. philosophy major. up student. rida. supremo.Meta Tags Meta is a Greek term meaning about or beyond.. filipino site. iskolar ng bayan. These are called meta tags. In HTML. iska.. ida. pilosopo tasyo. profile.

Lesson10 Getting Started With JavaScript .

Getting started with JavaScript What Is a Script? What You Should Already Know The Key to Understanding JavaScript .

Scripts are typically written in plain text form and are interpreted each time they are invoked. .What Is a Script? A script is a set of computer instructions or commands that puts together or connects existing components to accomplish a new related task.

or you may also use MS Frontpage. it is also good to check whether your browser is JavaScript-enabled. you can check for this by following these instructions: . Normally. For Internet Explorer 6.some browsers can enable/disable JavaScript. However. JavaScript is enabled in most major browsers. A Web Browser .What You Should Already Know What you need. A Text Editor MS Notepad comes with your Windows operating system.

.The Key to Understanding JavaScript ‡ Learn at an optimal pace and do a lot of practice. Understand the concept of objects.

‡Objects - are items that exist in the browser. The browser window, the page itself, the status bar, and the date and time stored in the browser are all objects. ‡Methods are actions to be performed on or by an object. Methods also represent functions that are designed for a specific purpose like doing math or parsing strings. ‡Properties are an existing subsection of an object

Lesson11
JavaScript Syntax Rules and Variables

What Is JavaScript?
JavaScript is a powerful scripting language that enables Web developers/designers to build more functional and interactive websites. Most major Web browsers and those emerging on the Net support JavaScript.

‡JavaScript makes Web pages more dynamic. ‡JavaScript allows a webmaster to create more appealing Web pages with relatively simple codes. ‡JavaScript can respond to triggers or react to events. ‡JavaScript can read and write HTML elements.What can JavaScript do? ‡JavaScript gives HTML designers an easy-to-learn programming tool. .

refers to a set of rules that determines how a specific language (in this case. in the case of JavaScript). just for the sake of definition. JavaScript) will be written (by the programmer/webmaster) and interpreted (by the browser.Syntax Rules Syntax. JavaScript syntax was derived from? ‡C ‡C++ ‡Java ‡Awk ‡Perl .

Introduction to the Basic Syntax <html> <head><title>My First JavaScript</title> <script type="text/javascript"> <!-document.write("This code outputs this text into the browser"). --> </script> </head> </html> Result: This code outputs this text into the browser .

variables are a container that contains a value. Data Types ‡character ± ‡string´ ‡integer ± ‡float (or double) ‡Boolean ‡function ‡object array ‡undefined ‡null .JavaScript Variables In JavaScript. which can change as required.

.Declaring Variables Variables are declared with a var statement. lastname = ³Delacruz´. // declaring one variable and assigning a value var firstname = ³Jocelyn´. it can be accessed anywhere within the function. // declaring several variables var firstname. // declaring several variables and assigning a value var firstname = ³Juan´. It is always good practice to pre-define your variables using var. If you declare a variable inside a function. lastname. // declaring one variable var firstname.

. full stop. ‡The first character of a variable name cannot be a digit. digits 0-9. comma.Rules for Naming JavaScript Variables ‡Variables can contain any letter of the alphabet. etc. firstname and Firstname are two different variables. ‡There should be no spaces in between characters. Hence. and the underscore character. .).g. ‡Variable names are case-sensitive. ‡It should not have punctuation characters (e.

Let s try using your first JavaScript variable. Ready your Notepad: <html> </head><title>My JavaScript Variable</title> <script style="text/javascript"> var firstname = "Jocelyn".write("hello there " + firstname) </script> </body> </html> . </script> </head> <body> <script style="text/javascript"> document.

Lesson12 JavaScript Operators .

7 myVariable = 8 myVariable = 3*5 myVariable = 15 myVariable = 20 / 4 myVariable = 5 myVariable = 24 % 10 myVariable = 4 myVariable = -10 myVariable = -10 .What Is an Operator? Math/Arithmetic Operator? Operator Name + Addition Subtraction * Multiplication / Division % Modulus ++ -Negation Increment Decrement Example Result myVariable = 3 + 4 myVariable = 7 myVariable = 15 .

Sample Code <script style= text/javascript > var myComparison = 10<=8.write(myComparison). document. </script> Result: False .

Logical/Boolean Operators Operator Result && AND (both statements must be True) True && True True || OR (one must be True) True || False True ! NOT (Flips truth value) !True False Name Example .

</script> Result: True .Sample Code <script style=´text/javascript´> var mylogic = 10<=8 || 10>=8 document.write(myComparison).

Lesson13 Controls and Loops .

Controls and Loops If Statement If Else Statement If Else If Statement Switch Statement While Loop For Loop .

except that we are giving an alternative instruction in case the argument isn¶t True.If Else Statement The If Else statement is similar to the If statement. IF (CONDITION) { STATEMENT IF TRUE } ELSE { STATEMENT IF FALSE } .

. This is possible in JavaScript with the If Else If statement. Sometimes. you don¶t always evaluate just one condition.If Else If Statement But in the real world. The name refers to an If statement that depends on another If statement. you would need to evaluate more than one or multiple conditions.

LOOPS ‡ FOR LOOP ‡ WHILE LOOP .

Functions and Events Functions Predefined functions Events .

Sometimes there will be text inside the parentheses. This is known as an argument. An argument provides additional information needed by the function to process. .Functions A function (also known as method) is a self-contained piece of code that performs a particular "function" when it is called.

‡ Confirm function confirm( ) asks whether the user would continue or cancel the action ‡Prompt function ³prompt( )´ ± asks for an input from the user and passes it to the specified function .Dialog Boxes ‡Alert function alert( ) displays an alert box with a message defined by the string message.

Lesson15 JavaScript Objects .

JavaScript Objects What Is a JavaScript Object? JavaScript Creation and Use Main Object: The Navigator Object Window Object .

‡Easier maintenance because you can use objects across pages. you don t have to rewrite your objects for every page in your website. you can create JavaScript objects that can be reused across pages. Especially in large scripts. ‡Increased extensibility you can increase the functionality of your new codes by simply taking existing objects and adding or revising a few codes or revising some scripts. .What Is a JavaScript Object? A JavaScript Object is the coding representation of objects that are used in your page or in your browser. Here are some key reasons: ‡Increased code reuse reuse of objects makes your coding work easier.

onClick= document. Example: document.bgColor = red . ‡Objects also have methods.write( The method <b>\ write\ </b> writes this text to the page ). ‡Event handlers specify when your object is supposed to do something or when your objects are supposed to apply your preferred attributes.bgColor = red . Example: <a href= javascript:void(0). Example: document. Properties are the attributes of your JavaScript object.JavaScript Object Creation and Use ‡Objects have properties. >change color</a> . Methods are the things that your object can do.

. objects may be created using the following syntax: var someVariable = new Object() When JavaScript sees the New operator. Number. Using this syntax. you can create objects like Array. Date. Boolean. Function. and String. it creates a new generic object.Object Creation Generally.

Window Object Events ‡ onafterupdate ‡ onBeforeunload ‡ onBeforeupdate ‡ onBlur ‡ onClick ‡ ondblclick ‡ onError ‡ onerrorupdate ‡ onFocus ‡ onhelp ‡ onkeydown ‡ onkeypress ‡ onkeyup ‡ onLoad ‡ onmousedown ‡ onmousemove ‡ onmouseout ‡ onmouseover ‡ onmouseup ‡ onragstart ‡ onreadystatechange ‡ onresize ‡ onrowenter ‡ onrowexit ‡ onscroll ‡ onselectstart ‡ onUnload .

closes the current or the specified window . gives focus to the window 4. makes the window scroll to the specified location 2. Write your answer on the blank below the description. 1. opens and names a new window 5.Identify which Window Object Property is described. removes a time out that was set using the setTimeout function 3.

Lesson 16 JavaScript Independent Objects .

JavaScript Independent Objects Array Object Data Object Math Object Number Object String Object .

you can store multiple values under a single name.Arrays Arrays are a fundamental part of most programming languages and scripting languages. They are basically an ordered stack of data with the same data type. var myFruit = new Array(3) myFruit[0] = ³mango´ myFruit[1]= ³guava´ myFruit[2] = ³apple´ . Using arrays.

var myString = myFruit.join( / ).write(myString).Let s try some of these methods. let s try the join(delimiter). Write this on your Notepad: <script style="text/javascript"> <!-var myFruit = new Array( mango . apple ). //--> </script> Result: mango/guava/apple . First. document. guava .

which can be pretty cool in some cases.getDate(). <script style="text/javascript"> <!-var currentDate = new Date().Data Object JavaScript provides you with the ability to access the date and time of your user s local computer. This is possible through the JavaScript date object.getMonth(). var day = currentDate.getYear(). document.write(day + "/" + month + "/" + year) //--> </script> . var month = currentDate. var year = currentDate.

document.PI).write(myValueI).write(Math. //--> </script> <script style="text/javascript"> <!² var myValue = MathPI. //--> </script> .Sample Codes: <script style="text/javascript"> <!² document.

This is an object in JavaScript that can be invoked without necessarily creating an instance of it. This is a JavaScript array object method that splits a string using the specified delimiter and returns the delimited strings in an array.Identify the term described in each item. 6. This sets the minutes in the date object with a value of 0 through 59. This string object returns a substring taken from a string beginning This is used to truncate the last character of all strings elements of an array. This object has no specific functions. 5. 3. 4. but has associated built-in functions. 1. These are basically an ordered stack of data with the same data type. 8. . 2. 7. This object has the ability to access the date and time of your user s local computer.

Questions/Comments What questions or comments do you have? .

Sign up to vote on this title
UsefulNot useful