Entrada al curso

 

   

Edición y modificación de unidades didácticas

Práctica 5:

La palabra Nippe son las iniciales de "núcleo interactivo para programas educativos". Un applet es un programa que puede incluirse en páginas Web. Descartes es un applet configurable, y cada configuración de Descartes da lugar a un programa interactivo diferente que se llama escena.

Ya se ha trabajado con el editor de código HTML, con FrontPage Express y se ha comenzado a modificar y, de alguna manera, a crear páginas que serán unidades didácticas adaptadas a cada situación. Ahora es necesario que se puedan mejorar estas adaptaciones, manipulando el código de las escenas que interese utilizar. Estos posibles cambios se van a trabajar son muy elementales.

Práctica 5:

Existen varias formas de modificar el código HTML de las escenas creadas con Descartes, pero la más eficiente es la consistente en abrir la página que interese con el navegador y utilizar el editor que incorpora el propio Nippe. A dicho editor se accede con la opción Config. Ésta será visible como un botón en la escena (en el ángulo superior derecho) o bien aparecerá en una ventana emergente que se visualiza pulsando el botón derecho del ratón sobre la escena. Y se accede directamente al editor  haciendo un doble "clic" con el botón izquierdo del ratón sobre la escena.

Las imágenes que se presentan se corresponden con las escenas de la página del Proyecto 4. Puede consultar el fichero de referencia Practica_5.htm o bien el propio fichero proyecto_p4.htm para comprobar todo lo que se dice a cerca de la opción Config. Por ejemplo, la Escena A no muestra el botón Config mientras que la Escena B sí que lo muestra.

Escena A

Ventana emergente mostrando el botón Config

Esto esta relacionado con el modo como se ha configurado el Nippe. En la Escena A, al abrir la ventana de configuración, bien a través de la ventana emergente o bien haciendo doble clic sobre la escena se puede comprobar que en la ficha de configuración del Espacio sólo hay marca en el botón Inicio que es el único que aparece en el ángulo inferior izquierdo de la escena.

Los cambios realizados en el editor del Nippe modifican el código en memoria RAM cuando se pulsa el botón aceptar o aplicar

Aplicar no cierra la ventana del editor.

Aceptar sí cierra la ventana del editor.

El botón Cerrar sin haber aplicado los cambios no modifica el código en memoria RAM e ignora todas las operaciones realizadas desde la última vez que se aplicaron los cambios.

El editor del Nippe permite modificar la configuración de las escenas editando las herramientas que se desee (colores, espacio, controles,...) y, seguidamente, visualizar el resultado conseguido con los cambios haciendo "clic izquierdo" sobre el botón aceptar en la parte inferior del editor. Estas operaciones se pueden realizar tantas veces como se desee o se considere necesario.

Atención: si no guardamos los cambios hechos en la escena, la próxima vez que abramos la página aparecerá la escena original. Luego una vez realizados todos los cambios, habrá que copiar el código íntegro de la escena y pegar dicho código sobre el código HTML de la página, usando el editor HTML como se explica a continuación.


Práctica 5:

Para copiar el código HTML correspondiente a la escena que se haya modificado, se deberá pulsar el botón Código. Inicialmente el texto queda seleccionado (resaltado) al abrirse la ventana del código; si esta selección se quitara, simplemente por el hecho de hacer clic sobre el texto, habrá que volver a seleccionarlo todo.

 A continuación se lleva ese texto al portapapeles mediante la combinación de teclas <Ctrl>C (equivalente a Copiar).

Ahora solo queda pegar este código modificado en el archivo HTML, reemplazando el código correspondiente a la escena.

Finalmente se puede ver cómo ha quedado el archivo almacenado en el disco usando la opción Actualizar desde la ventana del navegador.

Localizar el código de la escena dentro del archivo HTML

El editor HTML de FrontPage Express no dispone de operación de búsqueda.

Si una página tiene más de una escena habrá que asegurarse de que la etiqueta <applet que se busca sea la de la escena primera, segunda, etc.

El Nippe permite poner nombre a una escena. Si una escena tiene nombre este puede ser una excelente expresión de búsqueda para localizar la escena.

Ya se ha explicado, en prácticas anteriores, como  acceder al código  HTML del archivo. Se dispone de dos caminos alternativos:

  • Si la configuración de la escena ha sido modificada desde la vista del navegador Internet Explorer, éste  permite editar el fichero HTML a través del Bloc de Notas seleccionando la opción Código fuente... del menú Ver.

La opción Buscar... del menú Edición del Bloc de Notas es muy útil para localizar el código. Se puede emplear el texto "<Applet" como expresión de búsqueda y pulsar el botón Buscar siguiente un número de veces seguidas si es el caso de que la página tiene más de una escena (pulsar una vez si se busca la segunda escena, etc.)

  • Un editor HTML también accede al código HTML del archivo donde está la escena. En el caso del editor  FrontPage Express, una vez abierto el archivo, la opción HTML... del menú Ver permite llegar hasta el código.

 Se busca en el código fuente el texto que corresponda a la escena que se desea modificar (antigua), se selecciona (resalta) y se sustituye por el contenido del portapapeles, pulsando <Ctrl>V (equivalente a pegar).

No olvidar de guardar los cambios del archivo en disco por cualquiera de los dos caminos seguidos:

  • Bloc de Notas. Se elige la opción Guardar del menú Archivo. Después se cierra la ventana del Bloc de Notas mediante la opción Salir. Volviendo a la vista normal de la escena del navegador.

  • Editor HTML de FrontPage Express. Primero se pulsa el botón Aceptar de la ventana de código y luego se guardan los cambios desde la opción Guardar del menú Archivo. Igual que en el proceso anterior se cierra la ventana de FrontPage Express mediante la opción Salir del menú Archivo.

 

Técnicas para seleccionar el código de la escena

CON EL RATÓN: Posicionar el cursor a la izquierda de la etiqueta <applet... hacer clic izquierdo y retener   arrastrando verticalmente hacia abajo por el borde izquierdo hasta seleccionar la etiqueta </applet> desplazando el cursor ahora hacia la derecha sobre la línea donde se encuentre. Si a la derecha de la etiqueta de cierre hay más texto hay que tener cuidado de no seleccionar más allá de dicha etiqueta.

CON EL TECLADO: Cuando el cursor esté posicionado a la izquierda de la etiqueta <applet... pulsar la tecla de cambio (shift) y retener mientras se pulsa el numero de veces necesario la tecla flecha abajo como para situar el curso en la línea de texto donde esté la etiqueta de cierre </applet>; con cada pulsación de flecha abajo se selecciona una línea de texto. Finalmente pulsar flecha derecha tantas veces como para seleccionar la etiqueta </applet> completamente.

Con cada pulsación de flecha derecha el cursor se desplaza un carácter a la derecha sobre la línea

La técnica del teclado es recomendable para textos con muchas líneas pues se controla muy bien la selección.


     
© Ministerio de Educación y Ciencia. Año 2004