Professional Documents
Culture Documents
Detallamos a continuación los pasos a seguir para crear una página web, luego de esto
se pueden ir ingresando los comandos que se necesiten para agregar: textos, imágenes y
sonidos.
1.p Vrimeramente se aconseja crear un directorio donde de van a guardar todos los
archivos de la página web que se va a utilizar, esto se debe a que las imágenes,
sonidos o videos no se guardan dentro del archivo sino en forma separada (no
como en Word). En HTML las páginas Web sólo contienen texto, no están
guardadas en ellas propiamente tal ningún otro tipo de archivo.
2.p Abrir un editor de texto básico del computador (notepad), para luego guardar un
archivo con el código en HTML. La extensión con que se guarda el archivo tiene
que ser (.html o .htm), por ejemplo tarea.htm. Se pueden dar cuenta que los
archivos de Word tienen la extensión .doc y los de excel .xls, pueden ver esto en
las clases de Sistema Operativos que vimos con anterioridad. Ojo el archivo de
inicio de las páginas debiera ser index.htm, porque es el archivo por defecto que
ve un browser en un determinado directorio (Dirección).
3.p Tener abierto un browser con el archivo que se está creando para ver los
resultados inmediatamente, para así ir creando y diseñando la página web.
pppp pp
p
p
p
p
p
p
pp
p
pp
p
pp
p
p
p
p
pp
Î Î
pppp ppp
p
pp
ppp
pp
p
p
ppp
pp
p
p
p
p
p
pp
pp pp
ppp
ÎÎ
ppppp
p
p
pp
pp
ppppp
pppp
ppp p
ppp
Î
Î
ppppp
p
pp p
pp
ppppp
pp
p !"#$p%
p
p
pp&pp
p
p'
pp&
ppppp
ppp
p
pp&
p (
$
pp
pp
pppp
pp
p
p(
pp
pp(p
pp
pp(p
c c
pp
ppppp&
p&
p
pppp)
pp
Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus
códigos en al siguiente página COLORES. Estos colores consisten de seis dígitos, o
letras desde la A hasta la F.
Î
ppppp
ppppp
ppp
ppp
Î
pppp*pp pp
pp&
p
pp
Î Î
pppp&pp
pp
p
pp+
pp,pp-pp.pp
//p&
pp
pp
Ejemplo de Título 1
Î
!! Î
pppp*pp&pp&pp
p
ppp
p
p
Especifica el color del texto a utilizar, descrito en anterioridad
Los colores se definen en formato RGB, se puede ver ejemplos de los colores con sus
códigos en al siguiente página COLORES. Estos colores consisten de seis dígitos, o
letras desde la A hasta la F.
pp p
p
ppp
Î Î
ppppp
p
p pp
p
p
pppp!"p
p
0
Ejemplo de Bold
ÎÎ
ppppp
p
ppp
p
p
pppp1
ÎÎ
ppppp
p
ppp
p
p
pp 2
Ejemplo de Bold
Î
""
ppppp
ppp
pppp pp
p
c c
p&
pp
ppp
p
p
pppp
ppp
p
p
pp
Î ""Î
pppp*pp.p
pppp p103*p
ppp
p
pppp.pp44ppp
pp
pp
pppp ëttp://www.ing.puc.cl o puede ser
colores.ëtm, también puede ser reemplazada por mailto:andres@ing.puc.cl y así
aparecerá una ventana de mail a andres@ing.puc.cl al apretar el texto o imágenes que se
encuentren dentro de estos parámetros.
È#
pppp%
pp
pp pp5
È #
pppp*p.ppp
p
pp
ppp
ppp
ppp
Tabulaciones
ÎÎ
pppp0
pp ppp pppp
p
p2p
Ejemplo de Tabulación
Î Î
pppp62ppp5p
pp
° Ejemplo de Viñeta
Î
Î ÎÎ Î$$$Î
ppppp
pp5p
p+
p
p
p
Î Î
pppp%pp
7
p
pp p
Î
izquierdaÎ
Î
Î
%
Î
&%
Î
pppp%
pp&pp
ÎÎSe utiliza para definir una fila.
Î
p
ppppppÎ
pppppppppppppppÎ pÎ p
pppppppppppppppÎ Î
pppppppppppppppÎ pÎ p
ppppppÎ p
ppppppÎ
pppppppppppppppÎ pÎ p
pppppppppppppppÎ pÎ
pppppppppppppppÎ ppÎ p
ppppppÎ p
Î
p
123
456
Vara para generar una celda de varias filas o columnas, se logra poniendo un
número en la posición de "N", siendo este desde 2 en adelante, el uno no tiene
sentido, porque se coloca el comando <tr>.