Tu primera página Web [2ª Parte]

Para empezar a insertar elementos en tu página, primero debes copiarlos y luego pensar en una disposición básica para ellos.
1. Haz click sobre el menú y luego.



2. Introduce un nombre para tu página Web. Por ejemplo, uno muy utilizado:

Pulsa el botón Guardar.
3. En el campo situado arriba , escribe el nombre que quieres que aparezca cuando un usuario cargue la página. Así la podrá identificar cuando tengas varias ventanas del navegador abiertas.
.



4. Repite el paso 1 para guardar la página.

---

Componer el diseño de página


Para esbozar lo que será la estructura básica de la página, se utilizan las llamadas celdas layout o de disposición. Éstas son cuadros que te servirán de ayuda para distribuir los componentes de la página, y que luego no serán visibles.


1. Lo primero que debes hacer es configurar la ventana de trabajo del programa en modo de vista layout. Para ello haz click primero en la ventana vertical de objetos, sobre el botón indicado:

Ahora cierra la ventana que se abrirá pulsando sobre el botón OK.
Con esta acción habrás activado los dos botones del layout.


2. Pincha sobre y observa al mover el cursor como éste ha cambiado su aspecto por el de una cruz.



3. Haz click una vez en la esquina superior izquierda del documento


mantén presionado el botón del ratón y lleva el cursor, con el botón siempre presionado hacia la derecha y abajo de modo que se cree un rectángulo:



4. Cuando sueltes el botón del ratón se mostrará la celda layout que has creado.
En el campo gris que ocupa el resto de la llamada tabla de disposición puedes crear más celdas. Si vas a añadir varias, para no tener que apretar el botón

cada vez, mantén pulsada la tecla CTRL hasta que hayas terminado.

---

Modificar el tamaño de las celdas.

1. Haz click sobre el borde de la celda para que adopte este aspecto:

Si colocas el cursor encima de uno de sus puntos se verá como una doble flecha:

Pincha con el ratón y mantén pulsado el botón mientras lo mueves.

Cuando la celda tenga el ancho que deseas, suéltalo:

2. También puedes introducir directamente las medidas para la celda en la ventana.
que se muestra al hacer click en el marco de la misma. Por ejemplo, el valor que quieras dar a la altura lo puedes escribir en el campo .

---

Mover Celdas.

1. Para moverlas, pincha sobre el borde de la celda que quieras desplazar, mantén el botón del ratón presionado y mévela hasta la posición deseada, y suéltalo cuando termines.

2. Si tienes varias celdas y quieres moverlas a la vez, entonces tienes que presionar el botón

en la ventana objetos. A continuación, haz click con el ratón en la parte superior izquierda de la primera celda

y desplaza el cursor hacia abajo a la derecha

hasta que estén agrupadas todas las celdas en el nuevo marco, y entonces suelta el botón

Ahora podrás desplazarlas como si fueran un todo, del mismo modo que lo hicistes antes con una sola.

---

Crear Tablas

1. También puedes empezar creando una tabla de disposición y después ir insertando las celdas. Para ello primero haz click sobre el botón

Sitúa el cursor debajo de la celda que creaste primero:

Aprieta el botñon del ratón mientras lo desplazas hacia abajo a la derecha y suéltalo cuando el cuadro alcance el tamaño deseado, como por ejemplo ajustado al ancho de la tabla superior:

De esta forma podrás ver la nueva tabla layout

Ahora puedes crear en ella las celdas que quieras.

2. Cuando termines la composición de la página, guarda el archivo ùlsando sobre el menú FILE y después SAVE.

---