Con estas 24 lecciones tienes la clave, base
para aprender a diseñar cualquier página web, te aconsejo que tengas paciencia
y llegarás muy lejos, usa tu Bloc de notas y no te olvides tu primera página la
guardas con la extensión html o htm, el nombre de las páginas web va todo junto
y sin acentos y sin comas, memorízate las (etiquetas) básicas realmente son
pocas, al terminar este Tutorial clave html,
SGS, ahora si éntrale a este “tutorial con clase” Aquí esta la URL,
desde el principio de el tutorial has clic en siguiente àhttp://html.conclase.net/tutorial/html/
, llevando ya la clave, base del html y,
cuando ya estés en este tutorial solo le das clic en siguiente desde la
primer lección hasta la ultima, todas las reglas de estilo están aquí y las famosas hojas de estilo, recomiéndaselo
a los seres humanos que más quieras, y a tus amigos , Aquí tienes mi Correo
electrónico: severinogonzalez@hotmail.com severinoglzs@yahoo.com Bye.
El
curso html clave Básico termina con los FRAMES
Un FRAME es un
marco que divide la pantalla en filas y columnas según la necesidades, con la
utilización de FRAMES, podremos la pantalla
en ventanas y utilizar en una parte un menú y en la otra parte alguna opción de
la web.
El primer paso antes de utilizar los FRAMES consiste en conocer las características del
atributo TARGET que determina la zona de la pantalla
en donde se mostrarán los documentos.
<A
HREF=”mi-pagina.htm” TARGET=”Arriba”>Pulsé aquí<A/>
<AHERF=”Mipagina.htm”
TARGE=”Abajo”>Pulsé aquí <A/>
TARGETà Determina el lugar de destino del
contenido del enlace especificado, una vez divida la pantalla deberemos indicar
los enlaces de código HTML el lugar de la
pantalla en donde serán visualizados.
Atributos de TARGET.
TARGET=
BLANKàEnlace a una nueva ventana.
TARGET=_SELFà Enlace, se carga en la misma
ventana.
TARGET=-PARENTàEnlace, se carga el FRAMESET inmediatamente superior al
documento.
TARGET=-TOPàEl enlace carga en la totalidad de la
ventana.
La etiqueta
<FRAMESET> es la permite dividir la
ventana ya sea verticales o horizontales, este código deberá estar incluido en
la etiqueta <HEAD> y <HEAD>.
El atributo ROWS define las filas y el atributo COLS define las columnas respectivamente, los
valores pueden ser en Pinceles o porcentajes.
Una vez
dividida la pantalla la etiqueta<FRAME>
es la encargada de llamar el documento html que se debe cargar en una ventana.
Esta
etiqueta tiene los siguientes atributos.
SRCà Muestra el valor URL del documento
que se debe mostrar en una ventana en particular.
NAMEàSé emplea para darle un número a las
ventanas.
MARGINGWIDTH=”Valor” àSé emplea cuando queremos precisar un
número de pinceles entre los bordes Izq. Y derecho de la ventana.
MARGINGHEIGHT=”Valor” àSé emplea para los bordes superior y inferior.
SCROLLING=”YES/NO/AUTO”
àYES/NO/AUTO este atributo se utiliza para mostrar barras de desplazamiento.
NORESIZEà La ventano no puede ser
redimensionada.
A
continuación, esas tres partes de ejemplo de FRAME
las corté y las pegué para más rápido.
Si son muy
buenos y debes aprender el teje y maneje pero después veras que aprendiendo a
diseñar en tablas HTML es una chulada pero
no té olvides que un buen diseñador debe tener noción de todo lo relacionado
con diseño HTML
Las páginas que contienen una definición de FRAME no pueden contener el elemento BODY ni ninguno de los elementos que habitualmente
aparecen en el BODY antes del
elemento FRAMESET que es el que
define la creación del FRAME. Si esto no se
cumple, el FRAME será ignorado.
Algunos visualizadores no soportan los frames. Para que nuestra página con frames no resulte opaca a ellos, se utilizará el elemento NOFRAMES que permite ofrecer un texto
alternativo en entorno normal.
Ejemplo:
<HTML>
<HEAD><TITLE> Mi titulo
></TITLE></HEAD>
<FRAMESET>
<NOFRAMES>
<BODY>
Su visualizador no soporta frases.
Pulse
<A
HREF="indice.htm">aquí </A> para volver.
</BODY>
</NOFRAMES>
<FRAME SRC="pagina1.htm"
>
<FRAME SRC="pagina2.htm"
>
</FRAMESET>
</HTML>
Esto de
los cruces es un poco complicado... fíjate en el contenido de cada página que
entra en juego. Cuando actives Ejemplo real
el fichero llamado es cruzado.htm. Pruébalo.
|
Fichero |
Contenido |
Acción |
|
aa.htm |
<A HREF="cc.htm"
TARGET="VENTANA"> |
Pone CC en el frame derecho |
|
<A HREF="cc.htm"> |
Trae CC |
|
|
bb.htm |
Esto es "VENTANA" |
No hace nada |
|
cc.htm |
<A HREF="bb.htm"
TARGET="VENTANA"> |
Pone BB en el frame derecho porque
se llama "VENTANA" |
|
<A HREF="aa.htm"> |
Trae AA |
|
|
cruzado.htm |
<FRAMESET> |
- |
|
<FRAME SRC="aa.htm"> |
Pone AA en el frame izqdo. |
|
|
<FRAME SRC="bb.htm"
NAME="VENTANA"> |
Pone BB en el frame derecho y le |
|
|
</FRAMESET> |
FRAMEBORDER se utiliza
como atributo de FRAMESET y establece si
serán visibles los bordes del frame o no. Puede tener dos valores: YES (por defecto) y NO.
Si escribes:
<FRAMESET FRAMEBORDER=NO COLS=30%,30%,30%>
<FRAME
SRC="a.htm">
<FRAME
SRC="b.htm">
<FRAME SRC="c.htm">
</FRAMESET>
Se
obtiene un frame de tres columnas sin barras de separación entre ellas.
BORDERCOLOR se
utiliza como atributo de FRAME y establece
el color de los bordes visibles. Evidentemente, para que funcione, se tendrá
que haber establecido FRAMEBORDER=yes
Si escribes:
<FRAMESET
COLS=30%,30%,30%>
<FRAME BORDERCOLOR="red"
SRC="a.htm">
<FRAME BORDERCOLOR="blue"SRC="b.htm">
<FRAME
SRC="c.htm">
</FRAMESET>
Mi página web: à http://www.oocities.org/espanol/severinoglzs/Index