Post on 13-Feb-2018
7/23/2019 Gua Introduccion a HTML
1/16
1. IDENTIFICACION DE LA GUIA DE APRENDIZAJE
Cdigo: 328344 Fecha: 6 de Se!ie"#$e de% &'1&No"#$e de% P$o(ec!o: TECNICO EN SISTEMAS )D*$aci+ e+ ho$a,- &Fa,e de% P$o(ec!o:/oda%idad de 0o$"aci+: PRESENCIALE*io E2ec*!o$:
NOR/A DE CO/PETENCIAC3DIGO DENO/INACI3N
220501046APLICAR HERRAMIENTAS OFIMTICAS, REDES SOCIALES YCOLABORATIVAS DE ACUERDO CON EL PROYECTO ADESARROLLAR
DE APRENDIZAJEC3DIGO DENO/INACI3N
22050104604APLICAR CONTROLES Y ESTRUCTURAS BSICAS DEPRO!RAMACI"N DE UN LEN!UA#E ORIENTADO A EVENTOS DE
ACUERDO CON EL PROBLEMA A SOLUCIONAR
&. JUSTIFICACI3N
El HTML( HiperText Markup Language ) es el lenguaje utilizado para representar documentosen la WWW (World Wide Web). Adems de texto normal inclu!e tambi"n# elementos multimedia
(gr$icos# %&deo# audio) ! existen enlaces (links) 'ue permiten saltar a otras partes del documento oa otro sitio cual'uiera de nternet. tra caracter&stica mu! importante de este lenguaje es su
portabilidad# portable# es decir# se pueden %isualizar las pginas con cual'uier sistema operati%o.Las etiquetasconstitu!en la $iloso$&a de este lenguaje. *or medio de ellas se pueden controlar los
elementos tipogr$icos del texto+ Tipo# color ! tama,o de las $uentes# el estilo ( negrita# cursi%a#
etc )# as& como tambi"n la inclusi-n de tablas# listas# $ormularios# la inserci-n de $otos# sonidos#$ondos# los enlaces mencionados anteriormente. etc. Las eti'uetas se pueden modi$icar por medio
de sus atributos# "stos son del tipo atributo/%alor/ ! se colocan detrs del nombre de la eti'ueta
El nombre de la eti'ueta ! sus atributos se colocan entre los s&mbolos ! normalmente se usandos# una de inicio ! otra $inal# para conseguir el e$ecto deseado.
3. ACTI4IDADES 5 ESTRATEGIAS DE APRENDIZAJE
ACTI4IDAD 1INTRODUCCION AL LEGUAJE T/L
P$%$ &'($ $)(*+*$ )-./%&*$ &(%& -' $' 6, & S&/(*&.%&, '&%7 &*)$-' $ $*+&'(*$)*9 )-)&/($*;$)*9 & (&.$' &)&'$%*-' /$%$ & &(&*.*&(- /%-
7/23/2019 Gua Introduccion a HTML
2/16
& (&.$ &'/&)/-%&%, M-;*$ - !--& C?%-.& S&*- )-/*$ $ *%&))*9 &&)(%9*)$ @& '&&)&(%$ &'&*$ $ &'(& (&>(-
?((/:-(&)-.$()?+4-CB'4*'(*% $' )-)'*-&' &'/&)
7/23/2019 Gua Introduccion a HTML
3/16
E'($ /7*$ )-(*&& -' '**&(&' /(-'1 I(%-))*92 E'(%)(%$3 F-%.$(-'4 L*'($'5 E$)&'
6 E()
C$$ /(- /-'&& *J S* *)$.-' & )%'-% '-%& &'(& $.-' )*), &'(& -' &+$%$ $ -(%$/7*$ )- *
7/23/2019 Gua Introduccion a HTML
4/16
A?-%$ **)*$ & $/*)$(*+- $- )*) & & /%-%$.$ N-(&P$ M*%$ $ %7
7/23/2019 Gua Introduccion a HTML
5/16
E )9*- && @&$% & *)?$
7/23/2019 Gua Introduccion a HTML
6/16
E *'(%)(-% &)$%$- (-.$%$ $ +-)&%$ /$%$ (&%.*$% )- $ $)(*+*$ (-.$- $ '&'*9/%-/&'($ /$%$ &'($ $)(*+*$ C- $' *%&))*-&' &&)(%9*)$' $ %&+*'$$' /-% (- &'/&)*$&' @& /&%.*(& (- *)*- &(%& -' '.--' -' '.--' &.$-% .&-% Q
A@ '& &)&(%$ $-' &=&./-' $ (%$$=$%:
?(.Q?(.Q A%& )*&%%$ -).&(- HTML
?&$Q?&$Q E)$&;$- & $ /7*$ $@ '& )--)$ (*(-,
-Q-QD&(%- & &'($ &(*@&($ +$ (-$ $ /$%(& +*'*& & $/7*$ &
(*(&Q(*(&Q E ((- & $ /7*$ &
7/23/2019 Gua Introduccion a HTML
7/16
- )--% )--% QC-(-
7/23/2019 Gua Introduccion a HTML
8/16
IDTH66W SIXE3, /$%$ &'/&)*&' N- &+$ '*-' & $%*% )&%%$%
COLOR0000FF , /$%$ &'/&)*
7/23/2019 Gua Introduccion a HTML
9/16
BRQ S$(- & &$
HR IDTH5WQ A' '& )%&$%7 $ &$ & &
7/23/2019 Gua Introduccion a HTML
10/16
LIQ SENA LIQ TIC[S LIQ TECNICO LIQ SISTEMASOLQAQ AQ E ?*/&%(&>(- '- +)-' &(%- & (&>(- & -).&(-HTML @& /&%.*(& $ '$%*- $+&$% )- (- %&'/&)(- & $*.$&*. $*&
7/23/2019 Gua Introduccion a HTML
11/16
S& /&& *.$& )- &$)&: $ ?%&
7/23/2019 Gua Introduccion a HTML
12/16
oP%*.&% A/&*-oS&- A/&*-oT*/- & -).&(-oN$)*-$*$oN.&%- & *&(*
7/23/2019 Gua Introduccion a HTML
13/16
P$%$ **)*$% /%*.&%- $$*)&.-' -' '**&(&:
CASILLAS DE VERIFICACION:
U$ )$'*$ & +&%* QP&)$'% Qi+*!$.&)**%-' (/&)?&)J-> )?&)J&)?&)J& QL*%-'% Qi+*! $.&)**(&%&( (/&)?&)J-> QI(&%&( E %&'($- '&%7 & '**&(&:
;OTONES RADIO
L-' -(-&' %$*- @& )-./$%(& & .*'.- -.%& )-
7/23/2019 Gua Introduccion a HTML
14/16
Li,!a,L$' *'($' /&& '&% )-'(%*$' (**;$- (%&' &&.&(-':
1E &&.&(- HTML '&&)( \)-(&&-% /%*)*/$],2E &&.&(- HTML -/(*- \-/)*9 '*./&]3E &&.&(- HTML -/(%-/ \%/- & -/)*-&']
/IRA LOS EJE/PLOS.diH,e%ec!
o!g$o*o!io+ 4ALUE
7/23/2019 Gua Introduccion a HTML
15/16
#*!!o+$.&_(-(-^/%&$_ *_(-(-^/%&$_ (*(&_P%&$ 01_ QB-(- B((-#*!!o+Q
O(%- .-&- '& &(- @& *)-%/-%$%$ -' -(-&' N-%.$.&(&,&+*$% -%%$%EJE/PLOS:
i+*!(/&'.*( +$&E+*$% Qi+*!(/&'.*( +$&B-%%$% Qi+*!(/&'.*( +$&A)($*;$% Qi+*!(/&'.*( +$&C$)&$% Q
(&>($%&$QE'($ &(*@&($ (&>($%&$Q(&>($%&$Q -' /&%.*(& $'*$% $ ;-$ & (&>(-,-& & '$%*- /-%7 &')%**% $ %$ )$(*$ & (&>(-E=&./-
(&>($%&$ %-'8 )-'50Q PRUEBA DE ESCRITURA(&>($%&$Q
TIE/PO PARA ESTA ACTI4IDAD: 7 ORAS.
7. ;I;LIOGRAFIA
B')$-%&' & $ %&, !--&)-.)-
http://www.google.com.co/http://www.google.com.co/7/23/2019 Gua Introduccion a HTML
16/16
5. AMBIENTES DE APRENDIZAJE, MEDIOS Y RECURSOS DIDCTICOS
Ambientes Tics, Cm!"t#$%, T#b&e%, M#%c#$%es, 'i$e Be#m.Cne(i)n # Re$.
Elaborada por: Wilmer Pea Fecha 28 04 2012
Ajustada por: Wilmer Pea Fecha 28 04 2012