4.1. El editor Bluefish

Retor dice Imagen del logotipo de la aplicación BlueFish. Esta aplicación se utilizar para crear páginas web. Las páginas web se crean utilizando el lenguaje HTML. Pero, ¿qué herramientas vamos a utilizar?

Aunque podemos utilizar un simple documento de texto para escribir HTML, es preferible utilizar algún editor que nos ayude a realizar esta tarea.

En nuestro caso, vamos a utilizar el editor de código Bluefish.

En esta página os voy a enseñar todo lo necesario, para poder utilizar esta aplicación.

1. Conoce el editor Bluefish

El editor Bluefish será una herramienta muy importante en el desarrollo de vuestro trabajo final. Es fundamental conocerla, para poder aprovechar todas sus características.

En la siguiente imagen interactiva se explican, las opciones más importantes, aquellas que vais a necesitar para desarrollar vuestro trabajo.

El contenido se ha organizado en los siguientes apartados:

  1. Explicación de la pantalla principal del editor Bluefish.
  2. Opciones del Menú principal.
  3. Opciones de la pestaña Estándar, de la barra de herramientas HTML.
  4. Opciones de la pestaña HTML 5, de la barra de herramientas HTML.
  5. Opciones de la pestaña Lista, de la barra de herramientas HTML.


2. Practica con el editor Bluefish

En esta actividad vais a trabajar de forma individual.

En la parte inferior de la siguiente imagen están los nombres, en color rojo, de los diferentes elementos del editor. Pincha y déjalo caer en su zona correspondiente.

Si no te sale bien a la primera, vuelve a intentarlo.

Lumen dice ¿Te puedo ayudar?

Si no recuerdas dónde van estos elementos, te recomiendo que veas el apartado anterior 1. Conoce el editor Bluefish.

3. Buscando en el editor

Esta actividad debéis de hacerla en parejas.

Antes de empezar debéis acceder al editor Bluefish. Recordad que lo debéis tener instalado en vuestro ordenador, de no ser así comentárselo a vuestro profesor o profesora.

Como estamos trabajando en parejas, yo tendría en una ventana abierto el apartado 1. Conoce el editor Bluefish de esta página, para ir viendo las diferentes opciones del editor. En otra ventana tendría abierta la aplicación Bluefish para ir haciendo las actividades que me piden.

Ahora, vais a realizar las siguientes actividades:

  1. Abrir un nuevo documento.
  2. Guardar el documento con el nombre ejemplos.html
  3. Hacer un Inicio rápido de un documento. Debéis desactivar la opción Abrir en un documento nuevo.
  4. Incluir las etiquetas de párrafo.
  5. Añadir las etiquetas de una lista ordenada.
  6. Por último, añade las etiquetas de un elemento de lista.
  7. Vuelve a guardar el documento y previsualiza el resultado.

¿Qué ha ocurrido?, en el navegador solo se ve 1.

Claro, nosotros hemos incluido las etiquetas, pero nada de contenido.

Debéis subir el archivo html que habéis creado a classroom.

No os preocupéis, esta actividad era para repasar nuestro editor. Del contenido, nos ocuparemos en las próximas páginas.

Clavis dice Pistas para escribirlo correctamente

Recuerda algunas etiquetas:

  • Para escribir un párrafo: <p> ... </p>
  • Para escribir una línea en una lista: <li> ... </li>

Con los botones de la barra de herramientas puedes hacer que se escriban algunas etiquetas automáticamente.

Página 6 de 9

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

Creado con eXeLearning (Ventana nueva)