Lecture 01 HTML
-
Upload
sundaymazigo -
Category
Documents
-
view
221 -
download
0
Transcript of Lecture 01 HTML
-
8/9/2019 Lecture 01 HTML
1/18
Slide No.Slide No. 11
Introduction to WebIntroduction to WebPublishingPublishing
ICT0203ICT0203
-
8/9/2019 Lecture 01 HTML
2/18
Slide No.Slide No. 22
HTML and Web Publishing
What is HTML?What is HTML? reviewreview
Why Learn HTMLWhy Learn HTML Netscape CoposerNetscape Coposer
-
8/9/2019 Lecture 01 HTML
3/18
Slide No.Slide No. 33
What is HTML
Hyperte!t Mar"#up LanguageHyperte!t Mar"#up Language
not a prograing languagenot a prograing language
$$ar"ing#up% te!t &or ephasis andar"ing#up% te!t &or ephasis and
organi'ationorgani'ation
standardstandard
-
8/9/2019 Lecture 01 HTML
4/18
Slide No.Slide No. 44
HTML &ile
()CII &ile *ith a +htl e!tension()CII &ile *ith a +htl e!tension
contains tags and te!tcontains tags and te!t
all *eb docuents are HTML &ilesall *eb docuents are HTML &iles
-
8/9/2019 Lecture 01 HTML
5/18
Slide No.Slide No. 55
Tags
coands surrounded by ,-coands surrounded by ,-
understood by the bro*ser to ta"e soeunderstood by the bro*ser to ta"e soe
actionaction
-
8/9/2019 Lecture 01 HTML
6/18
-
8/9/2019 Lecture 01 HTML
7/18 Slide No.Slide No. 77
Why learn HTML
Ha6e a global audienceHa6e a global audience
gro*th in the use &or business and coerce isgro*th in the use &or business and coerce is
e!panding dailye!panding daily do not need prograing s"illsdo not need prograing s"ills
you ha6e the &reedo to supply in&oration toyou ha6e the &reedo to supply in&oration to
readers in po*er&ully inno6ati6e *ays+readers in po*er&ully inno6ati6e *ays+Most dynaic ediu you *ill e6er publish inMost dynaic ediu you *ill e6er publish in
-
8/9/2019 Lecture 01 HTML
8/18 Slide No.Slide No. 88
What can I do in HTML
HTML tags can produceHTML tags can produce mostmost o& theo& the
&oratting a noral *ord processor can do+&oratting a noral *ord processor can do+
7tables4 paragraphs4 lists4 italics4 bold 5+87tables4 paragraphs4 lists4 italics4 bold 5+81ut it can also incorporate iages41ut it can also incorporate iages4
sounds4 4hyperlin"s4 other prograssounds4 4hyperlin"s4 other progras
9or each one o& these there is a special tag9or each one o& these there is a special tag
9or e!aple the anchor tag9or e!aple the anchor tag
-
8/9/2019 Lecture 01 HTML
9/18
-
8/9/2019 Lecture 01 HTML
10/18 Slide No.Slide No. 1010
;=portpath&ilenaeprotocol=host+doain>=portpath&ilenae
In our lin"s4 the protocol is usually HTTP4In our lin"s4 the protocol is usually HTTP4
but it can be ne*s4 telnet4 &tp 5but it can be ne*s4 telnet4 &tp 5
HTTP @ Hyperte!t trans&er protocolHTTP @ Hyperte!t trans&er protocol
-
8/9/2019 Lecture 01 HTML
11/18 Slide No.Slide No. 1111
Publishing on the Web
all *eb docuents are in HTMLall *eb docuents are in HTML
HTML describes the &orat layout andHTML describes the &orat layout and
logical structure o& a hyperedia docuentlogical structure o& a hyperedia docuent
user:s *eb bro*ser translates the HTMLuser:s *eb bro*ser translates the HTML
docuentdocuent
to publish # need to place the HTMLto publish # need to place the HTML
docuent *here the Web )er6er can access itdocuent *here the Web )er6er can access it
-
8/9/2019 Lecture 01 HTML
12/18 Slide No.Slide No. 1212
our ;
-
8/9/2019 Lecture 01 HTML
13/18 Slide No.Slide No. 1313
;pdating our Hoepage
There are any tools to use to create htlThere are any tools to use to create htl
docuents+ They range &ro siple te!tdocuents+ They range &ro siple te!t
editors *here you ha6e to "no* HTML toeditors *here you ha6e to "no* HTML to*hat you see is *hat you get en6ironents+*hat you see is *hat you get en6ironents+
These W)IWA tools are siilar to usingThese W)IWA tools are siilar to using
a *ord processor 7Word8 B 9rontPage4a *ord processor 7Word8 B 9rontPage4/rea*ea6er etc5/rea*ea6er etc5
-
8/9/2019 Lecture 01 HTML
14/18 Slide No.Slide No. 1414
Publishing
The process o& placing your *eb pages onThe process o& placing your *eb pages on
ser6erser6er
Most coon ethod used to publish *ebMost coon ethod used to publish *eb
pages is soe &or o& 9ile Trans&erpages is soe &or o& 9ile Trans&er
Protocol 79TP8Protocol 79TP8
-
8/9/2019 Lecture 01 HTML
15/18 Slide No.Slide No. 1515
9TP # The 9ile Trans&er Protocol
Ho* are *e going to trans&er the &ile7s8 *eHo* are *e going to trans&er the &ile7s8 *e
created using Word9rontPage that are no*created using Word9rontPage that are no*
on the &loppy to the directory WWW on theon the &loppy to the directory WWW on the1); Web )er6er?1); Web )er6er?
9TP9TP
The progra 9TP is loaded on anyThe progra 9TP is loaded on any
coputers on across capus+coputers on across capus+
-
8/9/2019 Lecture 01 HTML
16/18 Slide No.Slide No. 1616
(6ailability o& 9TP
9TP progras are a6ailable on all 1all )tate9TP progras are a6ailable on all 1all )tatecoputers+coputers+
They are standard 7and &ree8 *ith ostThey are standard 7and &ree8 *ith ostoperating systesoperating systes
Mini tutorial on 9TP and *eb pageMini tutorial on 9TP and *eb page
publishing =publishing =http=***+bsu+eduucsarticle042DD4EDFGhttp=***+bsu+eduucsarticle042DD4EDFGGF320J2400+htlGF320J2400+htl
-
8/9/2019 Lecture 01 HTML
17/18
Slide No.Slide No. 1717
Put and Aet
Machine from whereMachine from where
ftp was processedftp was processed
(your personal(your personalcomputer)computer)
Machine connecting toMachine connecting to(WebServer)(WebServer)
GetGet
PUTPUT
iles from the ftp machine going to theiles from the ftp machine going to the
connecting machineconnecting machine
get and put are the fundamentalget and put are the fundamental
commands in any TP programcommands in any TP program
iles from connecting machineiles from connecting machine
going to the ftp machinegoing to the ftp machine
-
8/9/2019 Lecture 01 HTML
18/18
Slide NoSlide No. 1818
Kuestions