4.3. Tu primera página web

Hola Mundo

Aquí tenéis la información para:

  1. Crear la estructura HTML.
  2. Incluir el tipo de caracteres que vamos a utilizar en nuestra página.
  3. Utilizar la etiqueta "párrafo".
  4. Guardar el trabajo y previsualizar nuestra página en un navegador.

En las siguientes pestañas, está todo explicado de forma ordenada:

Crear la estructura HTML

Imagen de la estructura básica de una página HTML. Ya conocéis cómo debe ser la estructura de un documento HTML.

Ahora os voy a enseñar una forma rápida de crear esta estructura de etiquetas.

Obervad que fácil es:

    1. Accedemos a la ventana de Inicio rápido... pulsando simultáneamente las teclas Shift+Alt+Q
    2. Configuramos la ventana que aparece, como se muestra en la siguiente imagen:

Imagen que describe la configuración de la ventana de Inicio rápido. Debemos realizar los siguientes cambios: introducir el título de la página web, eliminar todas las etiquetas de la cabecera, desactivar la opción de abrir en un documento nuevo y aceptamos los cambios pulsando en OK.

Haz clic para ver la imagen ampliada

Etiqueta de párrafo

En el cuerpo de la página escribimos el texto Hola Mundo. Para ello debemos utilizar las etiquetas de párrafo. Mirad como el editor al escribir <p nos ofrece una ayuda para completar la etiqueta. En la siguiente imagen podéis verlo:

Imagen que muestra la ayuda del editor de BlueFish al escribir la etiqueta de párrafo.

Guardar y previsualizar

En la aplicación Bluefish, debes guardar el archivo y previsualizar en el navegador. En la siguiente imagen podéis verlo mejor:

Imagen que muestra la barra de herramientas de la aplicación Bluefish, destacando las opciones de guardar y previsualizar en el navegador.

En la siguiente imagen podéis ver cómo quedaría el código y la previsualización en el navegador:

Imagen donde se muestra el código del código HTML y la previsualización en el navegador.

Lumen dice ¿Otra forma de hacerlo?

Imagen del logotipo de la aplicación BlueFish. Esta aplicación se utilizar para crear páginas web.Desde la barra de herramientas de HTML en la opción Estándar puedes acceder a esta opción.

Para más información, ver el apartado 4. Conoce el editor Bluefish de la página 4.1. El editor Bluefish de este documento.

Kardia dice ¿Quieres saber un truco?

Los atajos de teclado son una estrategia que te pueden ahorrar mucho tiempo, nos ayudan a escribir más rápido con el ordenador.

Si quieres escribir la etiqueta de párrafo, puedes pulsar simultáneamente las teclas: Ctrl+Alt+P

Ahora vosotros...

Cread una página web como la que acabáis de hacer con un párrafo de texto que queráis y un título para ese texto.

Probad a insertar el texto del título entre las etiquetas <h1> y </h1>.

Probad a insertar el texto del párrafo entre las etiquetas <h4> y </h4>.

Previsualizad la página web que habéis creado. ¿Qué creéis que hacen esas etiquetas?

Guardad la página web como: web_nombre1_nombre2.html y subid el archivo a classroom.

Página 8 de 9

Obra publicada con Licencia Creative Commons Reconocimiento No comercial Compartir igual 4.0

Creado con eXeLearning (Ventana nueva)