2. 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, etc.
1. Primeramente 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.
3. 2.- Abrir un editor de texto básico del computador (blog de notas), 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.
3.-Tener abierto un navegador con el archivo que se está creando para ver
los resultados inmediatamente, para así ir creando y diseñando la página
web.
4. <html> </html>
Para indicarle al browser que es código HTML el que viene descrito a
continuación, se limita todo el código por estos dos parámetros. Dentro
de ellos se escribe el código de la página.
<title> </title>
Entre estos dos comandos va escrito el título de la página, este va en la
parte superior de la ventana que despliega el browser.
<br>
Este comando sirve para insertar un salto de línea dentro de la página.
5. </body>
Entre estos parámetros se escribe todo el texto de la página, el cuerpo
del documento (BODY). Con estos comandos se define el color general
de:
bgcolor=# color del fondo de la página, este color puede ser cambiado
por un fondo, (background)
text=# es el color del texto general de la página
link=# color del texto con link
vlink=# color del texto de link visitado
alink=# color del texto de link activo
background="" en este comando se puede detallar un fondo específico
para la página, un archivo de imagen.
6. <p>
Sirve para ingresar párrafos específicos dentro del contenido
<h!!> </h!!>
Especifica el tipo de título con un número del 1 al 6 en vez de !!,
especificando la importancia del título.
<fontface="Arial,Helvetica"color=# size=%%> </font>
Sirve para especificar las fuente del texto que va entre estos dos
parámetros.
face="Arial,Helvetica" Especifica el tipo de letra a utilizar.
color=# Especifica el color del texto a utilizar, descrito en anterioridad
Los colores se definen en formato RGB, . Estos colores consisten de seis
dígitos, o letras desde la A hasta la F.
size=%% Detalla el tamaño de la letra elegido, número entre el -6 y el +6,
en vez de %%.
Ejemplo de Font Arial, Helvetica y color #000000
8. <b> </b>
El texto que va entre estos dos parámetros se encuentra en
BOLD, o Negritas.
<i> </i>
El texto que va entre estos dos comandos se encuentra en Itálicas.
Ejemplo de Itálicas
<u> </u>
El texto que va entre estos dos parámetros está subrayado.
Ejemplo de Bold
9. <img src="$$" >
Este comando inserta imágenes dentro de las páginas web, tiene que
esta especificado el directorio en el caso que no se encuentre la imagen
en el mismo directorio que la página.
<img src="$$" align=" " > Detalla el alineamiento que tendría la
imagen (derecho=right, izquierdo=left y centrado=center)
EJEMPLO
<CENTER><img src="rosas.gif"></CENTER>
10. <li> </li>
Ayuda a ingresar viñetas dentro del texto.
Ejemplo de Viñeta
<ol><li> </li><li> </li>...</ol>
Este comando inserta viñetas con números, estos son contiguos.
1.-Ejemplo de Viñeta Numerada
<center> </center>
Centra un objeto, texto, imagen, tabla, etc.
<p align="left">
izquierda</p>
Deja el texto a la izquierda de la página
<p align="right">
derecha </p>
Deja el texto a la derecha de la página
12. Ej de una tabla de de 2 por 3, dos columnas por tres filas
<table border=1>
<tr>
<td> 1</td>
<td>2</td>
<td>3 </td>
</tr>
<tr>
<td> 4</td>
<td> 5</td>
<td> 6 </td>
</tr>
</table>
13. <a href="$$"> </a>
Sirve para realizar direccionamiento a nuevas páginas webs,
LINKS. Puede ser un texto o una imagen. En vez de $$, se puede
colocar la dirección a donde va a apuntar, http://www.ing.puc.cl o
puede ser colores.htm, 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.
ñ
Con este comando se escriben la ñ.
Se utiliza para ingresar espacios dentro del texto, para ingresar
más de un espacio en la página.
14. <COMMENT>.....< /COMMENT>
Define un comentario. Todo el texto es ignorado aun si incluye codigo
HTML.
ALIGN="..."--Fija el alineaminto. Por ejemplo: "center", "right", o "left".
<FONT atributo=">...< /FONT>
Fija las propiedades y el tipo de letra del texto que contiene.
Atributos:
SIZE="..."--Fija el tamaño de las letras desde valores entre 1 y 7 donde 3
es el valor por omisión. Se puede especificar valores relativos, ejemplo.
SIZE=+3 .
COLOR="..."--Especifica el color de las letras.
FACE="..."--Especifica el tipo de letra. Se puede definir una lista separada
por comas. Por ejemplo: Arial, Verdana, etc.
15. <HR atributo1="..." atributo2="...">
Inserta una línea horizontal.
Atributos:
SIZE="..."--Especifica el grosor de la línea.
COLOR="..."--Especifica el color de la línea.(IE)
WIDTH="..."--Especifica la longitud de la línea como
porcentaje de la página, ejemplo. WIDTH=70% .
ALIGN="..."--Especifica el alineamiento: RIGHT, LEFT, o
CENTER.
NOSHADE--Muestra la línea como sólido.
16. <MARQUEE atributo1 atributo2>...< /MARQUEE>
Fija un texto que se desplaza por la pantalla.
Atributos:
ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles
son "TOP", "MIDDLE", o "BOTTOM".
BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión),
"SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se desplaze afuera
y adentro , "ALTERNATE" muestra el tetxo adelante y atras
repetidamente.
BGCOLOR="..."-- Fija el color de fondo.
DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT“
.
HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del
texto.
17. LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o
"INFINITE" repite indefinidamente.
SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada
display.
SCROLLDELAY="n"--Indica el tiempo de espera para mostrar
cada texto.
VSPACE="n"-- Fija el margen superior e inferior del texto.
WIDTH="..."-- Fija el ancho del Marquee en pixels o %.
HEIGHT="..."-- Fija la altura del texto en Pixels o %.
18. <BGSOUND atributo1 atributo2>
Reproduce un archivo de sonidos en el fondo cuando
la página es cargada. Este archivo de sonido puede ser
de tipo (.wav or .au) o midi (.mid).
Atributos:
SRC="..."-- indica el archivo de musica.
LOOP="n"-- Indica el numero de veces que se repite.
Un valor de "-1" o "INFINITE" indica una reproducción
sin interrupción.
19. <EMBED atributo1 atributo2>< /EMBED>
Inserta un objeto multimedia, como un corto de video o sonido, en la
página. En los browser modernos se mantiene por compatibilidad.
Atributos:
SRC="..."-- Indica la ubicación del archivo.
AUTOSTART="..."--Especifica si iniciar la ejecución o No."TRUE" o
"FALSE".
HIGHT="..."-- Especifica el tamaño en pixels o %.
LOOP="..."-- Fija el numero de repeticiones. Los valores son "TRUE" o
"FALSE".
NAME="..."-- Indica el nombre del Objeto, en caso de haber otros en la
página.
20. WIDTH="..."--Especifica el ancho donde se mostrará el objeto.
START="..." Especifica el momento inicial de reproducción del video. Se
puede usar "FILEOPEN" por omisión, "MOUSEOVER", o ambos.
CONTROLS : Activa una serie de controles de Video.
DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se
puede soportar una imagen usando el SRC de primero para aquellos
Browser que no soportan Videos.
21. <FRAMESET atributo1="..." atributo2="...">...< /FRAMESET>
Define una serie de ventanas que forman una página. Los
comandos FRAME, y NOFRAMES van dentro de FRAMESET. El
comando FRAMESET se usa como el comando BODY.
Se puede incluir un comando BODY dentro del comando
NOFRAMES para aquellos browser que no soportan frames.
Atributos:
BORDER="..."--Indica el ancho (en pixels) del borde alrededor del
frame.(Netscape)
COLS="..."--Crea el frame como columnas y fija el tamaño de cada
columna. El ancho se puede expresar en %, pixels, o en tamaño
relativo (*). Por ejemplo, Si usted queire 3 frames de igual tamaño
en forma de columna use el atributo COL así: COLS=33%,33%,*
22. FRAMEBORDER="..."--Especifica si se muestra el borde del frame
en 3D o No. Los valores comunes son; 0 (sin borde) o 1
(Omisión).(IE)
FRAMESPACING="..."--Especifica la separación en pixels entre
frames.
ROWS="..."--Al igual que COLS especifica frames en forma de filas.
Por ejemplo, si desea un pequeño frame arriba de la página y uno
grande debajo el atributo ROWS sería: ROWS=15%,*
SCROLLING="..."--Indica si los frames llevan barra de
desplazamiento.
Los valores mas comunes son "yes", "no", y "auto".
23. <FRAME atributo1="..." atributo2="...">
Define un frame simple.
Atributos:
BORDER="..."--Especifica el ancho en pixels del borde alrededor del
frame.(Netscape)
FRAMEBORDER="..."--Especifica si se muestra el borde del frame en 3D
o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el margen izquierdo y derecho.
NAME="..."--Asigna un nombre al frame.
NORESIZE--Impide que el usuario cambie el tamaño.
SCROLLING="..."--Indica si los frames llevan barra de desplazamiento.
Los valores mas comunes son "yes", "no", y "auto".
SRC="..."--Indica el archivo que contiene el frame.
24. <IFRAME atributo1="..." atributo2="...">< /IFRAME>
Define un frame eventual. No necesita el comando FRAMESET.
Atributos:
ALIGN="..."--Especifica la posicion del texto alrededor del frame.
Los valores posibles son TOP, MIDDLE, BOTTOM, LEFT, y RIGHT.
FRAMEBORDER="..."--Especifica si se muestra el borde del frame
en 3D o No. Los valores comunes son; 0 (sin borde) o 1 (Omisión).
HEIGHT="..."--Especifica la altura del frame eventual.
MARGINHEIGHT="..."--Especifica los margenes superior e inferior.
MARGINWIDTH="..."--Especifica el margen izquierdo y derecho.
25. ANAME="..."--signa un nombre al frame.
NORESIZE--Impide que el usuario cambie el tamaño.
SCROLLING="..."--Indica si los frames llevan barra de
desplazamiento. Los valores mas comunes son "yes", "no", y
"auto".
SRC="..."--Indica el archivo que contiene el frame.
WIDTH="..."--Especifica el ancho del frame eventual.
<NOFRAMES>...< /NOFRAMES>
Se utiliza dentro de FRAMESET, cualquier objeto dentro de este
comando se ve solo en browsers que no soportan frames.