L

S
C
U
L
L
A

D
L

C
I
L
N
C
I
A
S

8
A
S
I
C
A
S

1
L
C
N
C
L
C
G
I
A

L

I
N
G
L
N
I
L
k
I
A

CU|A 0E LA0RAT0R|0 2010

0|8EN0 0E 8|T|08 wE 600. 301122



A6TUAL|ZA6|0N P0R:
|NC. HAUR|6|0 PER00H0 VARCA8





0C0TA (60L0H|A}
PR0CRAHA |NCEN|ER|A 0E 8|8TEHA8
AC08T0 2010

GUIA DL LA8CkA1CkIC AC1UALI2ACICN 2010

Nombre De| Curso DISLC DL SI1ICS WL8
rograma A| ue ertenece INGLNILkIA DL SIS1LMAS
D|rector de Curso ING MAUkICIC LkDCMC VAkGAS
Cbservac|n L| curso anter|ormente propon|a |a rea||zac|n de estas m|smas prct|cas
pero de forma separada por |o cua| se dec|d| un|f|car|as en pare[as de dos prct|cas
para que sean desarro||adas dentro de |os tres traba[o co|aborat|vos que t|ene e| curso

Pract|cas no. 1 y 2 - |ntroducc|n a hTHL, |mgenes,

h|perv|ncu|os, tab|a
0bjet|vos de |a prct|ca de |aborator|o:
6onocer que son et|quetas de hTHL: Ap||car y crear pag|nas hTHL por med|o de ed|tores
de texto (hTHL, hEA0, T|TLE, 00Y, TEXT0}, |dent|f|car, conocer y man|pu|ar |as et|quetas
para e| manejo de |mgenes, h|perv|ncu|os y tab|as
0escr|pc|n de |a pract|ca | act|v|dad
6rear un 8|t|o web de t|po hTHL con un m|n|mo de 5 (c|nco} pg|nas web, man|pu|ando |as
et|quetas bs|cas como hTHL, hEA0, T|TLE, 00Y en donde se ap||can co|or de fondo co|or
a| texto, |magen de fondo, |as et|quetas h1 a h, et|quetas de prrafo, et|quetas de texto, |as
HETA. L|stas ordenadas y ||stas desordenadas, co|or de texto. Adems se man|pu|aran
|mgenes, se crearan h|perv|ncu|os por med|o de texto e |mgenes, hac|a |as pg|nas
|nternas de| 8|t|o y|o pg|nas de otros s|t|os web.
8oftware a ut|||zar en |a prct|ca
Ed|tor de texto y browser.
Equ|pos | |nstrumentos a ut|||zar en |a prct|ca:
Equ|pos de cmputo - sa|a de s|stemas
Resu|tados a obtener en |a prct|ca 1 y 2
E| estud|ante 6reara e| s|t|o web hTHL de |a hoja de v|da de| estud|ante
(m|n|mo 5 pg|nas}, en donde se man|pu|e texto y |as et|quetas hTHL
menc|onadas en |a descr|pc|n de |a pract|ca junto con |a ap||cac|n de
|mgenes, tab|as e h|perv|ncu|os.

|nforme a entregar:
8|t|o web creado sobre |a hoja de v|da de| estud|ante a|macenado en una
carpeta con e| nombre (Pract|ca1-2_"Nombre de| estud|ante"} con e| |nforme de
|as et|quetas hTHL que se ut|||zaron en |as prct|cas, como anexo en una de
|as pg|nas de| 8|t|o web de |a hoja de V|da, estas deben estar ub|cadas en un
tab|a donde se encuentre: nombre de |a et|queta, descr|pc|n y como se ap||co
en e| 8|t|o web creado.

Pract|cas no. 3 y 4 - Formu|ar|os y Harcos en hTHL con

hojas de est||o 688
0bjet|vos de |a prct|ca de |aborator|o:
6onocer, |dent|f|car, crear y man|pu|ar |os formu|ar|os y marcos en |enguaje hTHL, adems
6onocer, crear y man|pu|ar hojas de est||o de t|po 688
0escr|pc|n de |a pract|ca | act|v|dad
6rear pg|nas web que ut|||cen formu|ar|os, crear encuestas que man|pu|en TEXT, RA0|0,
6hE6KE0, L|8TA8, 0T0NE8, 8UH|T, RE8ET, creando para estas hojas de est||o para |a
man|pu|ac|n de t|tu|os pr|nc|pa|es, subt|tu|os, texto, tab|as, formu|ar|os
8oftware a ut|||zar en |a prct|ca
Ed|tor de texto y browser.
Equ|pos | |nstrumentos a ut|||zar en |a prct|ca:
Equ|pos de cmputo - sa|a de s|stemas
Resu|tados a obtener en |a prct|ca 3 y 4
E| estud|ante 6reara un s|t|o web hTHL de 4 pg|nas sobre una "T|enda
0eport|va" en este se deben ap||car Harcos o Frames para d|v|d|r |as pg|nas
de| 8|t|o. 0ebe ex|st|r una pg|na con un formu|ar|o de so||c|tud de
cot|zac|ones en ||nea e| cua| use |a func|n Ha||to (para crear e| formu|ar|o se
deben usar |os objetos re|ac|onados en |a descr|pc|n de |a pract|ca}, adems
se deben crear dos hojas de est||o, una para e| home o pg|na pr|nc|pa| de|
s|t|o y otra para |as dems pag|nas de| s|t|o de |a T|enda 0eport|va.

|nforme a entregar:
8|t|o web creado sobre |a "T|enda 0eport|va" de acuerdo con |o def|n|do en |os
(Resu|tados a obtener en |a pract|ca 3 y 4}. E| 8|t|o debe estar creado y
a|macenado en una carpeta con e| nombre (Pract|ca3-4_"Nombre de|
estud|ante"}, adems e| estud|ante debe anexar en |a m|sma carpeta un
documento en word, donde se responda a |as s|gu|entes preguntas:

1. que tan fc|| o d|f|c|| fue para usted e| uso de |os Harcos?

2. E| uso de marcos mejora |a organ|zac|n de| s|t|o?

3. Para qu s|rve segn su usted |a func|n Ha||to?

4. 6omo |e parec| trabajar con hojas de est||o, s|mp||f|can e| trabajo de
construcc|n de pg|nas web?

5. Recomendac|n o aprec|ac|n persona| sobre |as pract|cas rea||zadas
hasta e| momento en e| curso?

Pract|cas no. 5 y - Java 8cr|pt y 6H8 Joom|a

0bjet|vos de |a prct|ca de |aborator|o:
6onocer y ap||car |enguaje java scr|pt en |a e|aborac|n de s|t|os web. 0|sear y pub||car
8|t|os web con e| 6H8 Joom|a.
0escr|pc|n de |a pract|ca | act|v|dad
6rear pg|nas web que man|pu|en e| co|or de |as bar ras de desp|azam|ento, crear
formu|ar|os en |os cua|es ver|f|car s| t|enen |nsertados datos en |os text, va||dar |os rad|os,
que |os text s| se p|den nmeros que so|o e n ese text rec|ba nmeros y no caracteres. 6rear
y pub||car en |a |nternet Un 8|t|o web de Joom|a.
8oftware a ut|||zar en |a prct|ca
Ed|tor de texto, browser, host|ng gratu|to, 6H8 Joom|a.
Equ|pos | |nstrumentos a ut|||zar en |a prct|ca:
Equ|pos de cmputo - sa|a de s|stemas
Resu|tados a obtener en |a prct|ca 5 y :
E| estud|ante creara un 8|t|o web de not|c|as en Joom|a e| cua| debe contener:

O Tres secc|ones (Not|c|as - 6|as|f|cados - V|deos}

O 8e|s categor|as ( 4 para not|c|as, 1 para c|as|f|cados y 1 para v|deos}

O 8e|s art|cu|os (uno por cada categor|a, en |a secc|n de c|as|f|cados se
sebe en|azar una pg|na externa de c|as|f|cados de su c|udad de or|gen.
La secc|n de v|deos debe tener 4 v|deos re|ac|onados con cada art|cu|o
de not|c|as pub||cado.

O 8e debe crear una pg|na embeb|da con un formu|ar|o de compra en
||nea de pauta de c|as|f|cados en Java 8cr|pt para que va||de |a
|nserc|n de datos de t|po numr|co y carcter segn corresponda.

O 8e debe crear un art|cu|o ad|c|ona| donde se cons|gnar e| |nforme de |a
prct|ca de cada estud|ante, este debe tener una descr|pc|n de |a
act|v|dad que rea||zo, conc|us|ones y una ref|ex|n f|na| sobre e| uso de
Joom|a y Java 8cr|pt.
|nforme a entregar:
6ada estud|ante debe hospedar en un host|ng gratu|to de |a |nternet su 8|t|o
web de Joom|a, con todos |os e|ementos re|ac|onados en |a parte de
(Resu|tados a obtener en |a prct|ca 5 y } de esta Cu|a, a||| se exp||ca cada uno
de |os componentes que debe tener e| 8|t|o y e| |nforme f|na| de |a pract|ca.