Dynamic Hyper Text MarkUp Language(DHTML)
It is a new and emerging technology that has evolved to meet the increasing demand for eye catching and mind catching websites. It can combines html with cascading style sheets (CSSs) and scripting languages . Html specifies a web page 's element like table, frame, paragraph, bulleted list , etc. Cascading style sheets can be used to determine an element size, color , position, and a number of other features . Scripting languages (javascript and vb script ) can be used to manipulate the web page element .
Javascript = Javascript is an oops(object - oriented languages) that allow the creation of interactive web pages. The javascript allows enteries that are loaded into an html form to be processed as required. It can offer several advantage to a web developer such as a short development cycle , ease of learning , small size script , and so on.The strength of javascript can be easily and quickly used to extend the functionality of html pages , already on a web site.
Vbscript = It is an active scripting language developed by microsoft i.e model on vb. It is designed as a "light weight" language with a fast interpreter for use in a wide variety of microsoft environment . It can uses the component object model to access element of the environment . Example: FSO(filr system object) is used to create ,read , update , and delete files. Vb script must be executed within a host environment , there are several provided with misrosoft windows , including , windows script host (wsh) , Internet Explorer(IR).
Cascading Style Sheets
Style sheets are powerful mechanism for adding styles (Example. Fonts , colors , spacing) to a web documents. They enforce standards and uniformity throughout a web site and provide numerous attributes to create dynamic effects . With style sheets , text and image formatting properties can be predefined in a single list . The advantage of a style sheet include the ability to make global changes to all document from a single location . Style sheets are said to Cascade when they combine to specify the appearance of a page.
The style assignment process is accomplished with the <style>.......</style> tags. The syntax for making the assignment is simple . Between the <style>.....</style> tags , specific style attribute are listed . The <style>............</style> tags are written within the <head>......< /head> tags.
Syntax:
<STYLE Type ="text/css">
tag{ attribute : value ; attribute :value ....}
...................
</script>
The attributes that can be specified to the <style> tag are font attributes , color and background attributes , text attributes , border attributes , margin attributes and list attributes.
Font Attributes
ATTRIBUTES
|
VALUES
|
Font -family
|
A comma-delimited sequence of font family names (serif, sans-serif, cursive.
|
Font -style
|
Normal , italic, or oblique
|
Font -weight
|
Normal, bold, bolder, lighter or one of the nine numerical
values
|
Font - size
|
A term that denotes
absolute size (xx-small, x-small, small, medium , large , x- large , xx-large),
relative size(larger, smaller), a number(of pixels), percentage( of the
parent element size).
|
Color and Background Attributes
Attributes
|
Values
|
Color
|
Sets
an element text-color. A color name or a color code.
|
Background-
color
|
Specifies
the color in an element background .A color name or a color code.
|
Background
–image
|
Sets
the background image . A URL or none.
|
Background
- repeat
|
With
a background image specified ,sets up how the image repeats throughout the
page
|
Text Attributes
Text - decoration
|
Adds
decoration to an element Text .
None , underline , over line ,
line-through , blink
|
Vertical - align
|
Determines
an element vertical position , baseline , sub , super , top , text-top ,
middle , bottom , text-bottom , also percentage of the element height.
|
Text - align
|
Align
text within an element . left , right , center , or justify.
|
Text - transform
|
Applies
a transformation to the text. Capitalize , uppercase , lowercase , or
none.
|
Text - indent
|
Indents
the first line of text . A percentage of the element width or a length.
|
Use of Font attributes
<HTML><head>< title> use font attribute </title><STYLE type = "text/css">H1{ font-family:arial, helvetica}p{ font-size:13pt;font-style:italic}</style></head><body><H1> yuvaneeds forndation and community</H1><p> the interview has become a common feature of journalism</body></HTML>USE of color and background Attributes
<HTML><head><title> Working the style sheet using color and background</title><STYLE Type ="text/css">H1 {font - family:arial, helvetica;font-size30pt; background - image :url(images /sct-ee.gif)}p{font-size:15pt ; font-style:italic;font-weight:bold;color:#211;background-color:pink;background -position:bottom -left}</style></head><body><B><U>with background repeat </U></B><H1> yuvaneeds foundation and community</H1><P> All india educational tour organized by your college </P><BR/><B><U> with background no detail </U></B><H2>yuvaneeds foundation and community</H2></body></HTML>
Use of border Attributes
<HTML>
<head><title> working on text attributes </title>
<STYLE Type = "text/css">
H1 { font - family :calibri , font - size:30pt; color:pink}
P{ font-size:15pt;font-style:bold; color:#23238e;border-color:#23238e;border-style:groove;border-width:thick}
</style></head>
<body><H1>yuvaneeds foundation and community</H1>
<P><B> The method property of a form is used to specify
the method used to send data captured by various form element back to the web
server . The menthod used can be either get or post
The get method sends the data captured by form
elements to a web server encoded into a url that point to a web server. The
data captured in form element is appended to the url</P></B>
</body>
</HTML>
Use of list
<HTML>
<head><title>working with list attributes</title>
<Style Type = "text/css">
Body{margin - top :10%
H1 {font-family:arial,font-size:30pt;color:pink}
UL { list-style-type:lower-roman}
</style></head>
<Body></H1>Yuvaneeds foundation and community <H1>
<H6> computer part </H6>
<LI> harddisk
<LI> monitor
<LI> mouse
<LI> printer
</UL>
</Body>
</HTML>
Class In DHTML
A class can be defined to change the style in a specific way for element it is applied to , and classes can be used to identify logical sets of style changes that might be different for different HTML elements. The style changes can be applied directly to each HTML element or applied to part of a document with the <SPAN></SPAN>tags . If any element is made a member of a class by inserting class = classname into its opening tab , it conforms to that class specification.
0 comments:
Post a Comment