Ejercicios HTML

1.- Agrega el siguiente nombre a la página WEB (Duración 3 Minutos):
ombre !e la "agina: E#ercicio 1.1
$itulo !e la "agina: "rimer E#ercicio !e %$M&
'.- (tili)an!o la eti*ueta *ue aplica para los párra+os reali)a el e#ercicio con el
siguiente te,to (Duración - Minutos):
ombre !e la "agina: E#ercicio 1.'
$itulo !e "agina: ."or *ue /e !e especi0car más !e una +uente1
$e,to: Debe !e especi0car mas !e una +uente en caso !e *ue su primera opción no
este !isponible en la computa!ora !el lector. (na !e las +uentes *ue especi0*uen
!eberá ser una com2n3 como Arial para aumentar la probabili!a! !e *ue su pagina
WEB la mostrara.
3.- (tili)an!o el mismo e#ercicio anterior presentarlo en una "agina WEB con los 3
atributos !e alineación. 4omo resulta!o en la pagina aparecerá el te,to 3 5eces pero
con !i+erente alineación. (Duración - Minutos)
ombre !e la "agina: E#ercicio 1.3
6esto igual al e#ercicio 1.' pero con las in!icaciones menciona!as al inicio !el
e#ercicio 1.3
7.- (tili)an!o la eti*ueta !e 8alto !e l9nea !e te,to reali)ar el e#ercicio con el
siguiente te,to. (Duración - Minutos)
ombre !e la "agina: E#ercicio 1.7
$9tulo: $/e 6eason
$e,to:
:;m not a per+ect person
$/ere;re man< t/ings : =is/ : ne5er !o
But :;m continue learning
: ne5er meant to !o t/ese t/ings to <ou
: no= : /a5e to sa< be+ore : go
$/at : #ust =ant <ou to >no=
-.- (tili)an!o el e#ercicio 1.7 reali)a lo siguiente (Duración - Minutos):
4entra el titulo < utili)a el tama?o mas gran!e !e te,to para encabe)a!os al igual
agrega un ni5el 7 al resto !el te,to
ombre !e la "agina: E#ercicio 1.-
$itulo 4entra!o con $e,to !e Encabe)a!o más gran!e: $/e 6eason
$e,to !e encabe)a!o i5el 7:
:;m not a per+ect person
$/ere;re man< t/ings : =is/ : ne5er !o
But :;m continue learning
: ne5er meant to !o t/ese t/ings to <ou
: no= : /a5e to sa< be+ore : go
$/at : #ust =ant <ou to >no=
@.- (tili)an!o el e#ercicio 1.- reali)a lo siguiente (Duración 1A Minutos):
(tili)a los 3 atributos !e alineación !e tal manera *ue el te,to aparecerá tres 5eces
en página WEB
4entra el titulo < utili)a el tama?o mas gran!e !e te,to para encabe)a!os al igual
agrega un ni5el 7 al resto !el te,to
ombre !e la "agina: E#ercicio 1.@
$itulo 4entra!o con $e,to !e Encabe)a!o más gran!e: $/e 6eason
$e,to !e encabe)a!o i5el 7:
1
:;m not a per+ect person
$/ere;re man< t/ings : =is/ : ne5er !o
But :;m continue learning
: ne5er meant to !o t/ese t/ings to <ou
: no= : /a5e to sa< be+ore : go
$/at : #ust =ant <ou to >no=
B.- 6eali)a el siguiente e#ercicio utili)an!o la eti*ueta !e pre+ormatea!o para te,to <
utili)an!o comentarios en ca!a eti*ueta e,plican!o para *ue se utili)a ca!a una !e
las eti*uetas utili)a!as. (Duración 1- Minutos)
ombre !e la "agina: E#ercicio 1.B
$itulo 4entra!o con $e,to !e Encabe)a!o más gran!e: :n+ormación !e Automó5iles
Automó5il Marca Mo!elo "recio
4/e5< CM 'AA7 DBA3AAA
Ma,ima issan 'AA- D1EA3AAA
8un0re CM 'AA7 DFA3AAA
Arma!a issan 'AA@ D3-A3AAA
E.- 6eali)a la siguiente "agina WEB (Duración 'A Minutos)
CINEMARK
Te invitamos a que vengas a ver estas interesantes películas y conozcas
nuestras nuevas salas con los equipos de sonido que te encantarán,
con la compra de tu boleto también tendrás acceso a:
* Palomitas
* Refresco
* Hot Dog
Horarios de Peliculas
Pelicula Horarios Costo del Boleto
Superman 7:00 pm $40.00
Break Up 8:00 pm $35.00
ision !mposi"le 3 #:00 pm $40.00 $%&'(
NO FALTES
!
F.- 6eali)a el E#ercicio 1.F con las siguientes instrucciones. "ara el t9tulo utili)a un
tama?o !e letra gran!e. "rimer "árra+o utili)a la eti*ueta !e pre+ormatea!o3 resto
!el te,to normal3 2ltimo te,to utili)ar un tama?o !e letra pe*ue?o < encontrarás
caracteres especiales *ue se ten!rán *ue insertar. (Duración 1A Minutos)
t"A"T"#
t.).*.u )+, -,.) /)*!.)
0 1U-!) 23-/32)

$$$"tat#girls"com
$$$"i%tersco&e"com
$$$"tat#"r#
$$$"#%i'ersalm#sic"r#
()(!**! +%i'ersal M#sic R#ssia, A%-er
E.cl#si'e lice%se to I%tersco&e Recor-s"
1A.- 6eali)a el E#ercicio 1.1A con las siguientes instrucciones. "ara el titulo utili)a un
tama?o !e letra gran!e3 letra negrita < cGntralo a la página3 para el subtitulo utili)a
un tama?o !e letra mas pe*ue?o *ue el titulo pero mas gra!e *ue el resto !el te,to3
con letra negrita. "ara el párra+o !e te,to utili)a un tama?o !e te,to normal.
"re+ormatea la sección !e e#emplo < para la ultima sección !e te,to utili)a un tama?o
!e letra pe*ue?o < caracteres especiales (Duración 1A Minutos)
INTRODUCCION A HTML
DOCUMENTOS HTML
Las &agi%as /E0 so% -oc#me%tos HTML" +% -oc#me%to HTML co%siste e% te.to e
i%str#ccio%es es&eciales llama-os eti1#etas" Tie%e% las e.te%sio%es "2tml o "2tm"
,4emplo:
inde&.5tml $!ndica 6ue !nde& es un documento con contenido H*-(

Copyright© 1997 por Trejos Hermanos !"esores# $A$
3
11.- 6eali)a el E#ercicio 1.11 utili)an!o el mismo E#ercicio 1.1A. En los t9tulos a!emás
!e &etra en egrita agrega tambiGn letra 4ursi5a (Duración - Minutos)
1'. 6eali)a el E#ercicio 1.1' con las siguientes instrucciones. "ara el t9tulo utili)a un
tama?o !e letra gran!e3 agregan!o cursi5a < negrita a!emás !e centra!o. "ara el
subtitulo utili)a un tama?o !e letra normal a!emás !e negrita < cursi5a3 "ara la
primer sección !e te,to utili)a la eti*ueta !e pre+ormatea!o < la eti*ueta !e tac/a!o
para los !atos *ue as9 lo in!ican. "ara la 2ltima sección !e te,to utili)a un tama?o !e
letra pe*ue?o a!emás !e utili)ar caracteres especiales (Duración 1- Minutos)
TELMEX
LADA AUTOMATICA NACIONAL
7ec5a Hora $-)8)(*ele9ono Po"lacion *ipo de *ari9a inutos !mporte
ar:0' '5:55 $8'(8888 ;0%' onterre< P!C3 # '5.48
ar:08 '5:4# $8'(8888 ;087 onterre< P!C3 ' %.58
ar:'0 '%:'5 $8'(8888 #545 onterre= P!C3 3 7.74

4 Telefo%os -e Me.ico
13. 6eali)a el E#ercicio 1.13 utili)an!o el mismo E#ercicio 1.1' agregan!o subra<a!o
al titulo3 subtitulo < a los !atos !e :mporte. (Duración - Minutos)
TELMEX
LADA AUTOMATICA NACIONAL
Fecha Hora (LADA)Telefono Poblacion Tipo de Tarifa Minutos Importe
Mar-0 !"!! (#)#### $0% Monterre& PI'( ) !*+#
Mar-0# !"+) (#)#### $0#, Monterre& PI'( %*!#
Mar-0 %"! (#)#### )!+! Monterre- PI'( . ,*,+

% Te&e'onos (e Me)i"o
5
17. 6eali)a el E#ercicio 1.17 siguien!o las siguientes instrucciones. "ara el t9tulo
utili)a un tama?o !e letra gran!e a!emás !e letra cursi5a < negrita. "ara las
ecuaciones utili)a el mismo tama?o !e letra *ue el titulo a!emás !e los !atos en
sub9n!ice < super9n!ice (Duración - Minutos)
Ecuaciones Matemáticas
*
+
,-*
-
*
+
,.*
/
*
.
,0*
+
1-. 6eali)a el E#ercicio 1.1- siguien!o las siguientes instrucciones. "ara el te,to
utili)a un tama?o !e letra gran!e en negrita < centra!o. "ara el primer párra+o !e
te,to utili)a la eti*ueta !e $e,to $ipo Mecanogra0a!o < para el segun!o párra+o
utili)a un tama?o !e letra normal. (Duración - minutos)
1ti2!eta Te)to Tipo Me"anogra'ia(o
,stas eti6uetas dan un 9ormato de te&to o porcion del documento 6ue
en>lo"an. ,ste tipo de eti6uetas tiene una marca inicial? < una marca
9inal i>ual 6ue la inicial? pero con el caracter @A@.
Estas etiquetas dan un formato de texto o porcion del documento
que engloban Este tipo de etiquetas tiene una marca inicial! "
una marca final igual que la inicial! pero con el caracter #$#
1@. 6eali)a el E#ercicio 1.1@ siguien!o las siguientes instrucciones. "ara el t9tulo
utili)a un tama?o !e letra gran!e en negrita < cursi5a a!emás !e centra!o
a!emás !e especi0car el tipo !e letra *ue se !esea utili)ar. "ara la sección !e
te,to utili)a un tama?o !e letra normal alinean!o el te,to al centro <
especi0can!o el tipo !e +uente *ue se !esea utili)ar. o Hl5i!es colocar una
Iuente a!icional por si la primer opción no se encuentra !isponible. (Duración
1A Minutos)
EDITOR DE TEXTO
Un editor de texto es un programa sencillo que puede utilizar
para crear y editar documentos que contienen solo
6
texto. No incluyen opciones avanzadas de edicion o
formato.
1B. 6eali)a el E#ercicio 1.1B siguien!o las siguientes instrucciones. "ara el t9tulo
utili)ar un tama?o !e letra gran!e con cursi5a < negrita a!emás !e centra!o. "ara la
sección !e te,to alinea la sección !e te,to /acia la !erec/a < espec90ca un tipo !e
+uente a utili)ar. J en generales utili)a la eti*ueta con la *ue se selecciona el tama?o
!e la +uente !e to!o el !ocumento. (Duración 1A Minutos)
Cambiar el Texto
"ue!e cambiar el tama?o !e los caracteres
in!i5i!uales en su página Web para crear
e+ectos !e te,to interesantes ............
1E. 6eali)a el E#ercicio 1.1E siguien!o las siguientes instrucciones. "ara el t9tulo
utili)a un tama?o !e letra gran!e3 especi0ca el tipo !e letra a utili)ar3 subra<a!o3
negrita3 cursi5a < centra!o. "ara la primera sección !e te,to utili)a pre+ormatea!o
a!emás !e sub9n!ices < super9n!ices !on!e se in!ica. "ara la segun!a sección !e
te,to utili)a tipo !e te,to mecanogra0a!o3 letra cursi5a < la alineación !e la sección
centra!a a!emás !e subra<a!o en las partes *ue se in!ican. "ara la tercer sección
!e te,to utili)a la eti*ueta !e tac/a!o. "ara la cuarta sección !e te,to utili)a los
caracteres especiales *ue se in!ican. En generales especi0ca el tama?o !e letra
para to!o el !ocumento a!emás !el tipo !e +uente *ue aplicará para to!o el
!ocumento < los espacios en blanco correspon!ientes. (Duración 'A Minutos)
PROGRAMAS PARA CREAR
PAGINAS WEB
/ditor de Te0to Procesador de Palabras
/1emplo

" /1emplo
%
"
2otepad 3ord
Documento 4*t0t Documento 4*doc
Para crear una Pagina WEB usando un editor de texto o procesador de
palabras, debe de digitar el texto y luego las etiquetas HTML
Necesita un explorador de la E!
7
"Editorial Maran#rap$ics
1F. 6eali)a el e#ercicio 1.1F siguien!o las siguientes instrucciones. "ara el titulo
especi0ca un tama?o !e letra gran!e3 negrita3 cursi5a3 subra<a!o < centra!o. "ara la
sección !e te,to alineación centra!a < especi0ca un tama?o !e letra normal.
(Duración - Minutos)
EXPLORADORES DE LA
WEB
+% e.&lora-or -e la /E0 es #% &rograma 1#e le &ermite 'er 8 e.&lorar i%formaci9% e% la
///" Microsoft I%ter%et E.&lorer es #% e.&lora-or -e la /E0 Po&#lar 1#e es &arte -e
/i%-o$s" P#e-e tam:i;% o:te%erlo e% el sitio $$$"microsoft"com<ie o e% tie%-as -e
com&#taci9%
'A. 6eali)a el e#ercicio 1.'A siguien!o las siguientes instrucciones. "ara el t9tulo
especi0ca un tama?o !e letra gran!e < especi0ca el tipo !e letra a utili)ar3 a!emás
!e utili)ar negrita3 centra!o3 cursi5a < subra<a!o. "ara el subtitulo especi0ca un
tama?o normal !e letra < especi0ca un tipo !e letra a!emás !e subra<a!o <
alineación a la i)*uier!a. "ara la sección !e te,to especi0ca un tama?o !e letra
normal < un tipo !e letra a!emás !e letra cursi5a. En generales utili)a la eti*ueta
para *ue to!o el te,to !el !ocumento este !e un olor !e0ni!o (el *ue tu !eci!as).
(Duración 1A Minutos)
%&#'N& E!
Una pagina Web es un documento en la WWW. Puede incluir texto,
imágenes, sonido y video.
=
'1. 6eali)a el e#ercicio 1.'1 siguien!o las siguientes instrucciones. "ara el t9tulo
especi0ca un tama?o !e letra gran!e3 un tipo !e +uente < un color !etermina!o
a!emás !e negrita < entra!o. "ara la sección !e te,to especi0ca un tama?o !e letra3
un tipo !e +uente < un color !etermina!o !i+erente al titulo a!emás e alineación
centra!a < letra cursi5a. (Duración 1A Minutos)
H'%E()'N*UL+,
Las paginas WEB contienen hipervínculos, los cuales
son texto o imágenes destacados en una página Web
que se conecta a otras páginas en la WWW. Puede
selecionar un hipervínculo para mostrar una Página
WEB ubicada en la misma computadora o en alguna
parte al otro lado de la ciudad, país o el mundo.
''. 6eali)a el e#ercicio 1.'' siguien!o las siguientes instrucciones. "ara el titulo
especi0car un tama?o !e letra gran!e3 un tipo !e +uente < un color !etermina!o
a!emás !e centra!o3 negrita < subra<a!o. "ara el subtitulo especi0car un tama?o !e
letra < un color !etermina!o !i+erente al titulo. 8eparar en !os párra+os la primera <
segun!a sección !e te,to. . "ara la palabra WEB especi0car un tama?o !e letra < un
olor para ca!a una !e las letras3 los olores !e las 3 letras !ebe !e ser !i+erente
a!emás !e negrita < centra!o. J en generales especi0car un color !e +on!o para
to!o el !ocumento < especi0car un color !e te,to para to!o el !ocumento a!emás !e
un tama?o !e +uente para to!o el !ocumento. (Duración 'A Minutos)
(azones %ara *rear
%aginas E!
Compartir In'orma"i3n 4ersona&
M#c2as &erso%as crea% &>gi%as /E0 &ara com&artir
i%formaci9% acerca -e s#s familias, mascotas, 'acacio%es o
?
&asatiem&os fa'oritos" Otros lo 2ace% &ara &rese%tar #%
c#rric#l#m a &atro%os &ote%ciales"
P#e-e% crear &>gi%as /E0 &ara mostrar i%formaci9%
acerca -e #%a orga%i@aci9% a cl#: al 1#e &erte%ece" Es
&osi:le i%cl#ir #%a &rogramaci9% -e f#t#ros e'e%tos e
i%formaci9% -etalla-a acerca -e las metas -e -ic2a
orga%i@aci9%
516
'3. 6eali)a el e#ercicio 1.'3 utili)an!o las mismas intrusiones *ue el E#ercicio 1.''
solo *ue en el segun!o párra+o utili)ar la eti*ueta para crear un blo*ue. (Duración -
Minutos)
'7. 6eali)a el e#ercicio 1.'7 siguien!o las siguientes instrucciones. "ara el titulo
especi0car un tama?o !e letra3 tipo !e +uente < color !etermina!o a!emás !e
centra!o < negrita. "ara el resto !el !ocumento crear una lista or!ena!a
especi0can!o los caracteres especiales !on!e apli*uen. En generales agregar un
color !e +on!o al !ocumento as9 como especi0car un color para el te,to !e to!o el
!ocumento < un tama?o !e letra para to!o el !ocumento. (Duración 1A Minutos)
%&- .E M&N/&N&
1" ! CArc#los e.te%-i-os -e masa :>sica &ara &a8
!" B Ta@aC1!6 g<5o@D -e a@Ecar
3" F C#c2ara-ita -e Ca%ela Moli-a
'-. 6eali)ar el e#ercicio 1.'- utili)an!o las mismas instrucciones *ue el e#ercicio 1.'7
solo *ue en los ingre!ientes comen)ar la lista or!ena!a con el 5alor 33 !an!o como
resulta!o ingre!ientes 33 7 < -. (Duración - Minutos)
'@. 6eali)ar el e#ercicio 1.'@ utili)an!o las mismas instrucciones *ue el e#ercicio 1.'7
solo *ue la lista or!ena!a !e los ingre!ientes !eberá iniciar con el Kalor A.
"osteriormente comen)ar otra lista or!ena!a con el 5alor !e 2meros 6omanos.
(Duración - Minutos)
G
%&- .E M&N/&N&
A" ! CArc#los e.te%-i-os -e masa :>sica &ara &a8
0" B Ta@aC1!6 g<5o@D -e a@Ecar
C" F C#c2ara-ita -e Ca%ela Moli-a
I" ! CArc#los e.te%-i-os -e masa :>sica &ara &a8
II" B Ta@aC1!6 g<5o@D -e a@Ecar
III" F C#c2ara-ita -e Ca%ela Moli-a
'B. 6eali)ar el e#ercicio 1.'B utili)an!o las mismas instrucciones *ue el e#ercicio 1.'7
solo *ue en lugar !e crear una lista or!ena!a con los ingre!ientes se utilice una lista
!esor!ena!a. (Duración - Minutos)
'E. 6eali)ar el e#ercicio 1.'E con las siguientes instrucciones. "ara el titulo utili)ar un
tama?o !e letra gran!e3 con negrita3 especi0can!o un color < un tipo !e +uente
a!emás !e centra!o. "ara la lista !e !e0nición ca!a :tem !e la lista !eberá !e ir en
negrita < con un color !i+erente al !el titulo. (Duración 1A Minutos)
GLOSARIO
Anti7ir!s o't8are
Los 'ir#s -e soft$are so% molestos :its -e c9-igo 1#e &#e-e% -eteriorar s#s
arc2i'os -e &rograma" Para &roteger s# com&#ta-ora -e:er> #tili@ar #% soft$are
-e a%ti'ir#s"
An"ho (e 6an(a
Re&rese%ta c#a%ta i%formaci9% &#e-e lle'ar #%a re-" E%tre m>s am&lio el A%c2o
-e 0a%-a -e #%a re- 8 m>s r>&i-a s# 'eloci-a-, m>s i%formaci9% &o-r> almae%ar
'F. 6eali)ar el e#ercicio 1.'F con las siguientes instrucciones. "ara los t9tulos
L4H$E:DH < C&H8A6:HM utili)ar letra negrita < especi0car un tama?o gran!e !e
letra3 un tipo !e letra < un color !e +uente. "ara los subt9tulos L&A8 4&A8:4A83 "AJ
DE I6($A83 4%:IIH3 E8"E4:A8M especi0car un color !e +uente < negrita. En
generales para to!o el !ocumento mane#ar un color !e +on!o3 un tama?o !e letra <
un color para la +uente !e to!o el !ocumento3 e,cepto para los t9tulos < subt9tulos.
"ara el primer párra+o !e te,to alinearlo /acia la i)*uier!a < utili)ar letra cursi5a.
"ara el segun!o párra+o utili)ar cursi5a < consi!era *ue el segun!o párra+o esta
!entro !el primero. "ara &A8 4&A8:4A8 utili)a una lista or!ena!a3 para "AJ8 DE
I6($A8 una lista !esor!ena!a < para C&H8A6:H una lista !e !e0nición. (Duración 'A
Minutos)
1*
CONTENIDO
LA CLAICA
1" Pa8 -e Ma%@a%a
!" Pa8 -e Cere@a
3" Pa8 Ke8 Lime
4A9 D1 :RUTA
• Pa8 -e Moras
• Pa8 -e D#ra@%o Estilo Heorgia
• Pa8 -e Cir#ela
GLOSARIO
CHI::ON
Es #% ti&o -e relle%os &ara &a8s 1#e a&recia &or ser ligero 8 es&o%Ioso"
141CIA
Los aceites esce%ciales -e las es&ecias so% s# f#e%te -e sa:or &ero se e'a&ora%
co% el tiem&o"
Los pays o tartas recién hechos, sencillos y deliciosos, representan la omida asera en su
máximo esplendor. Sin embargo, a pesar de su apariencia casera, hay algunos trucos
para hacer pays y tartas partiendo desde cero.
Por esta razón le sugiero que lea la sección de temas básicos al final de este libro
antes de empezar a hacer las recetas. n ella encontrará todo lo que necesita
saber acerca del equipo adecuado y los ingredientes a usar, as! como
explicaciones detalladas acerca de las técnicas que le proporcionarán los
me"ores resultados

3A. 6eali)a el e#ercicio 1.3A siguien!o las siguientes instrucciones. "ara el t9tulo
especi0ca un tama?o !e letra < un color !etermina!o a!emás !e centra!o. Agrega
una imagen N.C:I o N.O"EC. (Duración - Minutos)
11
OLD NAJK
31. 6eali)a el e#ercicio 1.31 siguien!o las mismas instrucciones *ue el e#ercicio 1.3A
pero agregan!o un bor!e a la imagen < centran!o la imagen. (Duración - Minutos)
3'. 6eali)a el e#ercicio 1.3' siguien!o las mismas instrucciones *ue el e#ercicio 1.31
pero agregan!o un te,to alternati5o a la imagen. "ara 5er su +uncionamiento colocar
e*ui5oca!o la !irección !e la imagen. (Duración - Minutos)
33. 6eali)a el e#ercicio 1.33 siguien!o las siguientes instrucciones. Agregar una
imagen al !ocumento3 colocarle un bor!e alre!e!or < agregarle te,to alternati5o.
Alinear te,to con la imagen3 utili)an!o los 3 atributos !e alineación !e te,to para
imágenes !e tal manera *ue la imagen aparecerá tres 5eces #unto con el te,to pero
con !i+erente alineación. "ara *ue las imágenes no salgan empalma!as !espuGs !e
ca!a imagen agrega !os saltos !e l9nea. Agregar un titulo a la "ágina *ue apare)ca
centra!o con un tipo !e +uente3 tama?o !e letra < color !e0ni!o
$e,to a agregar: 8i /a a#usta!o te,to alre!e!or !e una imagen3 no pue!e alinearla
con te,to. (Duración 1A minutos).
37. 6eali)a el E#ercicio 1.37 siguien!o las siguientes instrucciones. Agregar una
imagen al !ocumento3 colocarle un bor!e3 agregarle te,to alternati5o < a#ustar el
te,to alre!e!or !e la imagen utili)an!o los !os atributos !e a#uste !e te,to alre!e!or
!e imagen. De tal manera *ue en la pantalla !eberán !e aparecer !os imágenes
ca!a una con los atributos !e a#uste !e te,to. "ara *ue las imágenes no salgan
empalma!as !espuGs !e ca!a imagen agrega los saltos !e l9nea *ue correspon!an.
Agregar un titulo a la "ágina *ue apare)ca centra!o con un tipo !e +uente3 tama?o
!e letra < color !e0ni!o
$e,to a a#ustar alre!e!or !e la imagen: 4omo t9tulo AO(8$A6 $EP$H A&6EDEDH6 DE
(A :MACE especi0can!o un tipo !e +uente3 un tama?o < un color3 "árra+o !e $e,to
"ue!e a#ustar el te,to alre!e!or !e una imagen para !arle a su pagina WEB una
apariencia pro+esional. 8i /a alinea!o una imagen con te,to3 no pue!e en5ol5erlo
alre!e!or !e la imagen. (Duración 1- Minutos)
3-. 6eali)a el e#ercicio 1.3- siguien!o las instrucciones *ue el e#ercicio 1.37 pero
agregan!o la eti*ueta !e !etener el te,to con los 3 atributos *ue le correspon!en.
De tal manera *ue ten!rás *ue agregar una imagen más para el tercer atributo !e
!etener el te,to. (Duración 1- Minutos)
3@. 6eali)a el e#ercicio 1.3@ siguien!o las instrucciones !el e#ercicio 1.3- pero
agregan!o espacios alre!e!or !e una imagen tanto /ori)ontalmente como
5erticalmente. (Duración - Minutos).
3B. 6eali)a el e#ercicio 1.3B siguien!o las instrucciones !el e#ercicio 1.3@ pero
agregan!o una imagen !e +on!o a la página. (Duración - Minutos)
3E. 6eali)a el e#ercicio 1.3E siguien!o las siguientes instrucciones. $9tulo principal:
4H8EOH8 "A6A AC6ECA6 :MQCEE83 en negrita3 subra<a!o3 centra!o3 especi0car
un tama?o !e letra < un color. Agregar una imagen utili)an!o un bor!e3 un te,to
1!
alternati5o3 alinean!o el te,to alre!e!or !e la imagen /acia la i)*uier!a. $e,to a
utili)ar:
$:"H8 DE :MQCEE8 (Especi0car un tama?o !e letra3 un tipo !e +uente < un color)
Al agregar imágenes a sus paginas WEB3 !ebe !e utili)ar las !e tipo C:I o O"EC *ue
son las mas populares en WWWW. "ue!e utili)ar un programa !e e!ición para
con5ertirla a +ormato C:I o O"EC. (En 4ursi5a)
Agregar otra imagen utili)an!o un bor!e3 un te,to alternati5o3 alinean!o el te,to
alre!e!or !e la imagen /acia la !erec/a < agregan!o espacios alre!e!or !e la
imagen tanto /ori)ontalmente como 5erticalmente.
$e,to a utili)ar:
$AMARH DE (A :MACE
&as imágenes aumentan el tiempo *ue toma para *ue una página WEB apare)ca en
la pantalla. 8i !ura !emasia!o3 los lectores pue!en per!er interes e irse a otra
pagina. (En cursi5a < utili)an!o te,to tipo mecanogra0a!o)
4uan!o sea posible3 !eberá utili)ar imágenes o arc/i5os pe*ue?os3 <a *ue estas se
trans+erirán más rápi!o. (4ursi5a3 te,to tipo mecanogra0a!o < utili)an!o la eti*ueta
*ue permite !etener el a#uste !el te,to alre!e!or !e una imagen).
Agregar otra imagen utili)an!o un bor!e3 un te,to alternati5o3 alinean!o el te,to
alre!e!or !e la imagen /acia la !erec/a < agregan!o espacios alre!e!or !e la
imagen tanto /ori)ontalmente como 5erticalmente. Escribir incorrecta la !irección !e
la imagen para *ue apare)ca el te,to alternati5o.
En generales colocar una imagen !e +on!o a to!a la página.
(Duración 'A Minutos)
3F. 6eali)a el E#ercicio 1.3F siguien!o las siguientes instrucciones. "ara el t9tulo
4(A$A8 6EC&A8 %H6:SH$A&E8 "(EDH AC6ECA6 A M: "AC:A agregarlo
centra!o3 en negrita3 en cursi5a3 subra<a!o < especi0can!o un tipo !e +uente3 un
tama?o < un color. "ara el conteni!o !e la página agregar una regla /ori)ontal < el
siguiente párra+o !e te,to en cursi5a: o utilice !emasia!as reglas /ori)ontales en su
pagina WEB3 <a *ue esto pue!e !istraer a sus lectores < /acerla !i+9cil !e leer. "ara la
2ltima sección !e te,to en cursi5a agregue otra regla /ori)ontal < el siguiente te,to:
$rate !e no colocar mas !e una regla en ca!a pantalla. (Duración - Minutos)
7A. 6eali)a el E#ercicio 1.7A siguien!o las instrucciones !el e#ercicio 1.3F solo *ue
agrega un anc/o !i+erente a ca!a una !e las reglas /ori)ontales. (Duración -
Minutos)
71. 6eali)a el E#ercicio 1.71 siguien!o las instrucciones !el e#ercicio 1.7A solo *ue
especi0ca el porcenta#e en *ue !eberá !e aparecer la regla a lo anc/o !el
!ocumento. "ara la regla /ori)ontal 1 especi0ca el -AT < para la ' el B-T.
(Duración - Minutos)
7'. 6eali)a el E#ercicio 1.7' siguien!o las instrucciones !el e#ercicio 1.71 solo *ue
especi0ca la alineación !e las reglas /ori)ontales. "ara la regla /ori)ontal 1
alineación a la !erec/a3 para la ' alineación a la i)*uier!a < agrega una tercer regla
al 0nal !el !ocumento con un anc/o !e 1- porcenta#e !e 1AAT < alineación
centra!a. (Duración - Minutos)
73. 6eali)a el E#ercicio 1.73 siguien!o las instrucciones !el e#ercicio 1.7' solo *ue
especi0ca un color para ca!a una !e las reglas /ori)ontales. (Duración - Minutos)
77. 6eali)a el E#ercicio 1.77 siguien!o las siguientes instrucciones. "ara el titulo
principal K:4(&H8 utili)a una letra cursi5a3 en negrita3 centra!o < especi0can!o un
tipo !e +uente un tama?o < un color. Agrega una regla /ori)ontal especi0can!o
anc/o3 alineación3 color < porcenta#e para *ue apare)ca a lo anc/o !e la página.
13
"ara los 59nculos 5amos a traba#ar con ' 59nculos. El primero /acien!o un 59nculo
con un E#ercicio <a reali)a!o en este aso el E#ercicio 3F < el segun!o a la "agina
principal !e %otmail.
VINCULOS
Ir a EIercicio 3G
Ir a Pagi%a Pri%ci&al Hotmail
7-. 6eali)a el E#ercicio 1.7- siguien!o las instrucciones !el 1.77 pero a!emás agrega
una imagen < /a) un 59nculo !e esta para *ue al seleccionarla nos lle5e a la "agina
!el e#ercicio 3F < agrega otra imagen < /a) un 5inculo !e esta para *ue al
seleccionarla nos lle5e a la "agina principal !e %otmail. (Duración 1A Minutos)
7@. 6eali)a el E#ercicio 1.7@ siguien!o las siguientes instrucciones. "ara el t9tulo
principal K:4(&H8 DE$6H DE (A "AC:A utili)ar negrita < centra!o. 6eali)ar un
5inculo !entro !e una misma pagina WEB llaman!o a los 59nculos "aso 1 "onerle
nombre al área !e la pagina WEB < "aso ' 4rear el Kinculo con un área !e la pagina
WEB. Agregar una imagen < el te,to *ue se in!ica posteriormente otra imagen < la
ultima sección !e te,to. Keri0ca *ue los 59nculos +unciones al seleccionar "aso 1 el
59nculo te !ebe !e lle5ar automáticamente a la sección !e te,to "aso 1 < si
seleccionas "aso ' el 59nculo te !ebe !e lle5ar a la sección !e te,to "aso '.
(Duración 1- Minutos)
;INCULO D1NTRO D1 UNA 4A<INA
Paso 1 Po%erle %om:re al >rea -e la &agi%a /E0
Paso ! Crear el Ji%c#lo co% #% >rea -e la &agi%a /E0
Paso 1 Po%erle %om:re al >rea -e la &agi%a /E0
De:e -e &o%erle %om:re al >rea -e la &>gi%a /E0 1#e -esea 1#e los lectores 'ea%
r>&i-ame%te"
Paso ! Crear el 'i%c#lo co% #% area -e la &agi%a /E0
De:e crear #% 'A%c#lo 1#e los lectores &#e-a% seleccio%ar &ara mostrar el >rea -e la
&>gi%a /E0
7B. 6eali)a el E#ercicio 1.7B siguien!o las instrucciones !el e#ercicio 1.7@ solo *ue con
la primer imagen crear un 59nculo *ue te lle5e a la misma imagen < agrega un te,to
15
IMAHEN
IMAHEN
*ue te in!i*ue *ue al seleccionar la imagen te lle5ará a la misma amplia!a.
(Duración - Minutos).
7E. 6eali)a el E#ercicio 1.7E siguien!o las instrucciones !el e#ercicio 1.7B pero
a!emás agregar al 0nal !el !ocumento un 59nculo con tu !irección !e correo
electrónico con el te,to En5iar correo electrónico para más in+ormación. (Duración -
Minutos)
7F. 6eali)a el E#ercicio 1.7F siguien!o las instrucciones !el e#ercicio 1.7E pero a!emás
agregar colores a los lin>s 5isita!os < no 5isita!os. (Duración - Minutos)
-A. 6eali)a el E#ercicio 1.-A siguien!o las siguientes instrucciones. "ara el t9tulo
cGntralo < utili)a negrita con un tama?o !e letra normal. :nserta una tabla como
la *ue se muestra a continuación: (Duración 1A Minutos)
1=UI4O D1 :UT6OL
12!ipos >!ga(ores <o&es
America Memo Oc2oa *
0arcelo%a Rafael Mar1#e@ 3
Port#gal Figo 5
-1. 6eali)a el E#ercicio 1.-1 siguien!o las instrucciones !el e#ercicio 1.-A pero
agregan!o un bor!e a la tabla. (Duración - Minutos)
-'. 6eali)a el E#ercicio 1.-' siguien!o las instrucciones !el e#ercicio 1.-1 pero
agregan!o la eti*ueta !e le<en!a para tablas en tama?o 73 centra!a3 negrita <
cursi5a colocan!o como le<en!a :n+ormación !e E*uipos. (Duración - Minutos).
-3. 6eali)a el E#ercicio 1.-3 siguien!o las instrucciones !el e#ercicio 1.-' pero
combinan!o las cel!as a tra5Gs !e columnas como se muestra a continuación.
(Duración - Minutos)
1=UI4O D1 :UT6OL
Inormacion !e los E"ui#os
12!ipos (e :!t?o&
12!ipos >!ga(ores <o&es
I%formacio%
America Memo Oc2oa *
0arcelo%a Rafael Mar1#e@ 3
Port#gal Figo 5
-7. 6eali)a el E#ercicio 1.-7 siguien!o las instrucciones !el e#ercicio 1.-' pero
combinan!o las cel!as a tra5Gs !e 0las como se muestra a continuación. (Duración
- Minutos)
1=UI4O D1 :UT6OL
Inormacion !e los E"ui#os
16
12!ipos (e :!t?o&
12!ipos >!ga(ores <o&es
America Memo Oc2oa *
0arcelo%a Rafael Mar1#e@ 3
Port#gal Figo 5
--. 6eali)a el E#ercicio 1.-- siguien!o las instrucciones !el e#ercicio 1.-7 pero
agregan!o alineación !e !atos /ori)ontalmente < 5erticalmente. "rimer Iila
Alineación 4entra!a < arriba3 segun!a 0la alineación a la !erec/a < al centro3 tercera
0la alineación a la i)*uier!a < aba#o < cuarta 0la !e#ar los 5alores !e+ault. (Duración
1A Minutos).
-@. 6eali)a el E#ercicio 1.-@ siguien!o las siguientes instrucciones. (tili)a las
eti*uetas necesarias para con0gurar un +ormulario < crea !os cua!ros !e te,to.
"rimer cua!ro !e te,to para Lombre !el AlumnoM con un anc/o !e -A caracteres <
como numero má,imo !e caracteres a intro!ucir !e 7-. 8egun!o 4ua!ro !e te,to
para LDirecciónM con las mismas caracter9sticas !el primero. $9tulo !e la página en
negrita < cursi5a L:n+ormación !el AlumnoM. (Duración 1A Minutos)
-B. 6eali)a el e#ercicio 1.-B siguien!o las instrucciones !el E#ercicio 1.-@ pero
a!emás incorpora un área !e te,to gran!e para L4omentarios < 8ugerenciasM !on!e
los comentarios *ue intro!u)ca el lector se a#usten automáticamente. (Duración -
Minutos)
-E. 6eali)a el e#ercicio 1.-E siguien!o las instrucciones !el E#ercicio 1.-B pero
a!emás incorpora cua!ros !e 5eri0cación antes !el área !e te,to !e comentarios.
&os cua!ros !e 5eri0cación son para LMatemáticasM < LI9sicaM. Antes agrega el te,to
L4ual es tu materia +a5orita:M (Duración - Minutos)
-F. 6eali)a el e#ercicio 1.-F siguien!o las instrucciones !el E#ercicio 1.-E pero
a!emás incorpora botones !e opción antes !el área !e te,to !e comentarios. &os
botones !e opción son para LUuintoM < L8e,toM. Antes agrega el te,to LEn *ue
semestre estas:M (Duración - Minutos)
@A. 6eali)a el e#ercicio 1.@A siguien!o las instrucciones !el E#ercicio 1.-F pero
a!emás agrega un botón !e En59o < uno !e Eliminar al 0nal !e comentarios <
8ugerencias. (Duración - Minutos)
@1. 6eali)a el e#ercicio 1.@1 siguien!o las siguientes instrucciones. 4oloca un soni!o
!e +on!o para la pagina WEB3 crea un 59nculo *ue al ser selecciona!o por el usuario
se acti5e un soni!o < coloca una imagen !e tal manera *ue al ser selecciona!a por el
usuario se acti5e un soni!o. $9tulo !e la "ágina en letra gran!e3 negrita < cursi5a
LAgregan!o 8oni!osM. (Duración 1A Minutos)
@'. 6eali)a el e#ercicio 1.@' siguien!o las siguientes instrucciones. 4rea un 59nculo
*ue al ser selecciona!o por el usuario se acti5e un 5i!eo < coloca una imagen !e tal
manera *ue al ser selecciona!a por el usuario se acti5e un 5i!eo. $9tulo !e la "ágina
en letra gran!e3 negrita < cursi5a LAgregan!o Ki!eosM. (Duración 1A Minutos)
0'N111111
17
1=