lecture 01 html

Upload: sundaymazigo

Post on 02-Jun-2018

221 views

Category:

Documents


0 download

TRANSCRIPT

  • 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