Vous êtes sur la page 1sur 4

c c


  

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
  p p
p
p p
p
p p
 p
p p



Î Î 
pppp ppp 
p p p
ppp pp  
p
p
p pp

pp
p
p 
p
p
p

pp
p p  pp
ppp

ÎÎ
ppppp 
p
p

pp 
pp
pppp p
pppp 
ppp p p pp 


Î
 

  
 
Î

ppppp 
p
p p  p

pp
ppppp

pp

p !"#$p%
p 
p

p p&pp

p
p'



 

pp&

pppp p

pp p 
p

pp&

p (
$

  pp

pp
pppp

 

pp
p
p(

 

pp
pp(p 

 

pp 
pp(p

c c 
  

 
  p p

p pppp&

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.

Î 
pppp p

p pp pp 
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 &p p&pp
p ppp 
p
p



 Especifica el tipo de letra a utilizar.



 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.

 !! Detalla el tamaño de la letra elegido, número entre el -6 y el +6, en vez de


%%.

 pp p
p  pp p

Î Î 
ppppp
p p pp 
p
p
p ppp!"p
p
0 
Ejemplo de Bold

ÎÎ
ppppp
p ppp 
p
p

p ppp1 
 
 

ÎÎ
ppppp
p ppp 
p
p
p p  2

Ejemplo de Bold

Î ""
pppp p

p p p
pp p p  pp p
c c 
  

 p &
pp

ppp
p p
p ppp
ppp 
p

p pp

Î "" Detalla el alineamiento que tendría la imagen


(derecho=right, izquierdo=left y centrado=center)

Î ""Î
pppp*pp.p

pp p p  p103*p
p pp
p
pppp.pp44p pp

 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%
p p

p p  pp5

È #
pppp*p.pp p 
p
pp
pp p
 ppp 
ppp

Tabulaciones

ÎÎ
pppp0 
pp pp p ppp p
p
 p2p  

Ejemplo de Tabulación

Î Î
pppp62pp p5 p
pp


° Ejemplo de Viñeta

Î
Î ÎÎ Î$$$Î


pppp p

p p5 p
p+
p 
p
p



1.p Ejemplo de Viñeta Numerada

Î Î
pppp%pp
7
p
pp p

Î 
izquierdaÎ

Deja el texto a la izquierda de la página


c c 
  

Î  


derecha Î

Deja el texto a la derecha de la página

Î 

Î
%
Î 
&%
Î 
pppp%

pp&pp 
ÎÎSe utiliza para definir una fila.

Î Î  Define una columna de la tabla


Ej de una tabla de de 2 por 3, dos columnas por tres filas

Î 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>.

Vous aimerez peut-être aussi