curso de html 5 primera parte

Upload: terryreyes

Post on 13-Feb-2018

224 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/23/2019 Curso de HTML 5 Primera Parte

    1/30

    @ZFA

    Lagbcrgjc Tcr8 Zlrry Rlyls

  • 7/23/2019 Curso de HTML 5 Primera Parte

    2/30

    Zlfgrmc

    Wul ls @ZFA

  • 7/23/2019 Curso de HTML 5 Primera Parte

    3/30

    Hgvg_ormpt y @ZFA

    Wul ls Hgvg_ormpt y su mfpcrtgiomg li ag [lb

    _mitgxms

    _lalotcrls

    Lvlitcs

    GTMs

    Ambrlrgs Lxtlrigs

    Gujmc ] Umjlc

    Umjlc li @ZFA

  • 7/23/2019 Curso de HTML 5 Primera Parte

    4/30

    Klcacogamzgomi

    Ftcjcs pgrg jltlotgr acogamzgomi jl vmsmtgitls

    Zrgbghc oci kcckal Fgps

    Ftcjcs y Cbhltcs

    Gafgoligfmlitc [lb ([lb _tcrgkl)

    Orlgr, allr y lamfmigr jgtcs

    Zmpcs jl gafgoligfmlitcs

    Ftcjcs

    Trcpmljgjls

    GTM Bgsls jl Jgtcs (MijlxljJB)

    BBJJ, ijmols y trgisgoomcils

    Gbrmr BBJJ, gkrlkgr y lamfmigr cbhltcs

    Bsquljgs jl jgtcs

    GTM fgilhc jl gro`mvcs (GTM Emal)

    _mstlfg jl gro`mvcs

    Trcpmljgjls jl gro`mvcs

    La jmsoc jurc

    Orlgomi jl gro`mvcs Lamfmigomi jl gro`mvcs

    Ocpmgr, ocrtgr y plkgr

    GTM Ceeamil

    Zrgbghc oci ag Ogo`l

    Fgimemlstc

    Ogtlkcrgs y Ocflitgrmcs

  • 7/23/2019 Curso de HTML 5 Primera Parte

    5/30

    Ags trls tloicackgs qul tmlil la @ZFA < sci

    @ZFA Wul ls3

    -

    Ls ui alikughl jl Ltmqultgs 6 1/9, ic ocieuijgfcs la alikughl @ZFA < oci laalikughl jl prckrgfgomi, pcrqul ic sci mkugals.

    O__

    - Zgfpcoc ls ui alikughl jl prckrgfgomi, tgi scac lstg g fljmc ogfmic jl slrac.

    Hgvg_ormpt c H_

    - Lstl s qul ls ui alikughl jl prckrgfgomi.

    Litciols jlomfcs qul8 @ZFA + O__ + Hgvg_ormpt 6 @ZFA }

    y jl lstg fgilrg tlijrlfcs ag altrg li oursmvg8 Lstl ls la ttuac jl ag wlb

    G`crg, jlblfcs sgblr gakc mfpcrtgitl li oss y ls qul la prcbalfg jl fcjmemogr uig ltmqultg

    li oss jl @ZFA sl fcjmemogrgi tcjgs ags ltmqultgs aagfgjgs 1`79

    ] pgrg lvmtgr lstc, jlblfcs usgr Oagsls lmjlitmemogjcrls

    Oagsls8 ags oagsls sl puljli utmamzgr vgrmcs lalflitcs y sl gkrlkgi gsm8

    Li @ZFA

    1`7 oagss6icfbrljloagsl9

    Li O__8 (sl pcil ui puitc y g ocitmiugomi sl pcil la icfbrl qul pusmfcs jl oagsl li @ZFA)

    .icfbrljloagsl { Ecit-egfmay8 oursmvl>}

    Mjlitmemogjcrls8 ls ac fmsfc qul ags oagsls scac qul ogfbmg la smkic y la gtrmbutc li la `tfa gsm8

    Li @ZFA

    1`7 mj6icfbrljlmijlitmemogjcr9

    Li O__8 (sl pcil ui smkic jl iuflrga y g ocitmiugomi, la icfbrl qul pusmfcs li la `tfa)

    #icfbrljlmjlitmemogjcr { Ecit-egfmay8oursmvl>}

    Lstl ls la tmtuac jl ag wlb

  • 7/23/2019 Curso de HTML 5 Primera Parte

    24/30

    La slalotcr Mj ls ougijc sl qumlrl gpamogr ogfbmcs g ui scac lalflitc jla @ZFA y la slalotcr

    oagss, ls ougijc sl qumlrl gpamogr ogfbmcs g vgrmcs lalflitc li ui scac ojmkc jl O__.

    Ags ltmqultgs 1am9 qul aalvbgfcs lo`gs8

    1ua9

    1am9Mimomc1/am9

    1am9ocitgotc1/m9

    1/ua9

    @grlfcs oci laac ui fli `crmzcitga jl fgilrg qul sl vlg amilga, yg qul, lstgs ltmqultgs sci

    jl tmpc Bacon

    Tgrg `golrag amilga pcijrlfcs li O__ ui slalotcr aagfgjc am8

    am { jmspagy8 miamil> }

    y emigaflitl quljgrg gsm8

    Mimomc Ocitgotc

    G`crg pgrg `golr qul ag ltmqultg 1gsmjl9 sl ocivmlrtg li uig bgrrg agtlrga. Jlblfcs pcilr8

    Gsmjl{ eacgt8 alet>}

    Li lstl ogsc, ag prcpmljgj eacgt gol qul sl rcfpg la eauhc jl ofc sl ocacogi acs lalflitcs

    li uig pkmig wlb y la alet `gol qul sl pcsmomcil g ag mzqumlrjg, gjlfs, `gol qul ic coupl

    tcjc la gio`c jl ag pkmig smic, ac qul jlbl coupgr. Gjlfs, `gol qul scac sl pcsmomcil g ag

    mzqumlrjg y qul rcjll tcjc su garljljcr. Lhlfpac

    Tgrg gkrlkgr ougitc qulrlfcs qul coupl, lsormbmrlfcs la vgacr li pmxolals gsm8

    Gsmjl{ eacgt8alet> `lmk`t87424px>}

    Ac qul quljg rcjlgijc tcjc ac jlfs

    Eacgt 8 Alet

  • 7/23/2019 Curso de HTML 5 Primera Parte

    25/30

    ] quljgrg gsm8

    Oci ag prcpmljgj fgrkmi pcjlfcs `golr slpgrgomcils y guflitgr uig slpgrgomi litrl ui

    lalflitc y ctrc, ag fmsfg pgagbrg ac jmol, fgrkli.

    Lhlfpac8

    OghgS7{fgrkmi-alet8 24px>}

    y quljg gs8

    Ags prcpmljgjls fgrkmi sl utmamzgi gsm8

    Fgrkmi-tcp8 la bcrjl jl ag oghg ga fgrkli jl grrmbg

    Fgrkmi-bcttcf8 la bcrjl jl ag oghg ga fgrkli jl gbghc

    Fgrkmi-alet8 la bcrjl jl ag oghg ga fgrkli mzqumlrjc

    Fgrkmi-rmk`t8 la bcrjl jl ag oghg ga fgrkli jlrlo`c

    G`crg sm qulrlfcs qul uig oghg rlspltl la fgrkli litrl uic y ctrc

    Lstl ls ac qul quljg mkuga

    Gpgrtl jla eacgt

    Oghg 7

    Oghg 7

    Gsm sl

    pcsmomcig li

    pmxolals

    Oghg 2

    Oghg 2

  • 7/23/2019 Curso de HTML 5 Primera Parte

    26/30

    _m qulrlfcs qul la lalflitc ilkrc rlspltl ag pcsmomi jl ui eacgt qul li lstl ogsc ls la

    lalflitc igrgihg la qul ocrtg la lalflitc ilkrc. Tcijrlfcs8

    LalflitcS7{oalgr8 bct`>}

    ] ocislkumrlfcs acs smkumlitl8

    Tgrg `golr ag slpgrgomi jl la lalflitc jl grrmbg, pcijrlfcs8

    LalflitcS7{oalgr8 bct`> fgrkmi-tcp874px>}

    G`crg, sm qumsmrgfcs qul sl gkrgijl ui bcrjl mzqumlrjc c jlrlo`c, mielrmcr c suplrmcr

    \tmamzgrlfcs ui pgjjmik.

    Lalflitc 7

    Lalflitc 7

    Lalflitc 7

    Lalflitc 7

  • 7/23/2019 Curso de HTML 5 Primera Parte

    27/30

    ] oci ui pgjjmik-rmk`t824 px, quljg gs8

    ] `golfcs qul sl gkrgijl ag pgrtl jlrlo`g y gs ocfc ag jlrlo`g pcjlfcs utmamzgr ui

    pgjjmik, alet, rmk`t, bcttcf y tcp.

    Ac qul `gol toimogflitl ls gkrgijgr su pgrtl mitlrig.

    Liagzgr ui gro`mvc oci ctrc

    Tgrg liagzgr ui jcouflitc @ZFA oci la fmsfc qul utmamzgfcs jl oss li ctrc @ZFA, jlblfcs

    `golr ac smkumlitl8

    1amin rla6styals`llt rle6styals`llt.oss/9

    ] jl lstg ecrfg pcjlfcs orlgr vgrmcs gro`mvcs @ZFA oci la fmsfc gro`mvc jl O__.

    Ocfc sgblfcs qul sm orlgfcs 2 gro`mvcs `tfa oci la fmsfc styals`llt, gfbgs pgkmigs sl

    vlri mkuga plrc, sm qulrlfcs fcjmemogr la O__ smi ogfbmgral la lstmac g ag prmflrg pgkmig.

    Jlblfcs gkrlkgr uig ltmqultg li la `lgj jl ag slkuijg pkmig wlb8

    1`lgj9

    1styal9

    Gqu vg la ojmkc O__.

    1/styal9

    1/`lgj9

    Lalflitc 7

  • 7/23/2019 Curso de HTML 5 Primera Parte

    28/30

    Tgrtl ?

    O__?. Iulvcs slalotcrls y iulvgs rlkags

    _lalotcrls jl ltmqultg8 bcjy lstg ls ag ltmqultg

    _lalotcrls jl mj8 #Lstllslamj

    _lalotcrls jl Oagsls8 .Lstglsagoagsl

    Acs iulvcs slalotcrls

    Lxmstl ag pcsmbmamjgj jl fcjmemogr uic c vgrmcs lalflitcs oci ag ltmqultg c slalotcr

    igfl6

    Tcr lhlfpac, pgrg pcjlr `golr euiomcigr lstc. Lsormbmrlfcs ? ltmqultgs li la bcjy

    Jlblfcs gkrlkgr la igfl y ag prcpmljgj vgacr pgrg pcjlrag usgr li la oss

    1p igfl6fmslalflitcsiulvcsjloss 9 @cag 1/p9

    1p igfl6fmslalflitcsiulvcsjloss 9 Lstc ls 1/p9

    1p9 \ig prulbg 1/p9

    ] li la oss pcijrlfcs gbrmlijc smlfprl ocro`ltls gitls jl ags aagvls8 ^V

    T^igfl6fmslalflitcsiulvcsjlossV{

    Ocacr8rlj>

    }

    Lstl iulvc slalotcr, hulkg ? ocsgs li la oss y sci8

    7. Acs smkics ^V8 Al mijmogi g acs igvlkgjcrls wlb qul al gpamqul la ocacr rlj g acs

    lalflitcs qul ocfmlioli li fms jlitrc jla igfl6fms lalflitcsiulvcsjlossV

    2. Ag ltmqultg mijmog qul scac sl gpamogrg la ocacr g ags ltmqultgs p

    Aulkc oci la fmsfc mjlitmemogjcr igfl, plrc oci la smkic $. Gsm8

  • 7/23/2019 Curso de HTML 5 Primera Parte

    29/30

    p^igfl$6ossV{

    ocacr8rlj>

    }

    Li lstl ogsc al lstgfcs jmomlijc qul tcjgs ags ltmqultgs p qul tlrfmili li tcs al gpamqulla ocacr.

    1p igfl6fmslalflitcsiulvcsjloss 9 @cag 1/p9

    1p igfl6fmslalflitcsiulvcsjloss 9 Lstc ls 1/p9

    1p9 \ig prulbg 1/p9

    Li lstl ogsc sl gpamogrg g acs 2 prmflrcs.

    ] pcr uatmfc, la mjlitmemogjcr igfl plrc oci la smkic jl gstlrmsoc * al mijmogrg qul sl

    gpamogrg g tcjgs ags ltmqultgs qul tlikgi ags pgagbrgs jlitrc jla igfl. Lhlfpac

    T^igfl*6iulvV{

    Ocacr8rlj>

    }

    Lstc qumlrl jlomr qul sl gpamogrg g tcjgs ags ltmqultgs qul aalvl iulv li la jcouflitc @ZFA,smi mfpcrtgr sm lstg gitls, li fljmc c jlspus ag pgagbrg.

    Ags pslujcoagsls

    Ocismstl li gpamogral ui lstmac fgs gjlitrc jl ag rgz ljl uig ltmqultg. Tcr lhlfpac8

    _upcikgfcs qul tlilfcs ? ltmqultgs `7

    1`79 tmtuac 7 1/`79

    1`79 tmtuac 2 1/`79

    1`79 tmtuac ? 1/`79

    ] qulrlfcs qul sl gpamqul ui ocacr g la slkuijc 1`79 qul ls la tmtuac 2, plrc smi slalotcrls.

    Ac `grlfcs jl ag smkumlitl fgilrg8

    @78it`6o`maj(2) {

    Ocacr8rlj>

    }

  • 7/23/2019 Curso de HTML 5 Primera Parte

    30/30

    8it`6o`maj(2)8 li la (iuflrc) mijmog ag pcsmomi jl ag ltmqultg.

    Ictg8 lstc scac sl gpamog g ags ltmqultgs `lrfgigs c li slouliomg.

    G`crg sm qumsmrgfcs ogfbmgr la ocacr jl acs lalflitcs mfpgrls jlblfcs ogfbmgr la iuflrc

    jlitrc jl acs pgritlsms y ocacogr8 lvli.

    @78it`6o`maj(lvli) {

    Ocacr8rlj>

    }

    Ags ltmqultgs 1spgf9 1/spgf9

    _mrvli pgrg slaloomcigr omlrtgs pgagbrgs jl uig tlxtc c prrgec. Lhlfpac8

    _m qumsmrgfcs qul sl fcjmemogrg scac ag pgagbrg tmtuac li vlz jl ac jlfs, `golfcs lstc8

    Li @ZFA

    1p91spgf oagss6scaclstl9 Zmtuac 1/spgf9 jl ag wlb 1/p9

    Li oss

    .scaclstl{ ocacr8rlj>}

    ] jl lstg fgilrg tlilfcs scac jl ocacr rchc, ag pgagbrg8 tmtuac li vlz jl ac jlfs8 jl ag

    wlb.