LISTS

LISTS
• Three important lists are:

• 1 Ordered
• 2. Unordered
• 3. Definition
• AN ordered list as numbered
• <OL>
• <LI>Ordered
• <LI>Unordered
• <LI>Definition
• </OL>
• An unordered list follow any order may be achieved by
• <UL>
• <LI>Ordered
• <LI>Unordered
• <LI>Definition
• </UL>
LISTS
• Three important lists are:
• 1 Ordered
• 2. Unordered
• 3. Definition
• AN ordered list are numbered
• <OL>
• <LI>Ordered
• <LI>Unordered
• <LI>Definition
• </OL>
• An unordered list follow any order, may be achieved by
• <UL>
• <LI>Ordered
• <LI>Unordered
• <LI>Definition
• </UL>
Definition list
• <DL>
• (DT) ordered lists
• (DD) the list items are ordered
• <P>
• <DT> definition lists
• <DD>the list items have two parts
• <P>
• <DT>definition list
• <DD>The list items have two parts a Title DT and a
description DD.
• </DL>
TABLES
• <TABLE BORDERS =2 cell spacing=8
bgcolour=white>
• <TR><TH>NAME</TH>
• <TH>TAG</TH>
• <TH>TYPICAL APPEARANCE</TH>
• </TR>
• <TR><TH>TABLE</TH>
• <TH>TABLE</TH>
• <TD>A TABLE LIKE THIS </TD>
• </TR>
CELLS PADDING
• How much space between the border and
the cell contents
• Border-specifies the width in pixel for the
border (no border)
Image maps:
• Are pictures with certain defined areas of
which points to different URLS to which
the user can go at a mouse click.
WHEN TO USE IMAGE MAPS:
• To represents links that have a physical
relation to each other. e.g a map of the
world listed by a list of countries
• To enable users go to vital points on your
site at any time.
• to give a site of set of consistency
WHEN NOT TO USE IMAGE
MAPS
• Server side image needs a server
capable of handling them (not all servers
are).
• server side image maps must be tested
with server
• double work to provide a text only
alternative to image maps
• Show downloads time.
TYPES OF IMAGE MAPS.
• Server-side-resides in the server
• Client side-contained in the html document
being displayed by the browser
• Mixture of server and client side image
map
Basic codes for the image map.
• <HTML>
• <HEAD>
• <TITLE></TITLE>
• </HEAD>
• <BODY>
• <IMG.SRC=”MAIN MAP.JPG”
• WIDTH=”100%”HEIGHT=”50”
• USEMAP=”#MAP”BORDER=”0”>
• <MAP.NAME=”MAP>
• <AREA SHAPE=”RECT”COORDS=”20, 21,107”>
• <A HREF=”/USER=DIR/RECTANGLE.HTML”></A>
• </MAP>
• </BODY>
• </HTML>.
FORMS
• <FORM
METHOD=”POST”ACTION=”/CGINBIN/S
END>
• </FORM>
• EXAMPLE.
• <HTML>
• <HEAD>
• <TITLE>Example of a form text area</TITLE>
• </HEAD>
• <H2>THE CRITICAL MASS SUGGESTION BOX<H2>
• <FORM>
• <TEXT AREA NAME=”COMMENTS”ROWS=4, COLS=40>
• TYPE YOUR COMMENT HERE</TEXT AREA>
• </FORM>
• </BODY>
• </HTML>
• EXAMPLE OF FORM SELECT
• <HEAD>
• <HEAD>
• <TITLE>EXAMPLE OF FORM SELECT</TITLE>
• </HEAD>
• <BODY>
• <STRONG>NAME OF YOUR DEPT</STRONG>
• <FORM>
• <SELECT NAME=”DEPT”>
• <OPTION VALUE=”ACCOUNTING>ACCOUNTING
• <OPTION VALUE=”SALES”>SALES
• <OPTION VALUE=”TECH”>TECHNICAL SUPPORT
• </SELECT>
• </BODY>
• <HTML>
FOR MULTIPLE SELECT
CHANGE THE
• <SELECT NAME=”DEPT”> TO
• <SELECT MULTIPLE NAME=”DEPT”>
EXAMPLE (FORM WITH INPUT
TAG)
• EXAMPLE.
• <HTML>
• <HEAD>
• <TITLE>EXAMPLE OF FORMS TEXT
INPUT </TITLE>
• </HEAD>
• </BODY>
• </FORM>
PHONE EXTENSION :
• < INPUT TYPE=”TEXT”NAME=”EXTENSION”SIZE=”15”
• </FORM
• </BODY>
• </HTML>
• EXAMPLE:
• <HTML>
• <HEAD>
• <TITLE>EXAMPLE OF FORMS-TEXT INPUT NO ECHO</TITLE>
• <HEAD>
• <BODY>
• <FORM>
• PASWORD :< INPUT TYPE=”PASSWORD”>
• NAME=”PASSWORD”SIZE=”15”MAXLENGHT=”15”
• </FORM>
• </BODY>
• <HTML>
CHECKBOX:
• <FORM><INPUT
TYPE=”CHECKBOX”NAME=”CHECKBOX
1”VALUE”>FORM.
• AN-789
• </FORM>
EXAMPLE RADIO
• <FORM>
• <B>REQUEST FOR TRANSFER</B>
• <CP>TO WHICH DEPT DO YOU WISH TO
TRANSFER?
• <BR>
• </INPUT
TYPE=”RADIO”NAME=”DEPT”VALUE=”ACCOUNT”CH
ECKED>ACCOUNTING
• <BR>
• <INPUT
TYPE=”RADIO”NAME=DEPT”VALUE=”EDITING”>EDITI
NG
• </FORM>
EXAMPLE RESET-
• AS PLAYS A PUSH BUTTON WITH A PRESENT
FUNCTION OF CLEARING ALL THE DATA IN THE
FORM OF ITS ORIGINAL VALUE
• <FORM>
• <INPUT TYPE=”RESET”>VALUE=”CLEAR THE FORM”
• </FORM>
• Submit-displays a push button with a present function if
searching the data in the form to the server to be
processed by a CGI script.
• <FORM>
• <INPUT TYPE=”SUBMIT”VALUE=”CHECK HERE TO
SUBMIT YOUR APPLICATION”>
• </FORM>
A COOKIE
• a very small text file placed on your hard
drive by a web page server. It is
essentially your identification card and
cannot be executed as a code or deliver
viruses. It is uniquely and can only be read
by the server that gave it to you.
Purpose.
• Tell the server that you returned to that web page.
• How cookie work helps you.
• If you personalize pages or request for products or services a cookie helps Microsoft
remember who you are.
• In line frame
• <frame src=”file.html”frame border=”2”>
• </frame>
• <Html>
• <Head>contains the information
• <Title></title>
• <Meta content=”
• LANG=”US-EN”
• KEYWORD=”MINE, JANE”
• <HEAD>
• <BODY>CONTENTS OF THE PAGE
• <H8>LAMU TOWN<H8><FONT SIZE=”2”>
• LAMU IS A TOWN
• </FONT>
• </FRAME>
• MOMBASSA IS IN THE COST
• </BODY>
• </HTML>
Links:
• A link is of text or image that the user may click on in
order to be transported somewhere else on the web
• Links within the document/file are identified by being
underlined and in a color other than that of the regular
text.
• The mouse is sensitive to links and changes its
appearance when moved over it.
• Links allows you to
• tie multiple document together into a web site or allow
you to reference other web sites in other web
• Links from one place in a document to another.
INTERNAL LINKS OR LINKS
WITHIN A DOCUMENT.
• <A HREF=”#top”>top of the page,/a>
• <A name=”top”></A>
• Links to a page in same folder.
• <A HREF=”MYJOB.HTML”>MY JOB</A>
• Links to a page in a different folder.
• <A HREF=”location/filename.ett>…….</A>
• LINKS TO OTHER SIDE AND RESOURSES;
• <A HREF=”HTTP://SITENAME>.......</A>
• LINK TO AN EMAIL.
• <A HREF=”MALTO: ADDRESS”>ADDRESS</A>
• IMAGE LINKS
• <A HREF=”#TOP”><IMG.SRC=IMAGE/TOP.GIF”ALT=”TOP OF
PAGE”></A>
RELATIVE AND ABSOLUTE
LINKS.
• An absolute links defines the location of the
document absolutely including the protocol to
use to get to the document the server to get it
from. The directory. It is located and the name of
the document itself.
• <A
HREF=”HTTP://WWW.MU.AC.KE/ADMISSION/
REGISTER.HTML>STUDENT REGISTRATION.
• Relative link take the advantage that the server
knows where the current document is.
• <A HREF=”REGISTER.HTML”>STUDENT
REGISTRATION </A>
Services in the internet:
• Electronic mail
• File transfer
• vast information recourses
• interest group membership
• interactive collaboration
• multimedia display
Internet access control
• E-mail
• FTP
• HTTP
• Telnet
• Usenet news
BASIC WAYS TO ACCESS
INTERNET.
• Join an email discussion group or Usenet
news group.
• Go directly to a site if you have the
address
• Browse
• Explore a subject directory
• Conduct a search using a web search
engine.
Email discussion groups include
• List serve
• Majordomo
• Listproc
• V.R.L-uniform resources locator
• SMTP-simple mail transport protocol
HTTP-Hypertext.
• A web search engine service consists of
three components:
• Spider –program that transverse the web
from the link to link.
Identifying and reading pages.
• INDEX-database containing a copy of
EACH WEB PAGE GATHERED BY THE
SPIDER.
• Search engine mechanism software.
Software that enables the user to query
the index and returns result.
DEEP WEB
• This concept of “deep” is invisible web.
• Refers to content stored in data bases
accessible on the web but not available via
search engine.
• Spiders cannot enter into database and extract
content from them.
• To access invisible web search the data base
themselves
• GIF-Graphic interchange format
• JPEG-Joint photographer expect group
Limitations of animated GIF’S
• Not supported by order browsers
• Have no sound capabilities
• Increases file size.
• <IMG SRC=”HR3.GIF”HEIGHT=”72”WIDHT=”72”ALIGN=BOTTOM>
• ALIGN ATTRIBUTES.
• TOP, MIDDLE AND BOTTOM
• WIDTH AND HEIGHHT-attr; used to control size and pixels
Alternatives to graphics.
• -using the ALT key attribute in the IMG
element.
• -it provides a string of text to be displayed
by graphically incapable browser (or when
the graphics in browser are disabled).
Image maps:
• Are pictures with certain defined areas,
each of which points to different URL to
which a user can go to at a mouse click.
When to use image maps
• To represent links that have physical relation to each other e.g. map
of the world list of countries.
• To enable users to go to vital points on your site at any time.
• To give the site a set of consistency
• <TEXTAREA>define a field where the end users can type multiple
lines of text
• <SELECT>enables the end user to choose among a number of
options in scrolls box/pop up menu a number
• <INPUT>provides all other type of input key single lines of text,
radio buffers, check boxes, password to submit or clear a form.
• ACTION-Points the form to URL that accepts the forms information
and does something with it default is same pages
• METHOD-tells the form how to send its information back to the
script.
TWO METHODS EXIST.
• POST-Send all the information from the
form separated from the page.
• GET- Takes information from the page to
the end of the page.
• <TEXTAREA>tag
• NAME-Define the name for the data
• ROW-Sets the number of rows in the field
• Cols-Sets the number of width of fields in
character.

LISTS

Uploaded by

Copyright:

Available Formats

LISTS

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

LISTS

Uploaded by

Copyright:

Available Formats

LISTS

• Three important lists are:

You might also like