Como crear una pequeña pagina web

Bienvenidos otra vez a un nuevo post. En este post les enseñare como crear una sencilla pagina web aplicando los llamados frames y ademas indicare algunas cosas de la etiqueta . Lo que me interesaba del lenguaje html era como hacer para dividir una pagina en varias partes o secciones y eso se puede hacer con las siguientes etiquetas y y otra cosa si queremos hacer una pagina con 3 secciones deberemos hacer 4 documentos html. Pero la estructura de la pagina principal es decir donde haremos las divisiones en marcos tiene la siguiente forma codigos es decir se reemplaza la etiqueta por y la etiqueta es para incluir el archivo que pondremos en el o los frame La etiqueta tiene varios atributos pero mencionaremos 2 nada mas que son cols y rows. divide la pagina en tres columnas una con un ancho del 20% de la pagina, otra con un ancho del 30% de la pagina y con * otra columna con el ancho restante.(El ancho de las columnas tambien se puede indicar en pixeles) Ejemplo supongamos un hipotetico monitor con resolucion 1000 x 750 el ancho de la primera columna sera 100 pixeles, de la segunda 300 pixeles y de la ultima columna el espacio que sobra es decir 600 pixeles. divide la pagina en tres filas, una con una altura de 100 pixeles, la del medio con altura de 300 pixeles y la de abajo con la altura restante es decir 350 pixeles suponiendo que trabajamos con el mismo hipotetico monitor. Veamos el siguiente ejemplo haremos una pagina dividida en 3 columnas y en cada una insertaremos otras paginas. Ese es para insertar paginas web externas pero si las paginas o archivos tienen la misma ubicacion que la pagina principal es suficiente con poner si fuera una imagen en jpg si fuera un archivo html Veamos el ejemplo http://potrosalta.minus.com/mlbyQdJZT/1g Ahora veamos este codigo Esta pagina se puede ver en el ejemplo siguiente http://potrosalta.minus.com/mJaJUg3Pf/1g Bueno ahora veamos si hacemos algo un poquito mas serio.jeje. codigo de la pagina Explicacion este es un ejempo de uso de anidamiento de frames. primero dividimos la pagina en dos columnas con con introducimos en la columna de la izquierda la pagina 1. Y ahora cuando ponemos dividimos la columna de la derecha en dos filas. con introducimos las dos paginas (pagina 2 y pagina 3) en las filas que habiamos obtenidos respectivamente. etiqueta de cierre del segundo frameset y finalmente para cerrar el primer frameset. Lo que yo quiero hacer es una pagina donde en la columna izquierda pondre algunas opciones y al hacer click en algunas opciones aparecera una nueva pagina en la fila de abajo de la columna de la derecha. Otro atributo de la etiqueta es name como se ve en el codigo anterior Su uso es para darle un nombre al frame o seccion, esdecir la columna de la izquierda se llamara frameuno La dos filas que iran a a la par de la columna seran la de arriba framedos y la de abajo frametres codigo de la pagina que ira en frameuno

nuestra funcion[/url][br /] quienes somos[/url][br /] como contactarse[/url][br /] pagina principal[/url][br /]

Esta se debe guardar con nombre "uno.html" explicacion href y target son atributos de la etiqueta que sirve para crear enlaces a otras paginas click al clickear en la palabra "click" ira a www.google.com.ar. nuestra funcion con el atributo target indicamos donde se abrira la pagina enlazada en este caso se abrira en el frame de nombre "frametres" codigo de la segunda pagina Bienvenidos a mi pagina Esta se debe guardar con nombre "dos.html" Con el atributo background=fondo.jpg, ponemos una imagen de fondo, en mi caso tengo la imagen y los archivos en el escritorio por lo que no hace falta poner la direccion de la imagen pero si estuviera en otra ubicacion distinta hay que poner la ubicacion completa. supongamos que esta en el disco f seria asi background=f://fondo.jpg Y esta ira en la cabecera o en el "framedos" que sera el titulo de la pagina. Habia limitaciones en el tamaño del texto con html asi que tuve que introducir la etiqueta que sirve para definir estilos en algunas partes del documento y con font-size indicar el tamaño del texto de 90 pixeles. tercera pagina

En esta pagina encontraran todas las herramientas necesarias para aprender a programar
Manuales, tutoriales, videos gratis para que entres en este mundo de la programacion y
totalemente gratis. Tu aprendizaje esta garantizado.

Este se debe guardar con nombre "paginaprincipal.html" Esta pagina es la que aparecera por defecto al abrir la pagina pero obviamente al clickear en algun enlace de la columna la pagina de ese enlace aparecera en este frame y podemos volver ckickeando en "paginaprincipal". codigo de la cuarta pagina

Somos una empresa dedicada a la formacion de personas
en el ambito informatico, con sede en Salta, Republica de Argentina,
nuestros manuales y tutoriales son preparados por personas
con conocimientos idoneos en la materia.

Este se debe guardar con nombre "nuestrafuncion.html" codigo de la quinta pagina

Nuestra organizacion nacio hace unos cincos años
Al principio se trataba de una sola persona con muchas
ambiciones, pero luego se junto con otras con intereses
compartidos en la enseñaza y preparacion de gente
que muestre deseos de aprender.

Este se debe guardar con nombre "quienesomos.html" Codigo de la ultima pagina Esta no tiene importancia, se debe guardar con nombre "comocontactarse.html" Esta en blanco pero a los efectos sirve igual.para el ejemplo.