programación en web
Post on 07-Jan-2016
236 Views
Preview:
DESCRIPTION
TRANSCRIPT
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 1/19
Programación enWeb
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 2/19
HTML
Unidad 1
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 3/19
Cuerpo
• <!DOCTYPE HTML>
<HTML>
<mea name"De#cripion$ %a&ue"Conenido$>
e& 'm& #e(a&a )ue ipo de dao e# e#e #e guarda con &a e*encion +'m&e& 'm& #e(a&a )ue ipo de dao e# e#e #e guarda con &a e*encion +'m&
e# como e& na%egador podr,a bu#car&o 'a- %ario# ipo#.e# como e& na%egador podr,a bu#car&o 'a- %ario# ipo#./De#cripion0000 por conenido/De#cripion0000 por conenido
/u'or 000 e& auor/u'or 000 e& auor
/2eneraor 000 Programa )ue ui&i3a/2eneraor 000 Programa )ue ui&i3a
/4e-5ord# 000 pa&abra# c&a%e/4e-5ord# 000 pa&abra# c&a%e 66+ E#o# pueden #er ui&i3ado# &o# 766+ E#o# pueden #er ui&i3ado# &o# 7
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 4/19
8ue e# 'm&
• E# &a e#rucura de una pagina 5eb
• Cua& e# &a #ina*i# de e& HTML
<ei)uea aribuo"%a&or$>conenido<9ei)uea>La ei)uea e# donde #e coniene odo por e:emp&o un boón; un iu&o; ec++
ribuo e# e#e de &a ei)uea )ue #ea co&or ro:o; #ea un ipo de#ea cenrado ec++
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 5/19
e*o#
Para poner &a &era bo&d #e pone
<p> e#e# un prra=o un poco coro para un e:emp&o -e#e e*o #er un peda3o ipo &era bo&d -<9b> &o #iguno e# o#ea e#o <9p>
E#e =ue un e:emp&o de ipo de &era bo&d - #e pone <b> -cerrar#e &a ei)uera <9b> - &o )ue )uede denro o#ea e&conenido #er bo&d
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 6/19
• Para 'acer un cia o#ea una #angr,a e#e #e pone en &ei)uea <b&oc)uoe>
- #e cierra <9b&oc)uoe> + Lo )ue )uede denro #e
•
Para poner en i&ica e# con <cie>e#o #er ia&ica<• Poner una &,nea #eparadora #o&o #e pone un <9'r> #e
#o&a - abre en #i mi#ma - #o&o #epara - #e pone una &,
• Para 'acer un &in <a 're="ur&+'m&$>?nicio<9a>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 7/19
En&ace#@&inA
• <a arge"Bb&an$ 're="OraPagina+p'p$>ue%En&ace<9a>
• En&ace para oro arc'i%o +
• a en e& 'ead
• <&in re&"#-&e#'ee$ 're="e#i&o+c##$>0000para c##
• <#crip #rc"arc'i%oa%a+:#$><9#crip>00000para a%a
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 8/19
?cono de &a pagina
• <&in re&F#'orcou iconF -oeFimage9*0iconF're=F?con+icoF>
• Giempre #e debe poner&e e& +ico #i no no =uncionaria+
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 9/19
L?GT
• <u&> 0000 crea una &i#a
• <&i>00000 conenido uno <9&i>
• <9u&> 000 #e cierra &a &i#a
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 10/19
?magene#
• Poner una imagen
• <img #crF?mage+pngF 5id'FIIF 'eig'FIIF9>
• Para poner un &ererio a& pa#ar e& mou#e #e pone como a
i&e"a)ui e& conenido$E:emp&o.
<img #rc"image+png$ 5id'JKI 'eig'"II$ i&e"E#una imagen$9>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 11/19
• <'ead>
E#e e# &a cabe3a de &a pagina a)u, #e ponen &o# en&acedar o #i re)uiere de ora pagina e#e debe cerrar#e de )ue empie3e e& bod-
<'ead>
<i&e>Pagina de prueba<9i&e>
<9'ead>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 12/19
• E# me:or conener cada #ección de &a pagina en di%=aci&iar #u# =uncione# a &a 'ora de u#ar c##
<di%>
6+ Cua&)uie co#a <9di%>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 13/19
Tab&a#
• <ab&e>
<r> 0000 empie3a &a &a
<'> 0000 co&umna
<d> 00 #ubiu&o de &a co&umna
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 14/19
=ormu&ario#
• <=orm acion"arc'i%o+p'p$ me'od"POGT$>
• En e#e arc'i%o #e manda e& arc'i%o - me'od e# por cua& mNodo ge
• <inpu -peFe*F %a&ueFe#cribe a)uiF id"unico$ name"ca:a1$>
e& ipo de )ue recibe - e& %a&ue &o )ue dira ambiNn e#a e& id )ue e#
%a&or - por #u pue#o #u nombre de &a %ariab&e+• <inpu -peFe*F p&ace'o&derFe#cribe a)uiF #i3eFKIF ma*&eng'
p&ace'o&der e#e e# ma# ba:o &a &era - pone# una &era - #e borraaunomaicamene
- #i3e e# ob%io e& ama(o e& oro e# e& m*imo )ue admiir+
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 15/19
• Lo# -pe de e*o #on a&guno#
• Te*; emai&; pa##5ord
• C'ecbo* e#e e# e& de &a pa&omia#
• Gubim e# para en%iar &o# dao# por medio de& acion e# comboón
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 16/19
Para #e&eccionar
<#e&ec name"e#ado$ id"e#ado$>
<opion %a&ue"me*ico$>me*ico<9opion>
<9#e&ec>
Para #e&eccionar de enre %ario# - e&egir #o&o uno
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 17/19
e#rucura
• Ge di%ide en e& encabe3ado; conenido - pie de pagindenro de& bod-
• Encabe3ado
• <'eader>
a)u, %a e& &ogoipo; e& men
<9'eader>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 18/19
Un men #e 'ace con &a ei)uea <na%> denro una &i#a<9na%>
<na%>
<u&>
<&i><a 're="&in+'m&$>??C?O<9a><9&i>
<9u&>
<9na%>
7/17/2019 Programación en Web
http://slidepdf.com/reader/full/programacion-en-web 19/19
• E& conenido #e u&i&i3an di% o aun me:or denro de& b %a e& #ecion - &e ponemo# una c&a## - denro de e#aaric&e para )ue goog&e &o recono3ca en &a# bu#)ued
• Y e& pie de pagina =ooer )ue ambn %a denro de& bo
• Lo# di% #e ui&i3an ma# para conener imgene# o %idco#a# no an imporane# para e& na%egador
top related