Capitulos de este wiki

Inicio

1 Introducción al lenguaje HTML
2 Primeros pasos con HTML
3 Parrafos en HTML
4 Cómo insertar imagenes en una pagina
5 Cómo crear enlaces hipertexto
6 PRÁCTICA 1: La pagina web de "La chistera"
7 Anclas (I)
8 Anclas (II)
9 Formato de texto
10 La etiqueta FONT
11 Texto preformateado
12 Acentos y otros caracteres especiales
13 Listas en HTML (I)
14 Listas en HTML (II)
15 Comentarios en HTML
16 Practica 2: Un sitio web completo
17 Usando color en el WWW
18 Cómo cambiar la apariencia de una pagina
19 Imagenes en las paginas Web (I)
20 Imagenes en las paginas Web (II)
21 Imagenes en las paginas Web (III)
22 Cómo cambiar la apariencia de las imagenes
23 Alternativas a las imagenes inline (I)
24 Alternativas a las imagenes inline (II)
25 Mejoras en las imagenes
26 Cómo se crea una tabla HTML (I)
27 Cómo se crea una tabla HTML (II)
28 Alineamiento de tablas
29 Alineamiento de celdas y filas
30 Ancho de tablas y celdas
31 Celdas que abarcan varias filas o columnas
32 Margenes y separación de celdas
33 Anidamiento
34 Practica 3 - Tabla de Datos
35 Practica 4 - Pagina Web con una estructura creada con tablas
36 Practica 4 - Pagina Web con una estructura creada con tablas
37 Practica 4 - Pagina Web con una estructura creada con tablas
38 Estandares y extensiones del lenguaje HTML (I)
39 Estandares y extensiones del lenguaje HTML (II)
40 Extensiones a las listas (I)
41 Extensiones a las listas (II)
42 Alineamiento
43 La etiqueta META
44 Otras etiquetas del lenguaje HTML 3.2
45 El atributo TARGET
46 La etiqueta BASE
47 Creación de paginas con frames
48 Creación del documento de definición de frames (I)
49 Creación del documento de definición de frames (II)
50 Pagina completa con frames
51 Atributos de la etiqueta FRAME
52 Compatibilidad: NOFRAME
53 Anidamiento de framesets
54 Bordes de los frames
55 Valores especiales del atributo TARGET
56 Practica 5: Web de Los Alpes con frames
57 Frames flotantes
58 Sonido vídeo y otros ficheros externos
59 Multimedia Inline (I)
60 Multimedia Inline (I)
61 Plug-ins y objetos incrustados
62 Java en las Paginas Web
63 Inserción de Applets Java (I)
64 Inserción de Applets Java (II)
65 Inserción de Applets Java (III)
66 ActiveX, la tecnología del futuro
67 Formularios en HTML
68 Controles de Formularios (I)
69 Controles de Formularios (II)
70 Controles de Formularios (III)
71 Controles de Formularios (IV)
72 Otros controles
73 Practica 6-Formulario para "Los Alpes"
74 Como usar los datos de un formulario
75 Envío De Ficheros Usando Formularios

Curso completo de HTML - Pagina completa con frames

50 - Pagina completa con frames

[editar]

Curso gratis creado por Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/

23 de Febrero de 2006

< anterior | 1 ... 48 49 50 51 52 53 54 ... 75 | siguiente >

El primer paso será crear el documento de definición de frames. Abrimos nuestro editor y creamos un nuevo archivo. En este caso lo llamaremos index.htm y escribimos en él el siguiente código:

      <HTML>
 
       <HEAD>
       <TITLE>
       Primera página con frames
       </TITLE>
       </HEAD>
 
       <FRAMESET COLS="20%,80%">
       <FRAME SRC="izquierd.htm">
       <FRAME SRC="derecha.htm">
       </FRAMESET>
 
       </HTML>

Con esto tendremos una página que dividirá la ventana del navegador en una columna izquierda y otra derecha que ocupan el 20% y el 80% del ancho respectivamente. El contenido de cada una de estas columnas estará en los archivos izquierda.htm y derecha.htm. El siguiente paso será la creación de estos archivos. Volvemos a abrir un archivo nuevo en nuestro editor y le llamamos izquierd.htm. En este archivo podemos escribir todo el código HTML que queramos siempre teniendo en cuenta sus limitadas dimensiones. Para empezar podemos escribir:

      <HTML>
 
       <HEAD>
       </HEAD>
 
       <BODY BGCOLOR="#99FF99">
       <H1>
       Frame izquierdo
       </H1>
       Este frame podría servir de índice:
       <UL>
       <LI>Tema 1
       <LI>Tema 2
       <LI>Tema 3
       </UL>
       </BODY>
 
       </HTML>

A continuación abrimos otro archivo nuevo y le llamamos derecha.htm. El código a incluir en este tercer documento HTML será:

      <HTML>
 
       <HEAD>
       </HEAD>
 
       <BODY>
       <H1>
       Este es el frame Derecho
       </H1>
       <P>
       En este frame podría ir el contenido principal del Web.
       </P>
       </BODY>
 
       </HTML>

El último paso será visualizar el documento de definición de frames, index.htm, con el navegador que prefiramos. Por supuesto se podría ver cada uno de los documentos HTML por separado, y de hecho suele ser muy útil hacerlo mientras escribamos el código para ir comprobando que lo estamos haciendo bien, sin embargo una vez hemos terminado los documentos derecha.htm y izquierd.htm sólo tienen significado como contenido de frames, y no como páginas Web individuales. Por esta razón el único archivo que debe ser visto desde fuera debe ser el documento de definición de frames (en este caso llamado index.htm). Una vez abierto index.htm con nuestro navegador deberíamos ver una página similar a la que observamos en la figura 8.13.

Figura 8.13. Ejemplo completo de una página con frames formado por un frame izquierdo pequeño que puede servir de índice y otro derecho con el contenido principal.

La creación de páginas con frames es algo más compleja que la creación de las páginas que hemos hecho hasta ahora, y por ello es común cometer errores, sobre todo al principio. Si al intentar ver una página con frames no observamos el resultado obtenido es recomendable comprobar los siguientes detalles:

Al igual que con el resto de páginas debemos asegurarnos de haber encerrado todo el código entre las instrucciones < HTML> y </HTML> y de que hemos guardado todos los archivos con terminación .htm o .html.
Comprobar que los nombres de los archivos coinciden con los nombres indicados como valor del atributo SRC. En algunos casos es necesario que los nombres coincidan en mayúsculas y minúsculas. Este será el caso si vamos a publicar nuestras páginas en un servidor UNIX (la mayoría lo son).
Es importante que nos aseguremos de no haber usado la etiqueta BODY en el archivo index.htm. Si lo hemos hecho debemos quitarla para que funcione nuestro ejemplo.
Si hemos solucionado todos los problemas anteriores y la página sigue sin visualizarse correctamente probablemente estaremos usando un navegador que no soporte frames.

[editar]

< anterior | 1 ... 48 49 50 51 52 53 54 ... 75 | siguiente >

Opinar
180 opiniones

Ayuda

Alguien me puede ayudar a crear una seccion de comentarios de mi pagina wed

hola kamaradas

me llamo pepito y me gusta el cereal

lkk

nnnnnn

sad

asdasd

e23

df23r

1 2 3 4 5 6 7 ... 36 | siguiente >

Cursos gratis relacionados con 'Curso completo de HTML'

Curso completo de HTML

Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »

Curso de Ada

El objetivo de este curso es aprender a programar en el lenguaje Ada, desde sus... Más »

Curso de hacking

Práctico y completo curso de hacking.

Curso de Linux

Completo curso de Linux, un sistema operativo gratuito y de libre distribución inspirado en el... Más »

El fascinante mundo de los virus informáticos

Completo curso acerca de los virus informáticos, historia, clasificación, protección...

Anuncios Google

Autor y licencia de 'Curso completo de HTML'

Curso gratis de Jorge Ferrer, Víctor García y Rodrigo García. Extraido de: http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html/ CopyLeft

Licencia GNU Free Documentation License: http://www.gnu.org/copyleft/fdl.html

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.

Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.