FinalDraftLab01 < MPDL

In Exploring The Terrain Lab1, we have assigned for many tasks. I did all the tasks step by step:-

First Step: Install Toolbars
Second Step: Testing Using HTML
Final Step:Testing Using XHTML
Reflexive Questions

First Step: Install Toolbars

In first step, I install Web Developer Toolbar and XML Developer Toolbar by using Add-on from Mozilla Firefox�s toolbar. I also install Firebug and Molybdenum. As mention by Professor, I am attempted to install Selenium IDE, but I did not because of Professor�s suggestion. After installing these toolbars, Firebug, and Molybdenum, I try to install interesting Plugins , but I did not find any plugins interesting. Actually I have old version of Mozilla. In this version, very few plugins are available. However, I still install two plugins, which are Adobe Flash Player and Java. I install Java because I am always interested to learn more about Java. In addition, I install Adobe Flash Player because I am interested in Style activity, and I think learning about Adobe Flash Player might help me in the activity. I learn about Adobe Flash CS3 Professional, which allows designer and developer to integrate video, text, audio, and graphics into rich experience that deliver superior results for interactive marketing and presentation, e-learning, and application user interfaces. After reading Java tutorial for few hours, i learn about creating a simple program on java .I also learn about Classes library which are available in java. This library makes easy to create a program. The following the program i create by java

/** 
 * The HelloWorldApp class implements an application that
 * simply prints "Hello World!" to standard output.
 */
class HelloWorldApp {
    public static void main(String[] args) {
        System.out.println("Hello World!"); // Display the string.
    }
}

Second Step: Testing Using HTML

In the second step, I construct an html webpage, which mypage.html. It is looking like that:-

   
<html>
<title>MyPage</title>
<h1>Sandeep Kaur</h1>
<body> This is my page</body>
</html>

After creating the webpage, I try to validate the webpage by using tool (Validate HTML) from Web Developer toolbar. However, I am not able to validate my page. I am getting 2 errors and 3 Warnings. These two errors are No document type declaration (! DOCTYPE HTML SYSTEM) and document type not allow element . Three warnings are No character encoding found, Unable to determine Parse Model, and No DOCTYPE found. I understand one of my mistakes that DOCTYPE is not declared. I must declare DOCTYPE if I want to validate any webpage. At the beginning of my page, I add the following DOCTYPE. Then I did not get any error, and I am able to validate my page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

After successfully validating my page, I try to validate other website such as yahoo and Google. When I validate these sites, I got so many errors and warnings. During validation of these two sites, I found some common errors such as DOCTYPE. After trying to validate few website, I go back to the webpage, which I created. This is time I try to correct the error, which I got during validation, by choosing HTML 4.0.1 Strict as a DOCTYPE on W3C? . By doing that, I am able validate the page but with potential warning. The validation is different from compilation because validation just checks syntax error of the page not other error. On the other hand, compilation helps to find the syntax error and also other kind of errors.

Final Step:Testing Using XHTML

In Step 3 in the lab, I try to validate mypage.html file by using XHTML instead of HTML. Because I know that if I try to validate my page without adding DOCTYPE, then I will get the error. As a result, I add the following DOCTYPE at the starting of the html code.

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

After adding DOCTYPE, I tried to validate by using html validate. I chose html validate from web developer�s toolbar because it also allows to validate the XHTML web pages, too. However, when I tried to validate my page, I got the one following error: Character data is not allowed here �This is my page�. After reading the error�s detail, I figure out that I have to include paragraph tag under body tag, so I did it. Then I revalidate the page, I am able to validate my page successfully. The final version of my page is look like this :-

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>mypage</title>
</head>
<body>
<p>This is my Page </p>
<!-- ... body of document ... -->
</body>
</html>

Validation process of XHTML and HTML is almost same. The only one difference in it . It is that I was able to validate my page without adding paragraph tag by HTML but not by XHTML. This shows that XHTML is more strict than HTML in a case of tags. After validating my webpage, I think I should try to validate some of the website. Then I choose the same website which I chose for HTML validation such as yahoo and Google. With XHTML validation, I still get errors when I try to validation yahoo and Google. However, I got more error with XHTML validation comparison of HTML validation. These errors included most the error which I got when I tried to validate these two website by HTML. Again, I come up to conclusion that XHTML is more strict than HTML. That is why we got more errors with XHTML validation. If we compare XHTML validation compare to compilation, and then I say the same thing which says about HTML validation. XHTML and HTML validation help to figure about only syntax; on the other hand, compilation will allow finding syntax and other errors.

Reflexive Questions

Question 1

The plugins and web developer�s toolbar are very easy to learn and use compare to MS Visual Studio. The one thing is the same you can run all of them on any platform. Building the web site using MS Visual Studio is more complicated than building by HTML. HTML can use anyone, but the IDE can only be used by professional. You have to spend long time to get expert in it. On the other hand, you can learn HTML in few minutes.

Question 2

In Web Developer Toolbar, I try tools for HTML validation. It helps to see if the html page tags are correct, and DOCTYPE is included in the html page. In other words, it checks if the format of page is suitable for html. The next I try View Source. With View Source we can view the page or website html tags. It is very interesting for me. I view our college and twiki website source/ format. The last thing I view of Web Developer Toolbar is CSS, which you can use to disable style. You can also view CSS source of the webpage. I think it is interesting.

In XML Developer Toolbar, I try Validation. With Validation we can validate any webpage or website�s XML format the same way we used HTML validation in Web Developer Toolbar. We can use Web Developer tool to validate our page�s html format. However, we use xml developer toolbar for xml validation. Another thing, which I try, is stats. It is used to count words and nodes in the specific page. It is interesting because in C language you have to write a long program in order to count the words and node, but in here you can do all this click of button. In addition, with these toolbar we can quickly and easily. Anyone can use these toolbar and take advantage of it without learning all these language. Finally, I try Authoring (XML Scratch pad (E)). In this pad we can run our xml page separately. I run my create webpage on it rather than using Dreamweaver type of software to run xml file

Firebug included some features of Web Developer Toolbars such as you can check website Html format and CSS style. In addition, Script, Console, and Net features are included in the Firebug. In the Script, The code looks like the html code, but it also includes meta and link tags, which I do not understand.

Question 3

HTML is very simple language, and it can be used by non- computer professional such as chemistry and biology people. It can provide them all new web technology without learning complicated language. This is because HTML provides them almost all web service which can be provided by these complicated languages. It used tags. It is sharing document. It is mixed with content.

XHTML is still HTML language, but it is validated. In addition, XHTML is application of XML, but the HTML is application of SGML. It is also used tags to construct a page. It is also can used by non-computer professional. However, it is more restricted by rules compare to HTML. For example, in HTML, you do not forget end tags. It will not give the error. You are able to create a web page. However, in XHTML you must used end tags otherwise it will the error.

Question 4

When I see HTML and XHTML code, I did not find any different in DTD format of HTML and XHTML. They both code their DTD like that <! DOCTYPE html ��.>. The only different I see is that in DTD of HTML , we mention html version like that

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

. In DTD of XHTML, we write it like that

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Question 5

It is an advance language comparison of HTML and XHTML. It allows us to define own elements. It is also a tag language. It supports Unicode. It is used to transport and store data. In other words, it is used to carry data rather than display data which we do with HTML .Its DTD format is different from other two languages. It is like that [ < ? xml version = �1.0��>]. Instead of DOCTYPE you write?. Then we write xml in a place of html. After that we delete PUBLIC. Then we put version of xml in double comma like we did in other languages.

MutualDiscoveryForm
Mutualdiscdev.CSUEBFall08Courses:	WebDevFall08