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

Curso completo de HTML - Creación del documento de definición de frames (II)

49 - Creación del documento de definición de frames (II)

[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 ... 47 48 49 50 51 52 53 ... 75 | siguiente >

División en filas

Hasta ahora hemos aprendido a dividir la ventana en columnas, pero como es de esperar también se puede dividir en filas. En esta ocasión será necesario usar el atributo ROWS (rows significa precisamente filas en inglés). El funcionamiento del atributo ROWS es muy similar al de COLS: 

 
    <FRAMESET ROWS="alto_fila1, alto_fila2, ...">

Es importante hacer notar que cuando dividimos la ventana en filas y usamos tamaños relativos, estos se refieren al alto de la ventana, y no tienen en cuenta lo larga que puedan ser las páginas o si hay que usar las barras de desplazamiento o no para moverse por ella.

En este caso es más importante, si cabe, tener en cuenta que ni podemos saber el alto de la ventana del navegador de aquellos que visiten nuestras páginas. Por esta razón el uso de tamaños relativos o del asterisco (*) es aún más usual. Veamos algunos ejemplos:

  1. <FRAMESET ROWS="200,*,100">: Divide la ventana en tres filas: una superior de 200 pixeles en la que se podría poner un encabezado; una inferior de 100 pixeles en la que puede ponerse una coletilla o una barra de navegación; y una central que ocupa el espacio sobrante y donde se podría situar el contenido principal.

  2. <FRAMESET ROWS="15%,*,3*">: Se divide la ventana en una primera fila que ocupa el 15% de la altura; la siguiente fila ocupará un cuarto del resto y la tercera tres cuartos.

No son necesarios más ejemplos para comprender el funcionamiento, así que vamos ya a definir el contenido de cada una de las divisiones que hemos aprendido a crear. Cuando insertemos este contenido, la división se convertirá en lo que realmente se llama frame. Mientras tanto ésta estará sujeta a más divisiones como veremos un poco más adelante.

Combinando COLS y ROWS

Los atributos COLS y ROWS pueden ser usados simultáneamente en una misma etiqueta FRAMESET. Si hacemos esto dividiremos la ventana del navegador en cuadrículas de diferentes tamaños. Podríamos interpretar el resultado de usar ambos atributos simultáneamente como que cada una de las filas definidas por ROWS es subdividida en el número de columnas que indica COLS. La página que mostramos en la figura 8.1 es una muestra del uso de COLS y ROWS simultáneamente. En ese caso el código usado fue: 

 
    <FRAMESET COLS="*,*" ROWS="*,*">
  
  ...
  </FRAMESET>

También se pueden crear combinaciones más complejas como por ejemplo: 

 
    <FRAMESET COLS="100,50,*,*"
    ROWS="15%,*,3*">
  
  ... Más código ...
  </FRAMESET>

Que da lugar a la página de la figura 8.12:

Figura 8.12. Es posible usar los atributos COLS y ROWS simultáneamente para dividir la ventana en varias filas y columnas.

La etiqueta FRAME

La etiqueta usada para insertar el contenido en las filas, columnas o divisiones en general, hechas con la etiqueta FRAMESET, es FRAME. Esta etiqueta debe ser usada una vez por cada una de las divisiones que hallamos creado. Cada una de estas veces debemos usar un atributo, SRC, que servirá para indicar el documento HTML donde se encuentre el contenido que queremos insertar en esa división: 

 <FRAME SRC="docum.htm">

Esta etiqueta consta de una única instrucción, es decir la instrucción de fin </FRAME> no existe, y debe ser insertada entre la instrucción de inicio y la instrucción de fin de la etiqueta FRAMESET.

Otro de los atributos más importantes de la etiqueta FRAME es NAME. Con este atributo le daremos un nombre al frame para poder referirnos posteriormente a él con el atributo TARGET o con los lenguajes de script. La forma de usar este atributo es: 

 
    <FRAME SRC="docum.htm"
    NAME="primer_frame">

Si posteriormente queremos crear un enlace a este frame desde otro de la misma página no tendremos más que escribir: 

 
    <A HREF="otro.htm"
    TARGET="primer_frame">

Con los conocimientos adquiridos hasta ahora en este capítulo, junto con lo que ya sabemos, estamos en disposición de crear nuestra primera página completa con frames.

[editar]
< anterior | 1 ... 47 48 49 50 51 52 53 ... 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.