ASP.NET Internet Computing

Internet computing with ASP.
NET
UNIT-I
HTML (HYPERTEXT
MARKUP
LANGUAGE)
The largest network of networks in the world.

Internet is a structure made up of million of
interconnected computers whose users can
communicate with each other and share
information.
Providing an infrastructure for the use of E-mail,
bulletin boards, file archives, hypertext documents,
databases and other computational resources.
The Internet can be defined as a network of
globally connected computers that is decentralized
by design, Client, Web Server,Browser,URL,Web
Page , ISP(internet service provider).
Prepared by Mr.Javed sayyad
Internet computing with ASP.NET
INTERNET:
Runs on any communications substrate.

The main idea behind internet is protocol.
The Protocol is a set of rules.
There are Several Type of Protocols that is:
TCP/IP,FTP,TELNET,HTTP&HTTPS.
In this protocol there are several layers is used for
communication that is application layer, transport
layer, internet layer, network layer, physical layer
etc.
INTERNET CONTINUE..
Domain Name Service(Com,net,org,in)

Proxy Service(multiple network server)
Mail Service(mail client,email server)
Web Service(web server)
APPLICATION OF INTERNET:
WWW(WORLD WIDE WEB) :

A distributed document delivery system
Uses a client-server model
Main presentation language is HTML
WEB DESIGNING:
Web browser
Editor
Web page
Web site
Home page
Language(html,js,css)
Web browser is the software program that

accesses the web document and displays it contents
on the users computer.
Different type of browser:
Internet Explorer (www.microsoft.com)
Firefox (www.mozilla.org)
Safari (Mac - www.apple.com)
The purpose of a Web browser is to retrieve and
display information from a Web server by using
HTTP.
WEB BROWSER:
User Interface
ARCHITECTURE OF WEB
BROWSER
data
persistence
Browser Engine
Rendering Engine
Networking
js interpreter
XML Parser
Display backend
Pages are called Static because text, photos, and

other content will not change unless the actual web
page file itself is edited.
Pages typically contain text, hyper links, photos,
and graphics.
Changes to the main Navigation Menu will require
an edit to every web page that contains this menu.
Web development software can automate
Navigation Menu maintenance, but pages will still
need to be re-published for changes to take effect.
WEBPAGE: STATIC WEBPAGE
Pages are Dynamic that they can draw ever

changing Content from external information
sources.
Pages can provide Create, Retrieve, Update, and
Delete functions for records.
Information that is already maintained in Systems
such as Databases, Spreadsheets, and text files can
be used as Web Content.
10
WEBPAGE : DYNAMIC WEBPAGE
A collection of linked Web pages that has a common theme

or focus is called a Web site.
A website, also written as web site, or simply site, is a set of
related web pages typically served from a single web domain
.
A website is hosted on at least one web server, accessible via
a network such as the Internet or a private
local area network through an Internet address known as a
Uniform resource locator.
The initial or main Web page of a website, sometimes called
the "front page or Home page.
The main page that all of the pages on a particular Web site
are organized around and link back to is called the sites
home page.
11
WEBSITE AND HOME PAGE :
Web is a collection of files that reside on computers,

called Web servers, that are located all over the
world and are connected to each other through the
Internet.
Web server is the computer that stores the web
document that users access.
Web Pages are arranged in a directory structure in
the Web Server.
HTTP (Hyper Text Transfer Protocol) is used to
transfer web pages from a Web Server to Web
Client (Browser).
12
WEB SERVER:
Hypertext is a system of storing images, text, and

other computer files that allows direct links to
related text, images, sound, and other data.
Hypertext is the main basis of operation for the
web.
It is an information database or medium that links
verbal and nonverbal information on the web.
Hypertext links called hyperlinks create a complex
virtual web of connections for users.
13
HYPERTEXT :
Hypermedia combines the words hypertext and

multimedia.
Hypermedia is an updated extension of text in
hypertext.
Hypermedia documents contain links to other
pieces of text, sound, images, movies, and other
forms of media.
Hypermedia documents are like hypertext, except
that they also contain links to other forms of media
like movies, sound, and images.
14
HYPERMEDIA :
HTML Hyper Text Markup Language

HTML documents describe web pages (Static Web
Page).
HTML tags are keywords surrounded by angle
brackets like <html>.
HTML tags normally come in pairs like <b> and
</b>.
The first tag in a pair is the start tag (opening
tags), the second tag is the end tag(closing tags)
15
INTRODUCTION TO HTML :
HTML is an evolving standard (as new

technology/tools are added) .
HTML 1 (Berners-Lee, 1989): very basic, limited integration of

multimedia
in 1993, Mosaic added many new features (e.g., integrated images)
HTML 2.0 (IETF, 1994): tried to standardize these & other features
in 1994-96, Netscape & IE added many new, divergent features
HTML 3.2 (W3C, 1996): attempted to unify into a single standard

but didn't address newer technologies like Java applets & streaming video
HTML 4.0 (W3C, 1997): current standard (but moving towards

XHTML)
attempted to map out future directions for HTML.
16
VERSIONS OF HTML :
XHTML 1.0 (W3C, 2000): HTML 4.01 modified to

conform to XML standards
XHTML 1.1 (W3C, 2001): Modularization of XHTML

1.0
HTML 5 (Web Hypertext Application Technology

Working Group, W3C, 2006): New. HTML 5 is referred
to as a "living language".
17
VERSIONS :
Heading
This HTML element is used to determine headings
on a webpage.
Images
The image element can be used to add images, to
your webpage.
Links
The link element can be used to link different
pages of the website.
18
ELEMENT OF HTML :
<HTML>
<HEAD>
<TITLE>--------</TITLE>
</HEAD>
<BODY>
----------</BODY>
</HTML>
19
STRUCTURE OF HTML DOC. :
WHERE WE WRITE CODE :

1.Text Editor
1.Wordpad (In Windows OS)
2.Gedit Text Editor (LINUX)
2.FrontPage or Dreamweaver
WHERE WE EXECUTE :
1.Double Click that HTML File. (or)
2.Right click Open With Internet
Browser
20
BUILD AND EXECUTE HTML

DOC :
HTML (Hypertext Markup Language) is used to create

document on the World Wide Web.
It is simply a collection of certain keywords called Tags that
are helpful in writing the document to be displayed using a
browser on Internet.
html used the different tags for different purpose . It is
mainly divided in different five section.
HTML PAIRED AND SINGULAR TAGS.
HTML TEXT FORMATING TAGS AND TEXT STYLE
TAGS.
HTML CENTERING AND SPACING TAGS.
HTML TABLE AND FRAMESET TAGS.
HTML LINKING AND FORM TAGS.
21
HTML TAGS:
Sometimes we need more information for an

element in order to control the way the content
displays
We provide this information with attributes stated
within the element start tag
The generic way of using an attribute looks like
this:
<elementName attribute=value>
Target content
</elementName>
Single or double quotes may be used to hold
attribute values
22
ATTRIBUTES
<html></html>
All markup must be placed within HTML tags
<head></head>
Contains information about the page as well as other
non-display content
<body></body>
All display content should go inside these tags
<h1></h1>
This is a heading the number can range from 1 to 6
for different sizes.
23
DIFFERENT TAGS OF HTML :
<p></p>
Tells the browser that the enclosed text should be set
off in a paragraph.
<b></b> or <strong></strong>
Bolds the tagged text
<em></em> or <i></i>
Italicizes the tagged text
<br>
Inserts a line break
This is an empty tag it does not have a closing tag.
24
<hr>
Inserts a horizontal rule (line)
This is another empty tag
An HTML Comment which is NOT displayed in the
page is done like this:

Hyperlinks
Hyperlinks are created using the <a> tag, which stands
for anchor. The format looks like this:
<a href=url_to_document>Content to click on for
the link</a>
25
Tables
Tables require three different tags:
<table></table>
Defines the table itself
<tr></tr>
Defines a table row
<td></td>
Defines a table cell (table data)
26
<th></th>
<th> is similar to <td> but displays heading centered in
bold.
Colspan:
If you want data spans more than one column then colspan.
<td colspan="2">
Rowspan:
similarly, can span more than one row then rowspan
<td rowspan="2">
27
Font
You can modify more exactly the way text looks by using the
<font></font> tag:
<font color=red size=3 face=Garamond>
This is red, size 3, and in Garamond!
</font>
Lists
Two main types:
Unordered list
<ul></ul>
Ordered List
<ol></ol>
List items are indicated by <li></li>
28
Image
include images using img tag.
by default, browsers can display GIF and JPEG files.
other image formats may require plug-in applications
for display.
Syntax:
img src="URL (or filename)" height="n" width="n"
alt="text" title= "text" />
29
Frame and Frameset

frames provide the ability to split the screen into
independent parts
frameset is used for the splinting a browser into frames.
After dividing screen into subpart with the help of
frame tag data inserted into that subpart.
<FRAMESET ROWS=30%,*>
<FRAMESET COLS=50%,50%>
<FRAME src=filename.html>
<FRAME src=filename.html>
</FRAMESET>
30
HTML FORM :
<form> is just another kind of HTML tag

HTML forms are used to create (rather primitive) GUIs on Web pages
Usually the purpose is to ask the user for information
The information is then sent back to the server
A form is an area that can contain form elements
The syntax is: <form parameters> ...form elements... </form>
Form elements include: buttons, checkboxes, text fields, radio
buttons, drop-down menus, etc
Other kinds of HTML tags can be mixed in with the form elements
A form usually contains a Submit button to send the information in
he form elements to the server
The forms parameters tell JavaScript how to send the information
to the server .
Forms can be used for other things, such as a GUI for simple
programs
31
FORMS AND JAVASCRIPT :
The JavaScript language can be used to make pages that do

something
You can use JavaScript to write complete programs, but...
Usually you just use code of JavaScript here and there
throughout your Web page
JavaScript code s can be attached to various form
elements.
For example, you might want to check that a zipcode
field contains a 5-digit integer before you send that
information to the server.
Microsoft sometimes calls JavaScript active scripting
HTML forms can be used without JavaScript, and
JavaScript can be used without HTML forms, but they work
well together
32
THE <FORM> TAG :
The <form arguments> ... </form> tag encloses form elements.

The arguments to form tell what to do with the user input
action="url"
(required)
Specifies where to send the data when the Submit button is
clicked
method="get" (default)
Form data is sent as a URL with ?form_data info appended to
the end
Can be used only if data is all ASCII and not more than 100
characters
method="post"
Form data is sent in the body of the URL request
Cannot be bookmarked by most browsers
target="target"
Tells where to open the page sent as a result of the request
target= _blank means open in a new window
target= _top means use the same window
33
METHODS
1.$_GET:
The built-in $_GET function is used to collect values
from a form sent with method="get".
Information sent from a form with the GET
method is visible to everyone (it will be displayed
in the browser's address bar) and has limits on the
amount of information to send (max. 100
characters).
When using method="get" in HTML forms, all
variable names and values are displayed in the
URL.
METHODS
2.$_POST:
Information sent from a form with the POST
method is invisible to others and has no limits on
the amount of information to send.
because the variables are not displayed in the
URL, it is not possible to bookmark the page.
3.$_REQUEST:
Contains the values of both the $_GET and
$_POST arrays combined, along with the values of
the $_COOKIE super global array.
THE <INPUT> TAG :
form elements use the input tag, with a type="..."

argument to tell which kind of element it is
type can be text, checkbox, radio, password, hidden,
submit, reset, button, file, or image
Other common input tag arguments include:
name: the name of the element
value: the value of the element; used in different ways
for different values of type
readonly: the value cannot be changed
disabled: the user cant do anything with this element
Other arguments are defined for the input tag but have
meaning only for certain values of type
36
FORM CONTROL :TEXT INPUT

A text field:
<input type="text" name="textfield" value="with an initial value">
A multi-line text field

<textarea name="textarea" cols="24" rows="2">Hello</textarea>
A password field:
<input type="password" name="textfield3" value="secret">
37
BUTTONS
A submit button:
<input type="submit" name="Submit" value="Submit">
A reset button:
<input type="reset" name="Submit2" value="Reset">
A plain button:
<input type="button" name="Submit3" value="Push Me">
submit: send data.
reset: restore all form elements

to their initial state.
button: take some action as
specified by JavaScript.
38
CHECKBOXES
A checkbox:
<input type="checkbox" name="checkbox
value="checkbox" checked>
type: "checkbox"
name: used to reference this form element from JavaScript
value: value to be returned when element is checked
39
RADIO BUTTONS
Radio buttons:<br>
<input type="radio" name="radiobutton" value="myValue1">
male<br>
<input type="radio" name="radiobutton" value="myValue2" checked>
female
If two or more radio buttons have the same name,

the user can only select one of them at a time
This is how you make a radio button group
If you ask for the value of that name, you will get the value
specified for the selected radio button
As with checkboxes, radio buttons do not contain any text
40
DROP-DOWN MENU OR LIST
A menu or list:
<select name="select">
<option value="red">red</option>
<option value="green">green</option>
<option value="BLUE">blue</option>
</select>
Additional arguments:
size: the number of items visible in the list (default is "1")
multiple: if set to "true", any number of items may be selected
(default is "false")
41
HIDDEN FIELDS
<input type="hidden" name="hiddenField" value="nyah">

<-- right there, don't you see it?
What good is this?

All input fields are sent back to the server, including hidden fields
This is a way to include information that the user doesnt
need to see .
The value of a hidden field can be set programmatically (by JavaScript)
before the form is submitted.
42
Cascading Style Sheet

ITRODUCTION TO HTML
43
INTRODUCTION
Css is used for designing the WebPages. It is

formatting language.
Css is used to give the same style or format for
multiple pages in the website so that all the
pages will have the same look and fill.
format or style is the combination of
background color, text color, border, margin,
alignment, font-name, font-style ,font-size etc
CSS IN THREE WAYS:
INLINE:
In html tag if style attribute is given then it is
called inline.
INTERNAL:
In html file if Css code is given using style tag
then it is called internal.
EXTERNAL:
calling Css file in html file
INLINE CSS:
In html tag if style attribute is given then it is
called inline.
Example:
<html>
<body style=background: yellow;>
<h1 style=background:red;textalign=center;>Maulana azad college</h1>
</body>
</html>
INTERNAL CSS :SELECTOR IN CSS

Selector is used to define the name for the style or
format .
The basic format of selector is:
Selector {
property0:value0;
}
Three type of Selector:
HTML Selector
Class Selector(.)
ID Selector(#)
HTML SELECTOR:
It is used for specific html tag. It is created with html tag
name.
Example:
<html>
<style>
Body{Background:cyan;}
H1{background:green;color=yellow;text-align:center}
p{background:red;font-family:arial;font-size:30px}
</style>
CONTINUE
<body>
<h1>Maulana azad college</h1>
<p>Dr. rafiq zakaria campus aurnagabad</p>
</body>
</html>
CLASS SELECTOR:(.)
It is used for any html tag.
Example:
<html>
<style >
.Abc
{
Background:cyan;color:blue;borderstyle:dashed;border-color:red;border-width:3px;textalign:center;font-family:arial black; font-size:20px;
}
</style>
CONTINUE
<body>
<div class=abc>
<h1>Maulana azad college</h1>
<h2 class=abc>PG department of computer
science</h2>
</body>
</html>
ID SELECTOR:(#)
It can be used for any html tag, it is mainly used
for layouts in css.
Example:
<html>
<style type=text/css>
#abc
{Background:cyan;color:blue;bordertyle:dashed;border-color:red;borderwidth:3px;text-align:center;font-family:arial black;
font-size:20px;}</style>
CONTINUE
<body>
<h1 id=abc>Maulana azad college</h1>
<h2 id=abc>PG department of computer
science</h2>
</body>
</html>
EXTERNAL CSS:
calling css file in html file.
Example:
File name=style.css
Body
{Background:cyan;}
H1{color:blue;text-align:center;}
Class1{border-style:groove; borderwidth:2px;border-color:green}
CONTINUE
<html>
<link ref=stylesheet href=style.css>
<body>
<h1 class=class1>Maulana azad college</h1>
<p class=class1>Dr. rafiq zakaria campus
aurnagabad</p>
<h2 class=class1>PG department of computer
science</h2>
</body>
</html>

ASP.NET Internet Computing

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

ASP.NET Internet Computing

Uploaded by

Copyright:

Available Formats

Internet computing with ASP.

The largest network of networks in the world.

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Runs on any communications substrate.

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Domain Name Service(Com,net,org,in)

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Internet computing with ASP.NET

WWW(WORLD WIDE WEB) :

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Prepared by Mr.Javed sayyad

Web browser is the software program that

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Internet computing with ASP.NET

Prepared by Mr.Javed sayyad

Pages are called Static because text, photos, and

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

WEBPAGE: STATIC WEBPAGE

Pages are Dynamic that they can draw ever

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

WEBPAGE : DYNAMIC WEBPAGE

A collection of linked Web pages that has a common theme

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

WEBSITE AND HOME PAGE :

Web is a collection of files that reside on computers,

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Hypertext is a system of storing images, text, and

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Hypermedia combines the words hypertext and

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

HTML Hyper Text Markup Language

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

HTML is an evolving standard (as new

HTML 1 (Berners-Lee, 1989): very basic, limited integration of

HTML 3.2 (W3C, 1996): attempted to unify into a single standard

HTML 4.0 (W3C, 1997): current standard (but moving towards

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

XHTML 1.0 (W3C, 2000): HTML 4.01 modified to

XHTML 1.1 (W3C, 2001): Modularization of XHTML

HTML 5 (Web Hypertext Application Technology

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

Prepared by Mr.Javed sayyad

Internet computing with ASP.NET

STRUCTURE OF HTML DOC. :

WHERE WE WRITE CODE :

Prepared by Mr.Javed sayyad