<<   f x 7 Teaching Computer Science from K through 12  >>
Introduction to Computer Application II
Introduction to Computer Application II
Todays Subject
Todays Subject
Power Point
Power Point
Power Point
Power Point
Browsing
Browsing
BROWSING
BROWSING
FILE TRANSFER
FILE TRANSFER
EMAIL
EMAIL
VIDEO CONFERENCING
VIDEO CONFERENCING
AUDIO PLAYER
AUDIO PLAYER
WEBCAM BROADCAST
WEBCAM BROADCAST
HTML Program
HTML Program
A Simple HTML Program
A Simple HTML Program
Heading
Heading
Heading
Heading
Introduction to Computer Application II
Introduction to Computer Application II
Different font Style
Different font Style
<html> <head> <meta name="Author" content="Hustina"> </head> <H1
<html> <head> <meta name="Author" content="Hustina"> </head> <H1
Introduction to Computer Application II
Introduction to Computer Application II
FONT SIZE <FONT SIZE = X COLOR = Y FACE = Z >
FONT SIZE <FONT SIZE = X COLOR = Y FACE = Z >
<html> <head> <meta name="Author" content="Hustina"> </head> <H1
<html> <head> <meta name="Author" content="Hustina"> </head> <H1
Introduction to Computer Application II
Introduction to Computer Application II
With Background Color
With Background Color
With Background Color
With Background Color
Introduction to Computer Application II
Introduction to Computer Application II
Order List
Order List
Order List
Order List
Introduction to Computer Application II
Introduction to Computer Application II
UnOrder List
UnOrder List
UnOrder List
UnOrder List
Introduction to Computer Application II
Introduction to Computer Application II
Adding Link
Adding Link
Adding Link
Adding Link
Introduction to Computer Application II
Introduction to Computer Application II
Adding Picture
Adding Picture
Adding Picture
Adding Picture
Introduction to Computer Application II
Introduction to Computer Application II
Adding Animation
Adding Animation
Adding Animation
Adding Animation
Introduction to Computer Application II
Introduction to Computer Application II
Adding Table
Adding Table
Adding Table
Adding Table
Adding Table
Adding Table
Introduction to Computer Application II
Introduction to Computer Application II
Adding MultiColumn
Adding MultiColumn
Adding Multicolumn
Adding Multicolumn
Adding Frame
Adding Frame
<html> <FRAMESET ROWS="10%,20%,30%> <FRAME SRC="http://www
<html> <FRAMESET ROWS="10%,20%,30%> <FRAME SRC="http://www
Introduction to Computer Application II
Introduction to Computer Application II
Web Site which offer guest book service:
Web Site which offer guest book service:
Your first task
Your first task
Your second task
Your second task
ASP & Flash from- why
ASP & Flash from- why

: Introduction to Computer Application II. : Dwi Anoraganingrum. : Introduction to Computer Application II.ppt. zip-: 258 .

Introduction to Computer Application II

Introduction to Computer Application II.ppt
1 Introduction to Computer Application II

Introduction to Computer Application II

2 Todays Subject

Todays Subject

Power Point Practice Presentation Summary Internet Application HTML Program Practice

3 Power Point

Power Point

WHY

Animation

Can be embedded from another software application such as word, excell, access, picture, video, audio etc.

Interesting Presentation

Can be convert to html file

Goal

4 Power Point

Power Point

Create a new presentation Learning one by one from Menu in Power Point Learning some features from Power Point such as: Adding Picture Adding Word Art Practice to make a presentation and present it in front of class

5 Browsing

Browsing

Email

File Transfer

Remote Control

Video Conferencing

Tools

Audio player

Etc.

Webcam

Ads Banner

Video player

Internet & Multimedia Application:

6 BROWSING

BROWSING

Netscape

Internet Explorer

Plug in

Mozaik

7 FILE TRANSFER

FILE TRANSFER

REMOTE CONTROL

WS FTP

Telnet

FTP

Cute FTP

8 EMAIL

EMAIL

NON WEB BASED

WEB BASED

Netscape

Yahoo

gmx

Pegasus

Eudora

Hotmail

Microsoft Mail

Themail

etc

9 VIDEO CONFERENCING

VIDEO CONFERENCING

Webcam

Audio

B

+

Paltalk

NetMeeting

ICUII

Webcam

Audio

A

+

10 AUDIO PLAYER

AUDIO PLAYER

VIDEO PLAYER

Real Player

Media Player

Xing MP3

Quick Time

11 WEBCAM BROADCAST

WEBCAM BROADCAST

PIC TO PIC

Chillcam

Webcam

STREAMING

Webcam Camarades

WebcamNow

http://www.webcamworld.com

12 HTML Program

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

13 A Simple HTML Program

A Simple HTML Program

<html> <head> <meta name="Author" content=hustina"> </head> <body > In this site you can see my resume </body> </html>

14 Heading

Heading

<H1 > Heading level 1 </H1> <H2> Heading level 2 < /H2> <H3> Heading level 3 < /H3> <H4> Heading level 4 < /H4> <H5> Heading level 5 < /H5> <H6> Heading level 6 < /H6>

15 Heading

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>

16 Introduction to Computer Application II
17 Different font Style

Different font Style

<B>..</B> <I>...</I> <U>.</U> <sup>.</sup> <sub>.</sub> <PRE> ..</PRE> <BLINK> .... </BLINK>

18 <html> <head> <meta name="Author" content="Hustina"> </head> <H1

<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>

19 Introduction to Computer Application II
20 FONT SIZE <FONT SIZE = X COLOR = Y FACE = Z >

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

21 <html> <head> <meta name="Author" content="Hustina"> </head> <H1

<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>

22 Introduction to Computer Application II
23 With Background Color

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

24 With Background Color

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>

25 Introduction to Computer Application II
26 Order List

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

27 Order List

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>

28 Introduction to Computer Application II
29 UnOrder List

UnOrder List

<UL | TYPE = disc / circle / square | > <LI> ... item 1 .... <LI> ... item 2 .... <LI> ... item 3 .... . . </UL> Note TYPE = Type bullet

30 UnOrder List

UnOrder List

<HTML> <HEAD> <TITLE> Unordered List </TITLE> </HEAD> <BODY> <p>Type course </p> <UL> <LI> INTERNET <LI> LOTUS NOTES <LI> INFORMIX <LI> IBM AS/400 </UL> </BODY> </HTML>

31 Introduction to Computer Application II
32 Adding Link

Adding Link

<A HREF = URL [ TARGET = name frame ] > ..... </A> Example: <A HREF = mailto:webmaster@kursus.gunadarma.ac.id > Send e-mail ke Webmaster Gunadarma </A> <A HREF = http://www.gunadarma.ac.id > Universitas Gunadarma Homepage </A>

33 Adding Link

Adding Link

<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 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>

34 Introduction to Computer Application II
35 Adding Picture

Adding Picture

<IMG SRC=URL ALIGN=A ALT=B BORDER=C HEIGHT/WIDTH=D HSPACE/VSPACE=E> Note: A = Alignment ( left, right, top, middle, bottom) B = Alternatif text C = border size D = width and length image E = space Contoh : <IMG SRC=myface.jpg align=right alt=photoku border=4 height=400 widht=300>

36 Adding Picture

Adding Picture

<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>

37 Introduction to Computer Application II
38 Adding Animation

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

39 Adding Animation

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>

40 Introduction to Computer Application II
41 Adding Table

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

42 Adding Table

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>

43 Adding Table

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>

44 Introduction to Computer Application II
45 Adding MultiColumn

Adding MultiColumn

<MULTICOL COLS=A GUTTER=B WIDTH=C> <P></P> <P></P> <P></P> </MULTICOL> Note: A = Column B = Space B = Width

46 Adding Multicolumn

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>

47 Adding Frame

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>

48 <html> <FRAMESET ROWS="10%,20%,30%> <FRAME SRC="http://www

<html> <FRAMESET ROWS="10%,20%,30%> <FRAME SRC="http://www

microsoft.com"> <FRAME SRC="http://www.kompas.com/index.htm"> <FRAME SRC="http://www.borland.com/delphi/"> </FRAMESET> </html>

Adding Frame

49 Introduction to Computer Application II
50 Web Site which offer guest book service:

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.

51 Your first task

Your first task

Login with this command: login siswaXX Create a directory to put all your files there Put your image file there begin to practice ;-)

52 Your second task

Your second task

Create a homepage about your self (time= 30 minutes)

53 ASP & Flash from- why

ASP & Flash from- why

Smart eye-catching interactive Flash interface. Viewing guest entries one at a time through a book-like interface. Guest book entries stored in a SQL Server or Access database. 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). Client-side validation for Name and e-mail address fields.

Introduction to Computer Application II
http://900igr.net/prezentacija/anglijskij-jazyk/introduction-to-computer-application-ii-258355.html
c

29
900igr.net > > > Introduction to Computer Application II