Professional Documents
Culture Documents
Application II
Todays Subject
Power Point
Practice
Presentation
Summary Internet Application
HTML Program
Practice
Power Point
WHY
Animation
Browsing
Email
File Transfer
Tools
Audio player Etc.
Webcam
Video player Ads Banner
BROWSING
Netscape
Internet Explorer
Plug in
Mozaik
FILE TRANSFER
WS FTP
Telnet
FTP
Paltalk
NetMeeting
ICUII
A Webcam + Audio
AUDIO PLAYER
Real Player
Media Player
Xing MP3
Quick Time
VIDEO PLAYER
WEBCAM BROADCAST
PIC TO PIC
Webcam Chillcam
STREAMING
Webcam Camarades
WebcamNow
http://www.webcamworld.com
HTML Program
Create a simple homepage to introduce your self
with these features:
A Simple HTML
Heading,Font style, Font size
Color background
Order list and Unorder list
Hyperlink for email or for another homepage site
Adding Picture/ Image
Adding Animation
Adding Table
A Simple HTML Program
<html>
<head>
<meta name="Author" content=hustina">
</head>
<body >
In this site you can see my resume
</body>
</html>
Heading
<html>
<head>
<meta name="Author" content="Hustina">
</head>
<H1 ALIGN=CENTER> MY HOME PAGE </H1>
<body text="#000000" bgcolor="#3366FF"
link="#FFFFFF" vlink="#551A8B" alink="#FF0000">
In this site you can see my resume
</body>
</html>
Different font Style
<B>..</B>
<I>...</I>
<U>.</U>
<sup>.</sup>
<sub>.</sub>
<PRE> ..</PRE>
<BLINK> .... </BLINK>
<html>
<head>
<meta name="Author" content="Hustina">
</head>
<H1 ALIGN=CENTER> <U> MY <SUB>FIRST</SUB> HOME
<SUP>PAGE</SUB></U> </H1>
<body>
In this <B>site</B> you can see <I>my resume</I>
<PRE>
###########
# HUSTINA #
###########
</PRE>
</body>
</html>
FONT SIZE
<FONT SIZE = X COLOR = Y FACE = Z > .......
</FONT>
X : Font Size
Y : Type color
Z : Type face
LINE
<HR SIZE = X WIDTH = Y ALIGN = Z |NOSHADE| >
X = Line widh
Y = Line Length
Z = left / center / right
NOSHADE
<html>
<head>
<meta name="Author" content="Hustina">
</head>
<H1 ALIGN=CENTER> <U> MY <SUB>FIRST</SUB>
HOME <SUP>PAGE</SUB></U> </H1>
<body>
<FONT SIZE = 12 COLOR = "red" FACE = "ARIEAL" >
In this site you can see my resume
</FONT>
<HR SIZE = 2 WIDTH = 500 ALIGN = center>
<PRE>
###########
# HUSTINA #
###########
</PRE>
</body>
</html>
With Background Color
<BODY ALINK=#rrggbb BACKGROUND=URL
BGCOLOR=#rrggbb LINK=#rrggbb TEXT=#rrggbb
VLINK=#rrggbb>
Example :
<BODY ALINK=#FF0000 BACKGROUND=back.jpg
LINK=#0000FF VLINK=#00FF00 TEXT=#000000
BGCOLOR=#FF00FF>
ALINK=#FF0000 : Red
VLINK=#00FF00 : Green
TEXT=#000000 : Black
LINK=#0000FF : Blue
BGCOLOR=#FF00FF : Combine Red and Blue
BACKGROUND : URL
With Background Color
<html>
<head>
<meta name="Author" content=Hustina">
</head>
<body text="#000000" bgcolor="#3366FF"
link="#FFFFFF" vlink="#551A8B"
alink="#FF0000">
In this site you can see my resume
</body>
</html>
Order List
<OL | TYPE = 1 / a / A / i / I | START = X | >
<LI> ... item 1 ....
<LI> ... item 2 ....
<LI> ... item 3 ....
.
.
.
</OL>
Note
TYPE = Type Order
X = Initial Value
Order List
<HTML>
<HTML>
<HEAD>
<TITLEL> Ordered List </TITLE>
</HEAD>
<BODY>
<p>Result survey for music Jazz categori</p>
<OL>
<LI> Four Play - Between The Sheets
<LI> Al Jarreau - The Best Of Al Jarreau
<LI> Russ Freeman & David Benoit - Benoit & Freeman
Project
</OL>
</BODY>
</HTML>
UnOrder List
<UL | TYPE = disc / circle / square | >
<LI> ... item 1 ....
<LI> ... item 2 ....
<LI> ... item 3 ....
.
.
</UL>
Note
Example:
<html>
<head>
<meta name="Author" content=Hustina">
</head>
<body text="#000000" bgcolor="#3366FF" link="#FFFFFF"
vlink="#551A8B" alink="#FF0000">
<img SRC =c:\campuran\kartu.gif height=200 width=400></a>
In this site you can see my resume and in this
<a href="http://www.kompas.com">site</a> you can read some
news <br>
You can drop your email to <P>
<a
href=mailto:hustina88@hotmail.com">hustina88@hotmail.com</a
>
</body>
</html>
Adding Animation
<MARQUEE WIDTH/HEIGHT=A BGCOLOR=B
SCROLLDILEY=C LOOP=D BEHAVIOR=E
DIRECTION=F>isi teks</MARQUEE>
Note:
A = Widht/Height Marquee (pixel/percent)
B = Background Marquee
C = Delay Animation
D = Looping animation, value = -1
E = Animation models : scroll, Slide dan alternate.
F = Animation direction
Adding Animation
<HTML>
<head>
<meta name="Author" content="Hustina">
</head>
<body>
<p>Text Animation Use Slide Marquee</P>
<marquee direction=right width=50%
height=10% bgcolor=blue scrolldelay=300
behavior=slide> Universitas Gunadarma
Program Pasca Sarjana
</Marquee>
</body>
</HTML>
Adding Table
<TABLE | ALIGN = A BACKGROUND = B BGCOLOR = C
CELLSPACING = D CELLPADDING = E BORDER = F | >
<CAPTION> .... Tabel Caption .... </CAPTION>
<TR><TH> .... Column Header ..... </TH></TR>
<TR><TD> .... Fill cell .... </TD></TR>
</TABLE>
Note:
A = Alignment (left / center / right)
B = Picture Background cell
C = Color Backgrount cell
D = Size border cell
E = Number column
F = Number Row
Adding Table
<HTML>
<HEAD> <TITLE> Creating Tabel in HTML</TITLE>
</HEAD>
<BODY>
<TABLE BORDER = 4>
<CAPTION> Result survey Jak-Jazz 1993 </CAPTION>
<TR>
<TH ROWSPAN = 2> </TH>
<TH ROWSPAN = 2> </TH>
<TH COLSPAN = 3> ARTIST </TH> </TR>
<TR>
<TH> Hiroko Kokubu </TH>
<TH> MezzoForte </TH>
<TH> Casiopea </TH></TR>
Adding Table
<TR>
<TH ROWSPAN = 2> HARI</TH>
<TH> Hari I </TH>
<TD ALIGN = CENTER> 20% </TD>
<TD ALIGN = CENTER> 33% </TD>
<TD ALIGN = CENTER> 47% </TD>
</TR>
<TR>
<TH> Hari II </TH>
<TD ALIGN = CENTER> 20% </TD>
<TD ALIGN = CENTER> 68% </TD>
<TD ALIGN = CENTER> 12% </TD>
</TR>
</TABLE></BODY></HTML>
Adding MultiColumn
<MULTICOL COLS=A GUTTER=B WIDTH=C>
<P></P>
<P></P>
<P></P>
</MULTICOL>
Note:
A = Column
B = Space
B = Width
Adding Multicolumn
<html>
<MULTICOL COLS="3" GUTTER="25">
<P>The Office Assistant, which replaces
the PowerPoint 95 Answer Wizard, uses IntelliSense
natural-language technology. </P>
<P>The AutoContent Wizard has
been enhanced in PowerPoint 97</P>
<P>PowerPoint Central links you with
many helpful resources such as tutorials,
professionally designed templates, additional textures,
sounds, and animation clips</P>
</MULTICOL>
</html>
Adding Frame
<FRAMESET ROWS COLS SCROLLING
NORESIZE>
<FRAME SRC..>
<FRAME SRC..>
<FRAME SRC..>
</FRAMESET>
EXAMPLE:
<FRAMESET ROWS=20%,60%,20%>
<FRAME SRC=dokumen1.htm NAME=dok1>
<FRAME SRC=dokumen2.htm NAME=dok2>
<FRAME SRC=dokumen3.htm NAME=dok3>
</FRAMESET>
Adding Frame
<html>
<FRAMESET ROWS="10%,20%,30%>
<FRAME
SRC="http://www.microsoft.com">
<FRAME
SRC="http://www.kompas.com/index.ht
m">
<FRAME
SRC="http://www.borland.com/delphi/">
</FRAMESET>
</html>
Web Site which offer guest book
service:
http://www.theguestbook.com/
http://globalguest.com/
http://www.guestbook.de/
http://www.escati.com/
http://www.countz.com/guestbooks/
http://guest.onecenter.com/
http://www.bravenet.com/
etc.
Your first task
Loads 50 entries at a time beginning from the recent most. Using the 'load next
batch of entries' button you can load the next batch of guest records.
Fantastic load time due to highly optimized code and very small Flash file (9
KB).