Wednesday, November 23, 2011

HTML FORMS

What are the Html Forms?


The Html from can pass the data to sever. Using Html forms we can create input elements. Like buttons, text fields, check boxes are some of them. 

History and evolution

Real life usage
Html forms are using every web designers. What because it easy to add simple input element. So everyone uses this.Let see small example for the input element.I am going to create a text filed input elements. Let see the codes what we can used.


<html>
      <head>
           <title>HTML FROMS</title>
      </head>
      <body><body style="background color:456746"
            <font face="Arial Rounded MT Bold">
            <font size="20">
            <font color="#74ds21">
           
            <h style="text-align:center">What are the Html froms</h>
            </font face="Arial Rounded MT Bold">
            </font size="20">
            </font color="#74da21">
            <br>
         
               <form>
                     <font size="20">
                Username:
                <INPUT TYPE="TEXT" NAME="Username" >
                <br>
                E-mail add:
                <INPUT TYPE="TEXT" NAME="E-mail add" ><P>
               


      </body>
</html>


Browser compatibility

All browsers can support for Html forms 

Reference:  http://en.wikipedia.org/wiki/HTML_forms



Tuesday, November 15, 2011

Java Applets





What is Java Applet?

   According to java “Applet” is like a plug-in and it is a small application. It’s working with a one special task and that task runs with big program. This Java applet used “virtual machine” to run. The Virtual Machine is an operating system. it can install guest operating systems with normal host operating system.


History and Evolution 

 In 1995 Java applet is come with programming language and it join to java byte code.

Real life usage 

We can use java applets for our web page that creating in HTML. We can give interactive features to our web application. Mostly we can see java applets are used in online games. The Java Applets are very useful to beginners. These java applets can display media files that not supported to browses. So web designers like to use these java applets.    

Browser compatibility 

Java applet is like a plug-in.so we have to install it. Using java applets we can work with Mozilla Firefox, Microsoft internet explorer, Netscape, Comino, opera/we can used like that browsers to this.

Advantages and Disadvantages

Advantages


-Java Applet embedded with web browser. 

-It’s free.

-Java is Platform independent (can use with windows  Mac as well as Linux).

-Java applet is very simple. Easy for learn.

- The easiest scripting language for web ( comparing with VB).

-Java applets are past.

-Java applets are very quick to load. 

Disadvantages

-This needs to install a plug-in for use.



-Comparing with HTML there is difficulties to design a good interface using this. 


Tuesday, November 8, 2011

Java Script



What Is Java Script?

We can add java Script interactively to our HTML page. In other way we can say this is an interpreted language. What is the meaning of this word “Script?”According to java Script it means this is a light whit programming language.

History and evolution.



In 1991 Sir James Gosling,Patrick Naudhton and Mike sheriden In “Mascot Microsystems”, start to create this Java Language. Actually this create for inter active television. After five years they relieved that first version of Java 1.0 in 1995.

Real life usage.

In web designing we can used Java script. Java script is like a programming tool for HTML web designers. Using java scripts we can read and write HTML elements. We can create cookies also using this java script. Every ones like to use Java, because it is safe and it improved day by day. Now to all java programs web designers used Java API tool for coding.API help to understand method of the programming.

Browser  Compatibility.




Modern every browsers support To Java Script. like Microsoft internet explorer, Google Chrome, Apple safari, Mozilla Firefox.   

Advantages and Disadvantages.


Advantages

-Java is simple and easy to learn.

-we can move Java to from one computer system to anther computer system. We can say it platform-independent.

-we can connect several computers and network it.java can distributed computing with easy.   

Disadvantages.

-Some times this uses some java plug-in.

-Speed is anther disadvantage. 





                  http://en.wikipedia.org/wiki/Java










         

Wednesday, November 2, 2011

Cascading style sheets (CSS)





What is the cascading style sheet?

Cascading style sheet is language that working with HTML. This is a style sheet language common for style web pages. This is a simple mechanism for adding colors or fonts to html documents. CSS gives great style for our web pages. 

What is the History and evolution?




In 1970, start development of the “standard Generalized Markup language .in there they have been used style sheet. After that CSS were created. There are some levels of CSS. Css1 published in 1996.CSS2 published in 1998.css3published in 1999.



What about the Real life usage?


There are some of benefits in CSS usage.css easy to maintain. it can control the appearance of multiple HTML  documents. CSS easy to combine with HTML documents and CSS got a smaller file size.

What are the browser compatibility 



Actually a CSS design shows different in browsers. CSS not work in early versions of internet explorer and so we have to validate it. 
        

           This is a Link for it: http://jigsaw.w3.org/css-validator/ 

Advantages and Disadvantages

Advantages 

-The file size is the useful feature of CSS .what because it layout and style from HTML so HTML file is smaller.

-In CSS easy to change document and styles.

-CSS pages are not slowly to load, it lording fast. 

Disadvantages


-CSS don’t working in every browser.

-In HTML we can used several background images for every element. But CSS can support only one.


References










Wednesday, October 26, 2011

HTML 5





What is HTML 5?


HTML 5 is still under developing language That Web Hypertext Application Technology Working group (WHA&WG) & World Wide Web conortiup  (W3C)  working together and developing this HTML5.



What’s new in HTML5?

In Html 5 there is lot of new features. For example  <video>,<audio>and<canvas> are some of elements that used in HTML 5.these features help full to insert multimedia and graphical content to web without having plugging or other things. In HTML 5,we can do like drag and drop and crossers document massages .there a  new input types like e-mail and date time and some of elements    <cite>,<a>,<menu> have been change.

  
  

Browser compatibility for HTML 5   

There is no browser completely support in HTML5.only internet explorer support for HTML5.



Deferent between Logical style and Physical style.




We are working with a text in HTML,There are two deferent character tags 
         1. Physical style
         2.Logical style

What are the Physical styles?

<html>
     <head>
     </head>
     <body>
           <font size="6"
           <p><b>Hi I am Pubudu</b></p>
           <p><i>Hi I am Pubudu</b></i>
           <p><s>Hi I am Pubudu</b></s>
           <p><small>Hi I am Pubudu</b></small></p>
           <p>We<sub>2</sub></p>
           <p>Hi im <u>Pubudu</u></p>
           </font size="6">
     </body>
</html> 



What are the Logical styles? 
<html>
     <head>
     </head>
     <body>
           <font size="6"
           <p><em>Hi i am Pubudu</em></p>
           <p>Hi i am<strong>Pubudu</strong></P>
           <p>Hi <code>i am</code> Pubudu</p>
           <p><samp>Hi</samp> i am Pubudu</p>
           <p>Hi i am <kbd>Pubudu</kbd></p>
           <p>Hi i am <ins>Pubudu</ins></p>
           <p><del>Hi</del> i am Pubudu</p>
           </font size="6">
     </body>
</html>

Wednesday, October 19, 2011

Hypertext Markup Language (HTML)

History and Evolution 

What is this hypertext markup language? In short it means that is the language used to design web pages. HTML was born in 1980, for a system to “CERN”. The CERN is the European organization for nuclear research. First time those researchers won’t to share their documents. So Sir Tim Berners-Lee had written a software name call “ENQUIRE”. It was a simple hypertext program. After that it was the predecessor to the World Wide Web.

After that the first HTML document born in 1991 called “HTML Tag” is the simple design of HTML

How it works.

HTML is written by according to HTML elements. The text mixed with markup Tags. That tags enclosed in angle brackets. Like (<H1>Interdiction </H1>) according to this first tag is starting tag and the last tag is the end tag. We can call they are opening tags and closing tags .using this things we can create web page. We can add text, tags, comments, images for our web page. 

Basic tag system

This is are the basic tags we used in web pages
<html>
           <head>

           <title>
                      <p> My Self<p>

           </title>

           </head>

           <body>
                       <p>I am Pubudu Ratnasiri.I am from Kandy.</p>
            <br />

            <img src="pubudu/Photo.JPG">

            </body>

<html>




After that we can got our web page like this….


Link:

Advantages and Disadvantages


Advantages


-  We can make a web page using not pad. We don’t need to use any other software.

 - HTML easy to work.

 - Not only web pages, we can create programs like games and text editor.  

Disadvantages

- HTML is not a programming language, so we can’t do things like save user inputs.

-we have to learn murk up language to HTML.

-HTML is complex and incompatible.

Other technologies working with HTML.

Cascading style sheet (CSS) 

This is the style sheet language. This application is common style for a web page. 

 PHP

We can used PHP for web development this is also scripting language.

ASP.NET


This is a web application frame work from this we can build dynamic web site, web applications and web servers. 



Java Script

This is also scripting language. And this a multiy –pardaium language