Information System Development*
*
Objectives
1. Understand how the Web browser controls and executes the
applets.
2. Creates a simple html
3. Familiar with the methods in the Applet class: init(),start(),
stop() and destroy().
TCS 2044 JAVA PROGRAMMING
*
HTML is a method for representing the appearance and content of a
document using a standard ASCII text file.
HTML consists of reserve markup directives or tags, mixed with
plain text to compose a document.
Purpose of HTML is to transmit the structure of documents between
users.
Can be edited using HTML editor such as notepad, WordPad, MS Word
etc.
File must be saved with extension “.html”
HTML and WWW
*
More flexibility in how a document is viewed
Files are small
Easy to learn.
*
Cannot create a new tags
User don’t know exactly how a target document will appear.
TCS 2044 JAVA PROGRAMMING
*
Network information service, based on the Internet.
Provides a method of displaying information in different formats in
a way that is fast, powerful, consistent and easy to use.
Provides a consistent interface for accessing a wide variety of
information from a huge number of source.
World Wide Web
*
HTML has 3 tags that describe a document’s overall structure.
- <HTML>
- <HEAD>
- <BODY>
Document structure tags don’t affect what the document looks like
when it’s formatted.
Tags are included to help browsers and search tools learn about the
basic structure of a document.
HTML Basic
HTML Structure
*
The first document structure tag that every HTML document
contains.
Indicates that the content of the file is indeed HTML.
Everything in document should go inside the beginning and ending
HTML tags.
..continue
<HTML>
*
Generally only a few tags go into the heading portion of a
document.
..continue
<HTML>
<HEAD>
*
The remainder of our html document, including all the document text
is stored inside a <BODY> …. </BODY>
Syntax:
<HTML>
<HEAD>
</HEAD>
<BODY>
</BODY>
</HTML>
..continue
*
The text that we type into an HTML file outside of any of the
elements marked by the <HTML>, <HEAD>, <TITLE>,
and <BODY> tags will be displayed as paragraphs.
<P> tag marks the end of a paragraph, and hence a paragraph
break.
A web browser flows all the contents of a paragraph together from
left to right and from top to bottom using the current window
size.
Creating and Linking Documents
*
Use the line break tag, <BR> to indicate the start of a new
line.
Without line break tag, all text, even text we leave blank in the
HTML, file will run together into a single paragraph.
Should use the <BR> tag when we want to add a line
break.
A single tag, <HR>, indicates that the browser should create
a line. Which goes across the width of the display window.
Several parameter passed to the <HR> tag : SIZE, WIDTH, ALIGN
and NOSHADE.
Line break
*
Headings mark divisions of a document and divides sections of a
book into parts.
Can have up to six levels of heading.
Syntax:
<H1> course description </H1>
The number indicates the heading level, which can be <H1>
…</H1> through <H6>….</H6>.
Heading
*
Text as linking source
Any time someone clicks on any part of the image, he or she will
automatically be brought to the appropriate hyperlink target
TCS 2044 JAVA PROGRAMMING
*
<img src = “MSU.jpg" alt = “Management & Science
University">
<p>MSU is one of the premier institutions of higher learning
in Malaysia. Its main campus is situated in Seksyen 13, Shah
Alam</p>
Faculties <A HREF = “fise.html"> FISE </A>
<A HREF = “fbmp.html"> FBMP </a>
<A HREF = “fhls.html"> FHLS </a>
</p>
</body>
</html>
Heading
Linking text
*
Can make a page interesting and exciting
Disadvantages of using image
Can slow down the response time because the extra data must be
transmitted to the web browser.
TCS 2044 JAVA PROGRAMMING
*
<IMG> tag is used to embed in-line graphics into web
pages
Syntax : <IMG SRC = “msu.jpg”>
Image can be in most common format s.
Any time someone clicks on any part of the image, he or she will
automatically be brought to the appropriate hyperlink target by
using the <IMG> and <A> tags.
Image as a linking source
Syntax
TCS 2044 JAVA PROGRAMMING
*
<html>
<head>
</body>
</html>