Capítulo 8:

 Diseño de página Web (2/2)

Una vez que ya hayamos hecho lo que dijimos en el capítulo anterior vamos a abrir el Kompozer haciendo doble click, con izquierdo en el icono del programa. y vamos a seguir los siguientes pasos:

1. Inicia el programa Kompozer haciendo doble clic sobre el correspondiente icono situado en el escritorio.

2. Minimiza esta ventana y utiliza el explorador de archivos para abrir (doble clic) el archivo de texto generoscinematograficos.txt. Se abrirá el Bloc de Notas mostrando su contenido.

3. Selecciona Edición > Seleccionar todo para seleccionar el texto completo que contiene este archivo y a continuación elige Edición > Copiar para copiarlo al portapapeles de Windows. Cierra la ventana del Bloc de Notas.

4. En la barra de tareas de windows pulsa en el botón correspondiente de Kompozer para maximizar la ventana de este programa.

5. Clic sobre el nuevo documento HTML que estamos editando y en la barra de menús selecciona Editar > Pegar. De esta forma podrás disponer del texto de la página sin necesidad de teclearlo.

6. Antes de continuar conviene guardar el archivo en la carpeta miweb que hemos creado. Para ello pulsa en el botón Guardar o bien elige Archivo > Guardar.

7. En el cuadro de diálogo Título de la página introduce su título y haz clic en el botón Aceptar.

8. En el cuadro de diálogo Título de la página introduce su título y haz clic en el botón Aceptar.

9. Se muestra el cuadro de diálogo Guardar página como donde debes desplegar la lista Guardar en para localizar la carpeta miweb. En la casilla Nombre introduce el nombre del archivo: generoscinematografico. Haz clic en guardar.

10. Título. Pulsa y arrastra para seleccionar la primera línea de texto: Generos Cinematograficos. En la barra de Formato despliega el cuadro de estilos de párrafo y elige Título 1. Si deseas regresar al estilo normal, marca el texto que desees y selecciona en esta lista:Texto del cuerpo. Vamos ahora a insertar la imagen que buscamos y guardamos en la subcarpeta "imagenes".A esa imagen le pudimos llamar cine.jpg o como mejor os gustara. Para ello seguiremos los siguientes pasos:

1. Clic debajo del título anterior y pulsa la tecla para definir el punto donde se insertará la imagen. En la barra de Redacción pulsa en el botón Imagen.

2. Se muestra el cuadro de diálogo Propiedades de imagen. Pulsa en el botón Elegir archivo& para localizar el archivo que contiene la imagen.

3. Despliega la lista Buscar en: para abrir la carpeta miweb\images donde hemos situado anteriormente el archivo cine.jpg. Clic sobre este archivo y pulsa en el botón Abrir.

4. Al regresar de nuevo al panel Propiedades de imagen conviene introducir el Texto alternativo. En este caso teclea Generos Cinematograficos. Se trata de un texto descriptivo que contribuye a la accesibilidad de nuestra página y que se mostrará cuando el usuario sitúe el ratón sobre ella.

5. Observa que en la casilla Ubicación de la imagen se indica la ruta relativa para localizar la imagen desde la página actual: images/cine.jpg. Para terminar clic en el botón Aceptar.

Ya podemos abrir nuestra primera página.Para hacerlo vamos a la crpeta "miweb" y hacemos doble clic sobre el icono que tiene el dibuko de nuestro navegador: internet explore, mozilla,etc. ¿Qué tal, cómo os setís a ver esto? Genial eh. Lo único que te hace falta para subir, una vez hechas las páginas es: Si tienes acceso a Internet en casa tu compañía te da sitio en su servidor para que la alojes (Ono, Terra, Orange...). Ponte en contacto con ellos para que te activen en servicio y te den las clases para configurar Filezilla. Si quieres tener un dominio propio (como podría ser www.tunombre.es) tienes que comprar ese dominio (no cuesta mucho al año: unos 6 euros). Ya publiqué en maixmail un curso llamado montaje. Fotos y música Gracias por seguir este curso y ya estoy preparando la segunda partre que se llamará: "Diseño páginas Web 2: Insertar imágenes" Cualquier duda sobre el curso editado pueden preguntarmela en el correo siguiente: sevilla-62@hotmail.com Fdo: MªDolores Matutano Gracía

Cursos similares a Diseño páginas web con editor HTML

1. Diseño páginas web. Insertar imágenes ¿Qué sería de nuestras páginas Web si, además de texto, no les insertásemos... [18/06/10]				825
2. Impedimentos del éxito de las páginas web Una página web , conocida como página de Internet , es un documento adaptado para... [19/10/10]				353
3. Diseño de páginas web con FrontPage FrontPage es uno de los programas más tradicionales para la creación de páginas web... [18/09/02]				116.556