Learning 7 Purushottam Panta
Client Server Architecture and HTML Basics:
The world wide web is based on the client-server technology where the client
requests to the server for service and the server authenticates, picks the service,
load the necessary database from database server and provides the appropriate
server to the client.
The world wide web is based on the client-server technology where the client
requests to the server for service and the server authenticates, picks the service,
load the necessary database from database server and provides the appropriate
server to the client.
We can see the exchange of information in between client browser and the server by
installing an application in firefox browser called “Live http headers”.
Basically, the interpreter in the client browser understands the
hypertext markup language (html) documents. So the URL of the client browser
locates the html documents and executes by browser’s interpreter and it is
readable by human. However, there are far more advanced technologies including
the server running programs those gives the more flexibility in this client –
server (Web) architecture. Whatever I have mentioned here is very basic concept.
The URL is nothing more than just the address of the server and the particular
page or application. So, there exists unique address for the server to be point
out by the client browser. However there may be a number of alias directories
(or even nested directory structure) in the same server.The protocol is the set
of rule defined to communicate client and server. For example http, ftp,
telnet, gopher are the protocols (80, 21, 23 are the corresponding port numbers
used by http, ftp and telnet respectively.).
installing an application in firefox browser called “Live http headers”.
Basically, the interpreter in the client browser understands the
hypertext markup language (html) documents. So the URL of the client browser
locates the html documents and executes by browser’s interpreter and it is
readable by human. However, there are far more advanced technologies including
the server running programs those gives the more flexibility in this client –
server (Web) architecture. Whatever I have mentioned here is very basic concept.
The URL is nothing more than just the address of the server and the particular
page or application. So, there exists unique address for the server to be point
out by the client browser. However there may be a number of alias directories
(or even nested directory structure) in the same server.The protocol is the set
of rule defined to communicate client and server. For example http, ftp,
telnet, gopher are the protocols (80, 21, 23 are the corresponding port numbers
used by http, ftp and telnet respectively.).
Let’s see the basic
architecture of the HTML page:(I have described
the structure within the comment <!– …–>)
architecture of the HTML page:(I have described
the structure within the comment <!– …–>)
<html>
<!— the main identity of the html page that starts from html tag–>
<!— the main identity of the html page that starts from html tag–>
<head><!—Header part of the document which may include the external link of the style sheet (css), javascript, vbscript OR, the program javascript, vbscript, cascading
style sheet definition itself. It also include a title tag. –>
style sheet definition itself. It also include a title tag. –>
<title> The text here appears at the topmost bar of the web browser</title>
</head>
<body>
<!— the main content of the webpage lies Inside the body tag. It may contain
the table or any layer with “div”, any form element, any embedded scripting or
any embedded server programming (using jsp, php,…) or any database querry and
so on. Every element that is going to be render in the web browser has a number
of properties. For example the table object has border color, background, font
size, color, properties that we can modify accordingly. I am going to show a
table architecture here.– >
<!— the main content of the webpage lies Inside the body tag. It may contain
the table or any layer with “div”, any form element, any embedded scripting or
any embedded server programming (using jsp, php,…) or any database querry and
so on. Every element that is going to be render in the web browser has a number
of properties. For example the table object has border color, background, font
size, color, properties that we can modify accordingly. I am going to show a
table architecture here.– >
<table border=1px, bgcolor = red, width=200px, height= 100px, cellspacing=1px, cellpadding=0px>
<!—These table properties can also be defined in a separate style sheet and link to this table specifying a unique ID or Class. — >
<tr><!—The start of the first row in the table. –>
<th><!–This is the definition of the header of the column (or row) the first column
(or row). It appears in a slight bold font than the other table data automatically.–>
(or row). It appears in a slight bold font than the other table data automatically.–>
</th>
</tr>
<tr> <!—this is the next row — >
<td>
<!—it contains the data of the table — >
<!—it contains the data of the table — >
</td>
</tr>
</table>
<p>In the same way we can include a number of different objects and styles inside the body of the HTML pageIn addition there are a number of flexibility with the new advancement in html as xhtml.</p>
</body><!—This close the body of the html page — >
</html><!— it is the indication of the end of the HTML code in this page — >
Google Collaboration tools:
Google provides a set of tools at the web site title=”http://sites.google.com/” mce_href=”http://sites.google.com/”>http://sites.google.com/ at no charge to users that facilitate group collaboration and communication within google framework.
Social Networks:
Since few years the social networks are very popular. The social network collects the peple with some similarities. For example from a particular society, particular school or country or the people having the same idea and thoughts and so on.The social network is so now very popular in a company,school, community.Some of the social networks are: Facebook, Hi5, Myspace, Orcut.
Group web page
http://sites.google.com/a/student.ysu.edu/phanisgoogle/Home
Professional web page
http://system01.googlepages.com
Personal web page
http://www.freewebs.com/pmpanta/index.htm
Facebook web page
5 Comments »
Leave a comment
-
Authors
pmpanta-
Archives
- May 2008 (1)
- April 2008 (4)
- March 2008 (2)
- February 2008 (2)
-
Categories
-
RSS
Entries RSS
Comments RSS
It has some problem to format the paragraph and view the image file.. i ll fix it soon.
You really need to write your report using one of the editors that gives you a html file. Then go into edit mode on wordpress pick the code option and paste the html content in the text area. That will solve all your formatting proble. Line breaks diappear in html they have to created using
Thank you Dr. Alam for your suggestion. Since I tried to present some html tags on the document itself, i found the error occured from those html tags Copied in the text option. Now its fixed. Yes i I saved the document in html format, inserted the html code in the code option.
Purushottam
Your facebook link on your wordpress blog page will not provide the access to your facebook profile.
Dr Alam,
I have added my facebook profile link under the “my profiles” title of this page. However i have controlled the things in my profile to be viewable for all the non-user, non-friend,.. Only the limited profile is viewable for all. which is at:
http://www.facebook.com/people/Purushottam_Panta/49110397
The image uploaded herewith (the client server model image) is for the purpose to learn the way how we can put image file inside a text area. I have learned that in wordpress blog website, once an image file is uploaded, we can reuse the same file for any blog in the future without re-uploading. There is a record of every uploaded files in the account so that we can simply insert the image files without reuploading again and again. Its really easy way using files in this website.