Manual de Kompozer: módulo 5 - Imágenes en tu página

9 05 2009

Vas a realizar la portada de tu sitio Web Los ecosistemas. Como en ella vas a ubicar diferentes botones de navegación, una imagen representativa y un título tendrás que utilizar una tabla que te permita ubicar correctamente cada imagen. Además, como recomendación general te señalamos que, en primer lugar, copies a la carpeta imagenes de la estructura de tu sitio Web, es decir, en el directorio webcurso - subcarpeta imagenes, las imágenes que vas a utilizar: Ver nuestros artículos anteriores dedicados a Kompozer.

Para seguir nuestro tutorial online te ofrecemos a continuación las imágenes que serán empleadas en la página (ya convenientemente tratadas con un programa de edición gráfico, en concreto, con Gimp) para que te las descargues y las utilices directamente.

Portada para la página

Imagen para la portada

BotónBotónBotón BotónBotón Botón

 Botones de navegación

T�tulo de la portada

Imagen para el titular de la Web

Utiliza la opción de tu navegador para guardar cada imagen en la carpeta imagenes que has creado en el directorio webcurso, directorio especialmente creado para seguir nuestro curso online. Si utilizas Mozilla Firefox es tan simple como posicionarte encima de cada imagen con el botón derecho del ratón, seleccionar la opción Guardar imagen como y localizar en tu directorio personal la carpeta webcurso - subcarpeta imagenes en la ventana de Firefox que aparece en pantalla.

Crea una tabla para ubicar las imágenes

La mejor opción para posicionar toda clase de elementos en una página Web es la utilización de tablas, ya sean éstos imágenes, otros elementos multimedia e incluso texto.

Te mostramos cómo incluir tablas en tu página.

En primer lugar, inicia una nueva página mediante el botón Nuevo de la barra de iconos de Kompozer (también puedes ir a Archivo - Nuevo o utilizar la combinación de teclas Ctrl + N).
Para insertar una tabla en la página puedes utilizar cualquiera de los procedimientos siguientes:

  • Haz clic sobre el icono Tabla de la barra de iconos
  • Acude al menú Insertar - Tabla

La ventana Insertar tabla se mostrará en pantalla:

Kompozer, insertar tabla

Observa que presenta tres pestañas:

  • Rápido: puedes seleccionar con el ratón el número de filas y columnas
  • Preciso: te solicitará que establezcas un número determinado de filas y de columnas. Teclea el el número en los campos correspondientes.
  • Celda: te permitirá editar las características de las celdas de la tabla, su alineación, el espacio de separación entre celdas, el ajuste del texto…

El botón Edición avanzada te permite establecer opciones avanzadas como atributos html, eventos de Javascript, estilos, etc.

En esta práctica, haz clic sobre la pestaña Preciso e introduce los siguientes valores:

Kompozer, insertar tabla

  • Filas: 9
  • Columnas: 4
  • Anchura: 1000 (recuerda que la resolución de pantalla que estamos utilizando es 1024, si necesitas diseñar la web para una menor resolución sólo tienes que reducir este número, por ejemplo a 800) y selecciona píxeles en el cuadro de lista desplegable situado a su derecha.
  • Observa que en Borde aparece de forma predeterminado 1, déjalo como ésta: esto hará que la tabla tenga un borde sencillo con el que podrás visualizar mejor las celdas que la componen. No te preocupes porque podrás modificar este valor en cualquier momento que lo precises.

Cuando finalices haz clic sobre el botón Aceptar. La tabla aparecerá en el espacio de trabajo de Kompozer.

Una vez creada la tabla, puedes editar sus propiedades desde la opción de menú Tabla - Propiedades de la tabla. También puedes utilizar el menú contextual del botón derecho del ratón, si sitúas el cursor dentro de la tabla y haces clic en Propiedades de celda: de este modo establecerás las propiedades a nivel de celda.
Puedes también establecer el ancho y alto de la tabla pulsando y arrastrando sobre los recuadros de control de la tabla, que localizarás en la parte superior e izquierda de la página:

Kompozer, insertar tabla

Inserta los botones de navegación

Posiciónate con el cursor del ratón en la primera celda: será aquí donde colocarás el primer botón de navegación.
Para insertar una imagen acude al menú Insertar - Imagen o haz clic sobre el icono Imagen de la barra de iconos. Se abrirá en pantalla la ventana Propiedades de la imagen.

Kompozer, propiedades de la imagen

  • La pestaña Ubicación indica a Kompozer, de dónde puede tomar la imagen. Al hacer clic en el icono Elegir archivo, explorará el sistema de archivos de tu equipo para seleccionar la imagen que elijas. Debes indicar un texto alternativo de la imagen obligatoriamente: texto que se mostrará cuando se pase el ratón por encima de la imagen.
  • La pestaña Dimensiones te ofrece la posibilidad de cambiar el tamaño de la imagen.
  • La pestaña Apariencia te permite configurar la distancia entre la imagen y el texto, así como la alineación del texto alrededor de la imagen.
  • La pestaña Enlace te ofrece la opción de establecer un hipervínculo para la imagen.
  • El botón Edición avanzada te permite establecer opciones avanzadas para la imagen como atributos HTML, eventos de JavaScript, estilos, etc.

Haz clic en la pestaña Ubicación y mediante el icono Elegir archivo localiza en tu directorio personal la carpeta webcurso. Haz doble clic sobre ella para acceder a su contenido y repite el procedimiento sobre la carpeta imagenes. Selecciona el archivo bot01.jpg localizado en ella y haz clic, finalmente, en el botón Abrir. Observa que la ruta al archivo aparece ahora en la ventana Propiedades de la imagen:
Teclea un texto en el campo Texto alternativo, por ejemplo, Botón definición.
Observa que la Vista preliminar te ofrece una miniatura de la imagen que vas a incluir en tu página y te indica su medida en píxeles.

Kompozer, insertar una imagen en la página web

Guarda ahora la página mediante Archivo - Guardar como… En la ventana Título de la página teclea Portada como nombre y guarda el archivo con el nombre index.html en la carpeta webcurso.
Ahora que ya tienes el archivo index.html observa otro procedimiento para insertar imágenes en tu página:

Kompozer, administrador de sitios

Acude a la ventana Administrador de sitios.

Despliega, haciendo clic sobre el signo más situado a la izquierda de la entrada Los ecosistemas la lista de carpetas y archivos de tu sitio. Repite el procedimiento sobre el signo más a la izquierda de la carpeta imagenes. Se muestra en la ventana el listado de todas las imágenes que previamente has copiado en esta carpeta.

Haz clic y arrastra hasta el espacio de trabajo la imagen que deseas incluir en la página. Por ejemplo, haz clic sobre la imagen bot02.jpg y arrástrala hasta la primera celda de la segunda fila, justo debajo de la imagen del botón Definición que incluiste en el apartado anterior.

Con un doble clic sobre la imagen del botón abrirás la ventana Propiedades de imagen. Esto te permitirá editar en cualquier momento, las propiedades de cualquier imagen que tengas ya incluida en tu página Web. Por ejemplo, teclea Botón Tipos de ecosistemas como Texto alternativo.

Repite el procedimiento con los otros botones de navegación y añádelos en la página a modo de columna.

Kompozer, insertar una imagen en la página web

Incluye un titular en la Portada

Observa que el ancho de la primera columna es demasiado grande. Para reducirlo, haz clic sobre el control de la misma (en la parte superior del espacio de trabajo) y arrastra hasta la izquierda hasta “chocar” con los botones. Puedes reubicar también, si lo deseas, los límites de las otras columnas.

Vas a insertar una imagen con un titular que ocupará las tres celdas restantes de la primera fila, por tanto, debes unirlas previamente en una sola. Para ello, haz clic sobre la segunda celda de la primera fila y, sin soltar el ratón, arrastra hasta la última para seleccionarlas (verás que aparecen remarcadas). Utiliza el menú contextual del botón derecho del ratón sobre las celdas seleccionadas y haz clic, en concreto, sobre la entrada Unir las celdas seleccionadas. Esto hará que las tres celdas se unan en una única celda que ocupe todo su ancho. (Los usuarios de Microsoft reconocerán esta acción como Combinar celdas).

Kompozer, tablas: unir celdas

Ahora arrastra la imagen titular.jpg, que localizarás en la carpeta imágenes, a la celda resultante de la unión. Utiliza de nuevo el menú contextual del botón derecho del ratón sobre esta celda y selecciona la entrada Propiedades de Celda de tabla. En la nueva ventana que aparece en pantalla, Propiedades de la tabla - pestaña Celdas, localiza el apartado Alineación del contenido. Selecciona Centrada en el menú desplegable Horizontal.

Kompozer, tabla: alineación de la celda

Haz clic sucesivamente sobre Aplicar y Aceptar. La imagen con el titular se posicionará en el centro de la celda.

Incluye la imagen de portada

Repite el procedimiento que ya conoces para unir las celdas que van desde la segunda celda de la segunda fila a la última de la fila 8 (ya sabes, clic y arrastra para seleccionarlas) y selección de la entrada, en el menú contextual del botón derecho del ratón, Unir las celdas seleccionadas.

Haz clic y arrastra sobre la imagen portada.jpg de la carpeta imagenes a esta ubicación. Utiliza también el menú contextual del botón derecho del ratón - Propiedades de la Celda de la Tabla para cambiar la alineación horizontal de la misma a Centrada, tal y como hemos hecho anteriormente.

Incluye información en el pie de página

Une las 4 celdas de la última fila. En la celda resultante teclea tus datos personales, el nombre de tu centro educativo y la fecha de creación de la Web (utiliza la opción del menú Insertar - caracteres y símbolos si deseas incluir el signo del Copyright). Incluye también en este pie de página la licencia que regirá tu sitio Web, por ejemplo, una licencia Creative Commons o una licencia GNU/GPL.

Edita este texto según tus preferencias.

Nota. Modifica el borde de la tabla. Para ello selecciona de nuevo Propiedades de la Celda de la Tabla en el menú contextual del botón derecho del ratón en una de las celdas de la tabla y haz clic sobre la pestaña Tabla. Localiza el apartado Borde y modifica el valor 1 sustituyéndolo por 0 píxeles.

Guarda finalmente la página utilizando el botón Guardar. Y comprueba el aspecto de la página acudiendo a la carpeta webcurso y haciendo doble clic sobre el archivo index. html para que se abra en tu navegador predeterminado.

Kompozer, aspecto de la página inicial de tu sitio

¡No está mal para ser tu segunda página en Kompozer!

Visualiza nuestro manual. Manual Kompozer - Módulo 5: Issuu
Manual Kompozer - Módulo 5: Trabajo con imágenes. Formato PDF
Archivo para editar con OpenOffice: formato ODT

				


Manual de Kompozer: módulo 4 - La primera página

3 05 2009

En este artículo te mostraremos cómo realizar tu primera página Web con Kompozer, diseñarás la estructura del sitio y crearás una primera página con texto que editarás para mejorarla estéticamente.

Diseña la estructura de carpetas y directorios

Utilizando los procedimientos habituales para crear nuevas carpetas en el Sistema Operativo instalado en tu equipo, crea un directorio llamado webcurso en tu directorio personal y, en su interior, las carpetas imagenes, multimedia y archivos, necesarias para tu sitio Web inicial.

La primera página

Ejecuta Kompozer por el procedimiento habitual: observa la pantalla principal de la aplicación y el área concreto de trabajo donde irás creando tu primera página Web. Acude al menú Archivo y en el desplegable selecciona la opción Guardar como… Kompozer te solicitará un título para la página que estás guardando, título que se mostrará en la barra de título del navegador Web cuando accedas a la página desde Internet. Teclea en el campo de texto Definición; este será el título de la página que estás creando.
En pantalla se mostrará, a continuación, la ventana Guardar como que te ofrecerá como nombre del archivo de la página web que estás realizando el mismo que escribiste en el párrafo anterior. Modifica el nombre del archivo por definicion.html y asegúrate de guardarlo en la carpeta webcurso que has creado cuando diseñaste la estructura del sitio.

Kompozer, guardar una nueva página Web

El resultado será un nuevo archivo definicion.html en la carpeta webcurso que podrás visualizar en tu navegador web simplemente haciendo doble clic sobre él. Lógicamente, en este momento, la página no mostrará nada más que un fondo blanco porque se encuentra completamente vacía (pero observa como el nombre de la página Definición sí se muestra en el Título de la ventana del navegador). Tendrás que comenzar a añadirle texto, imágenes y cualquier otro elemento multimedia que desees.

Configura Kompozer para tu nuevo sitio Web

Para facilitar el trabajo de creación y edición de tus páginas Web en Kompozer es muy conveniente que configures la aplicación para que referencie siempre tu sitio Web recién creado. Para ello tienes la ventana Administrador de sitios de Kompozer, muy útil e imprescindible cuando tienes varios sitios web creados en tu equipo. Te enseñamos a utilizarla.

Kompozer, ventana Administrador de sitios

Haz clic sobre el icono Editar sitios para abrir la ventana con el formulario de configuración de la publicación de un nuevo sitio.

Introduce los siguientes valores:

  • Nombre del sitio: Los ecosistemas.
  • Servidor de publicación: como el sitio web será realizado en tu equipo, en local (ya te ocuparás más adelante, cuando finalices su creación y edición, de publicarla en Internet), busca la carpeta webcurso mediante el botón Seleccionar directorio. Cuando la encuentres haz clic en el botón Seleccionar.
  • Nombre de usuario: Escribe tu nombre.

Kompozer, nuevo sitio Web

Haz clic finalmente en Aceptar. Observa cómo la estructura que has diseñado de archivos y carpetas ahora se muestra en la ventana Administrador de sitios.

Kompozer, ventana Administrador de sitios

Podrás utilizar el Administrador de sitios para acceder directamente a las páginas que vayas realizando y así poder editarlas con rapidez, crear nuevas carpetas en la carpeta webcurso, renombrarlas, etc. Resulta pues, muy útil, configurarlo adecuadamente.

Añade un texto a la página

El texto es un componente fundamental de las páginas Web. Lo generas tecleándolo (aunque también podrás copiarlo desde cualquier otro programa y pegarlo en el espacio de trabajo).

Debes considerar que su principal objetivo es su legibilidad, es decir, que se pueda leer con facilidad (circunstancia que va a depender no sólo del tipo de fuente y tamaño utilizado, sino también de los colores e imágenes empleados en el fondo de la página). Reserva el subrayado exclusivamente para los enlaces, utiliza la cursiva para titulares o para enfatizar algún fragmento de texto y usa la negrita para destacar alguna palabra.

Ten en cuenta que si empleas un tipo de fuente que el navegante de tu sitio Web no tiene en su equipo no la verá exactamente como la has diseñado. Por tanto, emplea tipos de fuente comunes como Arial, Times New Roman, Courier, fuentes prácticamente disponibles en cualquier equipo con cualquier Sistema Operativo instalado, incluidos equipos Linux.
Para organizar el texto en pantalla es preferible utilizar tablas (ya te indicaremos más adelante cómo hacerlo, aunque te adelantamos que es similar a como las usas con cualquier procesador de textos) y prescindir del uso de tabuladores o sangrías. Tampoco abuses de la utilización de viñetas.
¡Manos a la obra!

Teclea en el espacio de trabajo en blanco el siguiente texto: ¿Qué son los ecosistemas?. Pulsa la tecla Intro al final del párrafo para que Kompozer realice un salto de línea. ¡Exactamente igual como lo harías si estuvieras utilizando un procesador de textos en lugar de una aplicación de creación web!

Continúa tecleando:
En todo lugar, en los bosques, los ríos, en el desierto, en el mar o incluso en pequeñas charcas, se encuentran una gran variedad de seres vivos: animales, plantas, etc. Estos lugares también se caracterizan por la presencia de elementos inanimados como el aire, el agua, el suelo o la luz.
Los seres vivos necesitan estos elementos para crecer y desarrollarse.
El conjunto formado por todos los seres vivos y los seres inanimados de un territorio es un ecosistema.

Sólo debes preocuparte de escribir el texto y de realizar los intros que desees para separar los párrafos. Guarda el archivo desde el menú Archivo - Guardar. Visualiza su aspecto en tu navegador haciendo doble clic sobre el archivo definicion.html de la carpeta webcurso. Se mostrará el texto escrito pero la página sigue siendo muy sosa y aburrida: debes editarla para mejorar su aspecto.

Edita el texto escrito

Podrás editar el texto escrito para cambiar su tipo de fuente, tamaño de fuente, color, alineación de párrafos, etc. Considera que un paso previo y obligatorio es seleccionar previamente el fragmento de texto que deseas editar antes de aplicar en él cualquier cambio (haz clic y arrastra con el ratón para seleccionar un fragmento de texto, haz doble clic sobre una palabra para seleccionarla o haz doble clic y un clic rápido para seleccionar toda la línea): observa cómo el texto seleccionado se muestra resaltado para indicarte que lo está.

Alinea el título de la página al centro

Por defecto, el texto que tecleas o copias-pegas se alinea con el borde izquierdo de la ventana. Si quieres centrar el texto o alinearlo al margen derecho tendrás que utilizar uno de los iconos de alineación de texto que localizarás en la Barra de Formato de Kompozer.

 Kompozer, alineación del texto

En este caso utiliza el icono Alinea al centro para centrar el texto en la página que estás creando. El párrafo se moverá en consonancia. (Este procedimiento te permitirá también alinear imágenes, encabezados y líneas separadoras horizontales: simplemente selecciona el objeto cuya alineación quieras cambiar y haz clic sobre el botón apropiado).

Aumenta su tamaño

Kompozer te permite aumentar el tamaño del texto de una manera muy rápida utilizando los botones Reducir / Aumentar el tamaño de letra que encontrarás en la Barra de Formato:

Kompozer, aumentar /reducir el texto

Como siempre, primero tendrás que seleccionas el texto. Después haz clic sobre el botón Aumentar para que se muestre a mayor tamaño. Por ejemplo, haz clic 3 veces sobre este icono para que adquiera un tamaño apropiado. Finaliza haciendo clic sobre un lugar en blanco del espacio de trabajo para ver el resultado final.

Haz clic sobre la pestaña Vista Preliminar situada en la parte inferior del espacio de trabajo para ir visualizando el aspecto de la página, tal y como la vería un visitante de tu Web.

Repite el procedimiento, utilizando una vez el botón Aumentar el tamaño del texto, sobre el resto de los párrafos de la página. ¡Se aprecia una mejora sustancial en el diseño, aunque aún la página es muy simple al ser en blanco y negro!. ¡Añade algo de color para mejorar su presentación!.

Cambia el color del texto

Emplear colores en los textos puede añadir interés a las páginas. En la mayor parte de las ocasiones querrás emplear un color de texto que contraste fuertemente con el fondo: por defecto, la página que creas tiene un texto negro sobre un fondo blanco (podrás personalizar ambos aspectos más adelante). También es posible que quieras resaltar porciones de texto en las páginas mediante el empleo de un color de fuente diferente del que usas para el resto del texto. Por ejemplo, algunas páginas quedan elegantes con los encabezados en un color diferente. Ahora bien, recuerda no abusar en exceso del cambio de colores (la legibilidad es lo primero) y asegúrate de mantener los colores consistentes por todo el sitio. Por ejemplo, emplea el mismo color para el texto y los enlaces en la página principal que en las páginas internas.

Para cambiar el color del texto seleccionado debes utilizar los botones Elegir color de la Barra de Formato: el primero te permite cambiar el color de la fuente, el segundo cambiará el fondo.

Kompozer, cambiar el color del texto

En cuanto hagas clic sobre cualquiera de estos dos iconos se abrirá en pantalla la ventana Color del texto:

Kompozer, color del texto

Su utilización es muy simple: de la lista de colores predefinidos (la lista estándar que será visible en cualquier plataforma o en cualquier tipo de monitor) selecciona un color de tu interés o bien elige una tonalidad diferente entre la muestra que aparece en la parte izquierda de la ventaja haciendo clic sobre el lugar que determines. Puedes también utilizar la gama de tonalidades que se encuentra justamente debajo para seleccionar un matiz de color más claro u oscuro.
Observa cómo cambian los valores establecidos en Tono, Saturación, Brillo, Rojo, Verde, Azul, cada vez que seleccionas un color diferente y la pequeña muestra del color que te ofrece la propia ventana según el color que hayas seleccionado.
Esta ventana merece una pequeña explicación que tiene que ver con los valores que se muestran en la parte inferior de la misma:

La combinación de teclas y números que se muestra en la caja de texto Hexadecimal es otra forma de referenciar los colores. Puedes consultar el código hexadecimal de cada color en http://html-color-codes.info/codigos-de-colores-hexadecimales/ y ver sus resultados finales.

Encontrarás en Internet muchas herramientas online que te permitirán elegir y visualizar diferentes gamas de color utilizando su código hexadecimal y/o instalar programas específicos para conocer el código hexadecimal de cualquier color.

Selección de Sitios Web:

  • Valores de los colores en Hexadecimal: http://www.webtaller.com/utilidades/csscoder/colores.php
  • Cloford: paleta con más de 500 tonos de color http://cloford.com/resources/colours/500col.htm
  • ColorSchemer: recurso de selección online http://www.colorschemer.com/online.html
  • Conversor online de colores DRAAC: Te permite visualizar el color seleccionado como fondo de la pantalla http://www.draac.com/colorconvert.html

Programas gratuitos y libres:

  • Windows: Pixel Picker http://www.screwturn.eu/PixelPicker.ashx - Programa libre bajo licencia GNU/GPL. Requiere Microsoft .Net Framework 2.0
  • Windows: Instant Eyedropper http://instant-eyedropper.com/ y Pixel Pick http://www.design-lib.com/the_pixel-pick.php ambos completamente gratuitos
  • Mac Os X: Hex Color Picker http://wafflesoftware.net/hexpicker/
  • Ubuntu: Dispones de Gcolor2 y KcolorChooser, ambas aplicaciones muy similares que te permitirán obtener el código hexadecimal del color seleccionado. Puedes instalarlas directamente desde Synaptic.

En este ejemplo en concreto, selecciona el título con la pregunta en el espacio de trabajo y selecciona un color de la gama azul (tonalidad oscura) de la gama de colores predefinidos de la ventana.

Repite el procedimiento para seleccionar el color gris oscuro (código hexadecimal #333333) y aplicarlo al resto de párrafos de la página.

El aspecto estético de la página ha mejorado, ¿no crees?

Utiliza encabezados predeterminados

Aumentar o Reducir el tamaño del texto de tu página Web utilizando los botones que has visto en la Barra de Formatos no es demasiado preciso. Kompozer te ofrece la posibilidad de utilizar encabezados en las páginas Web, un tipo especial de formato de texto ya predefinido que configura los textos seleccionados con un tamaño de letra más grande que el texto normal, habitualmente en negrita y normalmente separados del texto anterior y posterior por una línea de espacio en blanco.

Puedes emplear un encabeza para el título de la página pero también puedes utilizar distintos tamaños de encabezados para diferentes niveles de énfasis, además de que la utilización de encabezados te permite dar uniformidad al tamaño de los textos en tu sitio Web de una manera muy rápida y eficaz.

En HTML se dispone de 6 tamaños de encabezado. No todos resultan efectivos como tal porque algunos son excesivamente pequeños, incluso más pequeños que el cuerpo del texto.

Puedes acceder a los 6 tipos disponibles en Kompozer desde el menú desplegable de estilos de párrafo:

Kompozer, estilos de párrafo - encabezados

Practica con la página que estás creando:

  1. Utiliza la entrada del menú Editar - Deshacer, el icono Deshacer o la combinación de teclas Ctrl + Z tantas veces como precises hasta devolver la apariencia de la página a su estado inicial original: es decir, texto sin aplicar ningún tipo de formato de tamaño de fuente o color.
  2. Selecciona el título interrogativo. Despliega los estilos de párrafo anteriores y haz clic sobre Título 1. ¡Vaya, menuda apariencia… y qué sencillo!
  3. Ahora aplica de nuevo los procedimientos que ya conoces para cambiar:
    1. El título a un color de tono azulado oscuro
    2. El resto del texto aumenta su tamaño una vez utilizando el botón Aumentar el tamaño de fuente y cambia el color a un tono grisáceo oscuro, tal y como ya sabes realizar.
    3. Selecciona el último párrafo de la página (el conjunto formado por… es un ecosistema) y aplícale un estilo de párrafo Título 4. Utiliza la pestaña Vista Preliminar para visualizar el aspecto general de tu página y admira su nueva apariencia.

Kompozer, aspecto final de la página

Guarda el archivo mediante Archivo - Guardar o utilizando el icono Guardar.

Si lo deseas puedes previsualizar el aspecto de la página directamente en tu navegador predeterminado localizando la carpeta webcurso y haciendo doble clic sobre el archivo definicion.html. ¡Ya conoces cómo incluir texto en una página Web y como editarlo! ¡Tu primera clase de Kompozer ha finalizado!

Manual Kompozer - Módulo 4: tu primera página Web. Formato PDF
Archivo para editar con OpenOffice: formato ODT 


Manual de Kompozer: módulo 3 - El primer vistazo a Kompozer

2 05 2009

Inicia Kompozer

Kompozer, creación WebPuedes ejecutar Kompozer de diferentes maneras, tal y como inicias otras aplicaciones en tu Sistema Operativo: mediante el menú de acceso a programas, el acceso directo en el Escritorio, etc. Ahora bien, esto dependerá, claro está, de cuál estés utilizando en tu ordenador.

Sistema Operativo: Windows XP - Windows Vista

Recuerda que en este caso, utilizas una versión portable de Kompozer, es decir, que no requiere ningún tipo de instalación. El acceso a la aplicación se realizará, por tanto, directamente desde el archivo kompozer.exe que localizarás en la carpeta descomprimida que acabas de descargar desde Internet y descomprimir en tu equipo (Ver artículo de Con el ordenador a cuestas dedicado a la descarga e instalación de Kompozer). Un doble clic en este archivo te permitirá ejecutar el programa. Te recomendamos crees un acceso directo en el Escritorio que “apunte” a este ejecutable para que te sea más fácil iniciarlo la próxima vez.

Sistema Operativo: Ubuntu

Si tu Sistema Operativo es Ubuntu 8.10 o 9.04 te recomendamos utilices la versión para Windows con Wine (la versión propia de Linux experimenta cierres inesperados y, hasta ahora, no hay documentada una solución al respecto). Consulta nuestro artículo dedicado a la instalación de Wine en estas dos versiones pues previamente tienes que tener instalado esta aplicación en el equipo. Después descarga el mismo archivo zip para Windows, el mismo que descargarías si tuvieses este S.O. en tu ordenador. Descomprímelo y guarda la carpeta resultante de la descompresión en tu directorio personal, por ejemplo. Para iniciar Kompozer con Wine localiza el archivo ejecutable Kompozer.exe y utiliza el menú contextual del botón derecho del ratón sobre él para abrirlo con Wine.

Utilizar este procedimiento cada vez que inicias Kompozer es bastante engorroso. Lo ideal es que dispongas de un acceso directo a la aplicación directamente en el Escritorio de Gnome. Y realizarlo no es complicado:

  • Renombra la carpeta descomprimida en la que se encuentran los archivos de Kompozer con el nombre Kompozer (evitamos así los espacios en blanco en el nombre de la carpeta).
  • Haz clic con el botón derecho en un espacio libre del escritorio.
  • Selecciona Crear un lanzador en el menú que aparece para llamar a la ventana Crear lanzador.
  • Asegúrate de que incluyes los siguientes valores en la ventana:
    • Tipo: Aplicación.
    • Nombre: Kompozer
    • Comando: wine “ruta al archivo kompozer.exe”, por ejemplo, si tienes la carpeta Kompozer en una carpeta llamada programas de tu directorio personal el comando quedaría así: wine /home/nombredelusuario/programas/kompozer/kompozer.exe
    • Comentario: es un apartado no obligatorio, puedes añadir un comentario en el cuadro de texto del tipo Kompozer, aplicación para la creación Web.
    • Haz clic sobre el icono de la ventana Crear lanzador. Se abrirá la ventana Examinar iconos. Utiliza el botón Examinar de esta ventana para localizar la carpeta Kompozer en la que se encuentran los archivos de la aplicación (la primera entrada en Lugares, a la izquierda de la ventana Examinar, será precisamente tu directorio personal. Vete abriendo sucesivamente las carpetas programas - kompozer - chrome - icons - default y, cuando llegues a esta última, selecciona Abrir. Selecciona uno de los iconos que muestra la ventana Examinar iconos, por ejemplo mozicon50.xpm.
  • El nuevo icono de acceso directo a la aplicación se mostrará en el Escritorio de Ubuntu.

Sistema Operativo: OpenSuse 11.1

Si estás utilizando Gnome con esta última versión de OpenSuse sigue exactamente las mismas indicaciones que te hemos señalado para Ubuntu 8.10 y 9.04: utiliza la versión Windows con Wine y crea un lanzador en el Escritorio a la aplicación. (Hemos probado la versión instalada de Kompozer para Linux 0.70 en OpenSuse 11.1 a través de los repositorios oficiales de la aplicación (menú Sistema - Instalar software) y también se cierra inesperadamente al incluir imágenes, tablas, etc.; Kompozer en español con Wine funciona perfectamente también en OpenSuse 11.1 ).

La pantalla inicial de Kompozer

Cuando inicies Kompozer por primera vez verás su pantalla principal, de aspecto similar al siguiente:

Kompozer, pantalla principal

La ventana Consejos de Kompozer

Cada vez que inicias Kompozer se mostrará una pequeña ventana en pantalla llamada Consejos de Kompozer, con simples orientaciones en el uso de la aplicación. Si te molesta que se abra continuamente, destilda la opción Mostrar consejos en el inicio. Siempre podrás volver a mostrarla mediante Ayuda - Consejo del día. Puedes también cerrarla directamente en cada ocasión mediante el botón Cerrar.

Los elementos de la pantalla principal

En la ventana de trabajo de Kompozer te encontrarás con diversos elementos (de arriba a abajo):

Barra de Título

A la izquierda de esta barra aparece el título de la página Web que estás editando (sin titulo, cuando se inicia por vez primera) y el nombre del archivo, en caso de que ya lo hayas guardado con anterioridad:

 Komponer, barra de t�tulo

También presenta, a la derecha, los botones habituales de control de la ventana maximizar/restaurar, minimizar y cerrar la aplicación.

Barra de Menús

Incluye los menús que te permitirán acceder a todas las opciones del programa.

 Kompozer, barra de menú

Barra de Redacción (barra de iconos)

En ella aparecen botones con las opciones de uso más habitual que se encuentran en la Barra de Menús para que accedas más rápidamente a sus funcionalidades.

Kompozer, barra de redacción

Barras de Formato

Incluye botones que te permitirán acceder a opciones más básicas de formato de textos, párrafos, estilos y capas. Son similares a los de cualquier procesador de textos y su funcionalidad prácticamente la misma.

Kompozer, barra de formato

Ventana Administrador de sitios Web

Está situada a la izquierda y en ella configurarás tu sitio Web, para poder acceder de forma rápida a las distintas páginas del sitio que vayas realizando. A través de ella también podrás publicar en Internet tus sitios y editar directamente las páginas ya publicadas sin necesidad de tenerlas guardadas en el disco local.

 Kompozer, ventana Administrador de sitios

Ventana de Área de Edición

Es en esta área donde diseñarás y editarás las páginas de tu sitio Web. Es tu espacio de trabajo. Cada página que estés editando se mostrará en esta área, pudiendo cambiar de una a otra mediante las pestañas que se mostrarán en la parte superior con el título de cada página. También podrás mostrar las reglas en esta área, que te ayudarán a dimensionar diversos objetos.

Kompozer, ventana de edición

En la parte inferior verás la Barra de modo de edición que muestra cuatro pestañas con las que podrás cambiar el modo de edición:

  • Normal o modo WYSIWYG
  • Etiquetas HTML: muestra de forma esquemáticas las etiquetas de lenguaje HTML utilizadas
  • Código fuente: acceso al código HTML de la página
  • Vista Preliminar: muestra el aspecto de la página tal y como se vería en el navegador Web.

Barra de Estado

Es una barra muy útil situada en la parte inferior de la pantalla inicial de Kompozer. Proporciona información diversa, como la relativa a dentro de qué etiqueta HTML te encuentras. A través de ella podrás seleccionar etiquetas con sus contenidos para realizar acciones sobre ellas como editar, dar formato, eliminar, etc.

Kompozer, barra de estado

Manual Kompozer Módulo 3 - El primer vistazo a Kompozer: formato PDF
Archivo para ser editado con OpenOffice: formato ODT

 



Kompozer, programa libre para la creación y edición de páginas Web

28 04 2009

KompozerInauguramos con este artículo una serie dedicada a la utilización de kompozer para la creación y edición de páginas Web (en el Aula Modelo de los centros asturianos encontraréis un acceso directo en el Escritorio de Windows XP llamado NVU, nuestros tutoriales de Kompozer se adaptan perfectamente a esta aplicación, pues el actual Kompozer no es más que una versión mejorada del antiguo NVU). Kompozer es un editor WYSYWIG (lo que ves es lo que obtienes) que te permitirá crear y editar las páginas mediante distintas visualizaciones en pantalla seleccionables mediante un sistema de pestañas (código fuente, ventana WYSIWYG, visión con etiquetas HTML realzadas…). Entre sus características destacadas se encuentra que incluye cliente FTP integrado para subir las páginas directamente desde la aplicación al servidor; soporte para marcos, formularios, tablas, plantillas de diseño y hojas de estilo CS; personalizable; limpiador optimizado de código, etc. todo lo necesario para el diseño de páginas web atractivas.

Kompozer es una aplicación libre, opensource, bajo licencia GNU/GPL, multiplataforma (encontrarás versiones para Windows, distribuciones Linux entre las que se encuentra Ubuntu y OpenSuse o Mac). Además dispones de pack de idioma español para que el programa pueda ser traducido al castellano. Es una aplicación dirigida a la creación y edición de páginas Web similar a FrontPage o Dreamweaver (salvando las diferencias). El programa es completamente gratuito, bajo licencia GNU/GPL, lo que posibilita a los usuarios varias libertades básicas, entre ellas la posibilidad de hacer las copias que quieras o necesites del programa: por tanto, puedes utilizarlo con tus alumnos y puedes distribuirlo para que lo instalen en sus casas (si no disponen de conexión a Internet) y así puedan trabajar en sus domicilios con la misma aplicación que están usando en su centro educativo.

Y para que su desconocimiento no sea la excusa perfecta para no utilizarlo te recomendamos sigas nuestros tutoriales y te descargues los diferentes documentos que Con el ordenador a cuestas vaya preparando para enseñarte, a ti y a tus alumnos, a utilizarlo de una manera eficaz.

Descargar Kompozer

La instalación debe hacerse siempre desde la página Web oficial del programa:

Kompozer http://www.kompozer.net/

ya que, como en todas las aplicaciones de software libre, están saliendo versiones mejoradas continuamente, y el hacerlo desde una recopilación (por ejemplo, un CD o un DVD de una revista) no te asegura que instales la última versión.
Una vez que accedas, desde tu navegador favorito, a su dirección URL, encontrarás en la parte superior de la pantalla inicial una pestaña denominada Download (Descarga) que te permitirá acceder a la página de descarga de la aplicación.

Kompozer, descarga de la aplicación

En ella tendrás que seleccionar la versión a descargar según el sistema operativo que tengas instalado en tu equipo y el pack de idioma para traducirlo al español.

  • Windows XP y Vista: descarga el archivo zip Win32 binary - kompozer-0.7.10-win32.zip
  • Ubuntu y distribuciones Linux basadas en Debian: utiliza la aplicación Synaptic para descargar la versión oficial desde los repositorios de Ubuntu, descarga el archivo deb Linux i486 binary - kompozer-0.7.10-i386.deb o emplea la versión Windows con Wine (funciona perfectamente).
  • OpenSuse 11.1: descarga el archivo rpm Linux i486 binary - kompozer-0.7.10-i386.rpm

Guarda el archivo que corresponda en una carpeta o directorio de tu equipo que destines a las descargas de archivos desde Internet para comenzar la instalación de la aplicación a continuación.

Instalar Kompozer

En Windows

El programa es portable, así que ni siquiera requiere instalación. Es muy sencillo, descomprime el archivo y ejecuta el archivo kompozer.exe que encontrarás en la carpeta descomprimida. Te recomendamos realices un acceso directo a este ejecutable en el Escritorio para acceder al programa más rápidamente.

En Ubuntu

Puedes realizar la instalación de la aplicación directamente desde el Gestor de paquetes Synaptic: Ubuntu 9.04. (En Ubuntu 8.10 están documentados errores de la aplicación, como cierres inesperados, no encontré la solución para evitarlos y no me quedó más remedio que utilizar la versión Windows con Wine).

En Ubuntu 9.04 instalé Kompozer a través de Synaptic. El procedimiento es el habitual y es muy sencillo: busca el programa mediante la búsqueda de Synaptic tecleando su nombre, Kompozer, utiiza el menú contextual del botón derecho del ratón seleccionando la opción Marcar para instalar y haz clic sobre el botón Aplicar para comenzar la instalación. Cuando finalice, podrás localizar el programa en el menú Aplicaciones - Programación - Kompozer. Arrastra el icono del programa al Escritorio de Ubuntu para que tengas un acceso en el Escritorio, así ejecutarás de manera más rápida la aplicación.

Kompozer, acceso en el Escritorio de Ubuntu 9.04

Traducir el programa al español (instrucciones para todos los S.O.)

Si ejecutas el programa por vez primera observarás que la aplicación se encuentra en inglés. La ventaja del software libre es que muchos desarrolladores han traducido a múltiples idiomas los programas libres. Y Kompozer es uno de estos casos. Pero eso sí: tendrás que descargar de la página Web oficial el pack del idioma español para conseguir traducir el programa al español.
Para ello accede a la dirección URL oficial del programa y haz clic en la pestaña Localizations:

http://www.kompozer.net/l10n/

Localiza el archivo xpi que corresponde al pack de idioma español y utiliza el menú contextual del botón derecho del ratón, para descargarlo a una carpeta o directorio de tu equipo: en Firefox, selecciona la entrada Guardar enlace como… El resultado será la presencia del archivo kpz-langpack-esEs.xpi en dicha carpeta de descargas.
Ahora acude al programa Kompozer y ejecútalo (doble clic en el acceso que se localiza en el Escritorio, por ejemplo). Vete al menú Tools (Herramientas) y selecciona Extensions (Extensiones) haciendo clic sobre esta entrada.

Kompozer, traducir la aplicación al español

En la nueva ventana que emerge en pantalla haz clic sobre el botón Install (Instalar), localiza el archivo xpi descargado previamente y pulsa en Open. Un mensaje te advertirá que se va a realizar la instalación de una nueva extensión en Kompozer. Simple, haz clic en Install Now (Instalar ahora) para iniciar el proceso. Apenas unas décimas de segundo y el pack de idioma español estará instalado:

Kompozer, traducir la aplicación al español

Cierra la ventana y reinicia Kompozer: ¡Ahora Kompozer habla español!

Cerrar Kompozer

Como cualquier otra aplicación, Kompozer se puede cerrar de diversas formas:

  • Haciendo clic sobre el Aspa que aparece en la parte superior derecha de la ventana de la Barra de Título.
  • Desplegando el menú Archivo de la Barra de Menús y eligiendo la opción Salir.
  • Pulsando la combinación de teclas Ctrl + Q
  • Cuando está activa la ventana del área de edición pulsar la combinación de teclas Alt + F4.
Módulo 1 - Descarga e instalación de Kompozer: formato PDF
Archivo para editar con OpenOffice: formato odt


Juegos educativos Windows98 también en Ubuntu

26 04 2009

En un artículo previo os hemos hablado de cómo virtualizar Windows XP en un sistema Ubuntu utilizando la máquina virtual Virtual Box: por cierto, te recomendamos accedas a su lectura, pues te orientará mucho sobre lo expuesto en este artículo.

Con el ordenador a cuestas: VirtualBox, crea la máquina virtual con Windows XP

Pero… ¿qué solución podemos encontrar para utilizar en el aula esos juegos educativos que sólo se ejecutan en Windows 98? (los antiguos Pipo, Trampolín, juegos Ms-Dos, etc). Simple… utilizar Windows 98 en nuestra máquina virtual y ejecutar los programas deseados en ella. ¿Es eso posible?

Pues claro… En la mayoría de los casos los CDs originales de Windows 98 son autoarrancables, lo que significa que si metes el CD en el lector y reinicias la máquina virtual, asegurándote de que tome como unidad de arranque el lector físico de tu equipo, se iniciará la instalación. Después sólo tendrás que seguir las instrucciones del asistente de instalación y en breves minutos, estará instalado Windows 98 en tu Virtual Box.

¿Qué necesitas?

  1. Por supuesto, un CD-Rom original de Windows 98 con su número de serie.
  2. Una máquina virtual Windows 98 perfectamente configurada en VirtualBox.
  3. Lógico, los Cds originales de las aplicaciones educativas que desees instalar.

PASO 1. CREA LA MÁQUINA VIRTUAL PARA WINDOWS 98

Antes de comenzar la instalación de Windows 98 tienes que preparar VirtualBox para ello. Si has seguido nuestro artículo anterior sobre VirtualBox en Ubuntu no tendrás ninguna dificultad, aunque te indicamos cómo proceder concretamente para la instalación del sistema operativo W98.

  • Haz clic sobre el botón Nueva para configurar una nueva máquina virtual.
  • El asistente de creación de una nueva máquina virtual se iniciará. Haz clic en Siguiente para continuar.
  • Teclea como nombre de la máquina virtual W98 y selecciona en tipo de Sistema operativo Microsoft Windows - Versión Windows 98.

crear una máquina virtual W98

  • En la siguiente pantalla Memoria, Virtual Box asigna 64 MB de memoria base al sistema operativo, suficiente para que se ejecute con normalidad. Haz clic en Siguiente.
  • Selecciona como Disco Duro Virtual la opción de crear un nuevo disco duro virtual: Boot Hard Disk (Primary Master): Create new hard disk. De nuevo, haz clic en Siguiente para continuar.
  • Se iniciará así el asistente de creación de un nuevo disco duro virtual. Haz clic en Siguiente para continuar.
  • Como tipo de almacenamiento selecciona Dynamically expanding storage, para que el espacio asignado inicial se modifique dinámicamente dependiendo de las aplicaciones que vayas instalando en el sistema. Haz clic en Siguiente.
  • En Location la configuración asignará el mismo nombre que tú has asignado manualmente a la máquina virtual, en este caso W98: el icono situado a su derecha te permitirá visualizar exactamente el directorio de la máquina en el que se instalará el disco duro, en el ejemplo concreto de este artículo la ruta al archivo es /directoriodelusuario/.VirtualBox/HardDisks (es decir, se localiza dentro de un archivo oculto VirtualBox de tu directorio personal). En Size asigna el tamaño que creas conveniente dependiendo del tamaño de tu disco: 2 GB son más que suficientes para una instalación completa de Windows 98. Son los valores asignados por defecto en mi equipo, no necesitas modificar nada: Virtual Box configura los valores necesarios al haber asignado como versión a instalar Windows 98. Haz clic en Siguiente.
  • Una pantalla resumen te indica los valores de creación de la nueva máquina virtual. Haz clic en Terminar para proceder o en Atrás si deseas modificar algunos de los valores asignados.

crear una máquina virtual W98

Observa el orden de Arranque: disquete, CD/DVD y disco duro, si no encuentra el primero chequeará el segundo y así sucesivamente.

PASO 2. CONFIGURA LA MÁQUINA VIRTUAL W98

Haz clic sobre el botón Configuración para configurar la nueva máquina virtual que acabas de crear: te permitirá modificar algunos de los valores que has introducido en el paso anterior. Asegúrate en la entrada CD/DVD-Rom que validas la opción Monta la unidad CD/DVD de tu equipo (Anfitrión):

configurar la máquina virtual W98

Esto forzará a VirtualBox a leer el CD-Rom de Windows 98 que introducirás en el lector de tu ordenador.

PASO 3. INICIA LA INSTALACIÓN DEL SISTEMA

Ya tienes configurado VirtualBox para instalar Windows 98. Introduce el CD con el sistema operativo original en el lector y haz clic sobre el botón Iniciar. Al ser el CD autoarrancable aparecerá en pantalla un mensaje que te permitirá:

  1. Iniciar desde el disquete
  2. Iniciar desde el CD-Rom

instalar W98

Asegúrate de seleccionar la opción Iniciar desde CD-Rom seleccionando opción 2 mediante la flecha abajo de tu teclado. Haz clic en Enter para continuar.

En la siguiente pantalla aparecerá seleccionada por defecto, la opción Iniciar la instalación de Windows 98 con CD-Rom. Tras pulsar el botón Enter o dejar que transcurra el tiempo restante para su inicio automático accederás al asistente de instalación del sistema.

instalar W98

PASO 4. INSTALA WINDOWS 98

La pantalla de bienvenida al asistente de instalación te invitará a comenzar la instalación si presionas la tecla ENTER. ¡Hazlo!

instalar W98

En la siguiente pantalla el asistente te solicitará formatear la unidad para prepararla para Windows 98: Formatear la unidad (recomendado), opción seleccionada por defecto. Haz clic sobre la tecla ENTER para iniciar el proceso. ¡No temas, no formatearás nada en tu equipo, estás trabajando sobre una unidad virtual, no física de tu ordenador!

En la siguiente pantalla pulsa ENTER para realizar una comprobación rutinaria del disco virtual. En breve, visualizarás en pantalla el inicio de la instalación de Windows 98.

instalar W98

A partir de este momento, la instalación se realizará siguiendo exactamente los mismos procesos que tienen lugar si instalaras Windows 98 en cualquier equipo: no tiene pérdida, el asistente te ayudará a finalizarla correctamente.

  • Elige el directorio de instalación: deja el que te ofrece por defecto.

instalar W98

  • Después de la comprobación del espacio en disco, elige como opción de instalación Típica.

instalar W98

  • Deja que W98 instale las opciones más comunes (recomendado).
  • Teclea los datos de identificación, si lo deseas.
  • Establece la ubicación en España.
  • Y haz clic en Siguiente para iniciar la copia de archivos.

El asistente iniciará la copia de archivos necesarios al disco duro virtual y te mostrará en pantalla el porcentaje de progreso. Cuando finalice la copia de archivos el asistente te solicitará algunos datos personales (nombre de usuario y organización), te pedirá que aceptes el acuerdo de licencia, tendrás que escribir la clave del producto (número de serie) y tras pulsar el botón Finalizar completará la instalación del sistema.

El proceso finalizará con la instalación y configuración del hardware básico, deberás configurar la hora y fecha (selecciona zona horaria de Madrid), y dejar que Windows 98 termine de configurar el sistema.

instalar W98

Como ves la instalación de Windows 98 en VirtualBox se realiza exactamente igual a como la realizarías en cualquier equipo independiente en un disco duro físico. Si necesitas más ayuda o información te recomendamos visites

http://www.hugorodriguez.com/cursos/instalacion_w98se_01.htm

Hugo Rodríguez es profesor en el Instituto de Estudios Fotográfica de Cataluña y su Web ofrece de manera desinteresada muchos tutoriales, recursos… sobre imagen y fotografía digital, un sitio URL que ofrece contenidos de calidad profesional. Te recomiendo su visita si lo tuyo es la imagen y la fotografía digital.

PASO 5. CONFIGURA W98

El mayor inconveniente que tendrás que sortear para utilizar tu nuevo sistema W98 instalado en VirtualBox será configurar el sistema teniendo en cuenta los dispositivos que tengas instalado. En mi caso, en la instalación básica de Windows 98 no tuve problemas con la tarjeta de red, que se instaló sin problemas, pero si lo necesitas deberás instalar los drivers que le correspondan a la tarjeta de red de tu equipo.

Sí, en cambio, tuve dificultades con el controlador de la tarjeta de vídeo. Se solucionaron instalando los drivers localizados en

http://www.geocities.com/bearwindows/vbe9x.htm#2

un tipo de drivers digamos estándar para tarjetas gráficas desconocidas o para utilizar en el caso de tarjetas gráficas que no dispongas de los drivers que necesitan.

Para ello:

  • Configura un directorio compartido en Ubuntu que luego puedas utilizar con el sistema W98. Sigue las indicaciones del artículo anterior Windows XP en VirtualBox para realizarlo. Es tan simple como botón derecho del ratón sobre el archivo - Opciones de compartición - Compartir esta carpeta. La primera vez Ubuntu descargará e instalará una serie de archivos necesarios para compartir carpetas y archivos.
  • Descarga de la dirección URL anterior el archivo 081021.zip y descomprímelo.
  • Copia esta carpeta comprimida al directorio compartido en Ubuntu.
  • Accede a ella desde el sistema W98 a través del entorno de red.
  • Si el sistema te solicitara alguna contraseña a la hora de acceder a estos archivos, salva esta circunstancia utilizando la opción en Ubuntu de Opciones de compartición, Acceso de invitado (para personas sin cuenta de usuario).
  • Desde MiPC - botón derecho del ratón - propiedades - Administrador de dispositivos instala el nuevo controlador para la opción Adaptadores de pantalla. Es sencillo: botón derecho del ratón sobre el controlador que se muestra en Adaptadores de pantalla - selecciona propiedades - pestaña controlador - actualizar controlador - siguiente - buscar un controlador mejor… - Siguiente - especificar una ubicación. Localiza el archivo necesario en la carpeta descomprimida que has descargado al inicio de este apartado.

instalar W98

Tras finalizar el proceso de actualización del ratón podrás configurar el escritorio para que se muestre otra resolución diferente, por ejemplo 800 x 600 y color de 32 bits.

instalar W98

Así W98 se visualizará correctamente en Ubuntu y con una buena resolución de pantalla, suficiente para utilizar los juegos educativos que necesites que se ejecuten en Windows 98.

instalar W98

PASO 6. UTILIZA WINDOWS 98 CON TUS JUEGOS EDUCATIVOS

Considera la instalación de Windows 98 como si la hubieras realizado en un equipo independiente. A continuación, instala por el procedimiento habitual aquellos juegos educativos que vayas a utilizar con tus alumnos y… ¡a divertirse!
Jugar, navegar por Internet, utilizar aplicaciones instaladas, todo, todo, mientras Ubuntu se ejecuta en tu máquina anfitriona.

instalar W98
Aprende a leer con Pipo en Ubuntu