Edición de páginas web. Kompozer

Kompozer es un editor de páginas web de código abierto WYSIWYG, es decir, what you see is what you get. Esto hace que sea muy sencillo e intuitivo elaborar una página web, puesto que trabajaremos como si estuviéramos ante un procesador de textos.

Para trabajar este programa seguiremos los apuntes propuestos por el IES María de Molina. En los siguientes enlaces se pueden descargar tanto el pdf como los documentos e imágenes para realizar las actividades.

APUNTES DE KOMPOZER

DEFINICIONES DE MECANISMOS PARA LAS ACTIVIDADES

IMÁGENES PARA LAS ACTIVIDADES

Por último, si no tenemos instalado en Linux el programa, tendremos que ejecutar las siguientes órdenes en el terminal:

sudo apt-get install libatk1.0-0 libc6 libcairo2 libfontconfig1 libfreetype6 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk2.0-0  libidl0 libnspr4 libnss3 libpango1.0-0 libpng12-0 libstdc++6 libx11-6 libxft2 libxinerama1 libxrender1 libxt6 zlib1g

wget https://launchpad.net/ubuntu/+archive/primary/+files/kompozer-data_0.8%7Eb3.dfsg.1-0.1ubuntu2_all.deb

wget https://launchpad.net/ubuntu/+archive/primary/+files/kompozer_0.8%7Eb3.dfsg.1-0.1ubuntu2_i386.deb

sudo dpkg -i kompozer-data_0.8~b3.dfsg.1-0.1ubuntu2_all.deb

sudo dpkg -i kompozer_0.8~b3.dfsg.1-0.1ubuntu2_i386.deb

Para ponerlo en español hay que descargar este .xpi:
http://kompozer.sourceforge.net/l10n/langpacks/kompozer-0.8b3/
A continuación, abriendo KompoZer en inglés, en Tools, abrir Add-ons y allí eligimos el .xpi descargado.

Finalmente, para alojar gratuitamente nuestro sitio web podemos usar el servicio que ofrece www.hostinger.es,

El programa FileZilla nos servirá para subir los archivos que componen nuestro sitio web al servidor.

Creación de página web con HTML. Provincias de Andalucía.

Para repasar para la próxima prueba de HTML, vamos a confeccionar una web con el aspecto que muestra la imagen de abajo.

La página web tiene las siguientes características:

• La web tendrá el título “Provincias andaluzas”.
• Se trata de mostrar una estética en la que predominen los colores blanco y verde.
• En la parte superior, y sobre fondo verde, tenemos dos tipos de encabezados, y en la parte central, y en fondo blanco, el texto se escribe con letra más pequeña y en cursiva. Todas las frases estarán centradas.
• Dividiendo las diferentes partes de la web aparecen rayas horizontales de color verde.
• La web presenta una lista con los nombres de las ocho provincias de Andalucía, incluyendo enlaces a la página de la Wikipedia correspondiente a cada provincia. El hiperenlace se configurará en negrita, siendo de color blanco y no azul, como se configura por defecto. La lista estará centrada.
• La web muestra también un panel de imágenes de las provincias andaluzas, realizado a partir de una tabla. Cada imagen tiene un tamaño de 150×150 píxeles, excepto las imágenes laterales, que se presentan con un tamaño de 200×300 píxeles. Cada imagen incluirá un texto alternativo con el nombre de la provincia, así como un hiperenlace a la web de la Wikipedia utilizado en la lista de arriba.
• En la parte inferior y alineado a la derecha se mostrará el nombre del autor o autora, así como un enlace a nuestro blog. Este texto estará en cursiva y el enlace deberá configurarse de color verde, así como el nombre del autor o autora.

Creación de un blog educativo

En este curso estoy coordinando en mi centro un grupo de trabajo para incorporar las nuevas tecnologías a la docencia, trabajando en la creación de un blog educativo. Durante el curso pasado configuramos la plataforma Moodle del instituto y con el trabajo de este año vamos a conseguir que el profesorado de nuestro centro tenga a su disposición suficientes herramientas para mejorar su labor docente.

Me ha parecido interesante compartir el blog que he creado, con las explicaciones paso a paso de cada una de las tareas que se van a realizar para crear el blog educativo.

Creando un blog para comenzar el curso

Para empezar este curso vamos a crear un blog. De esta forma, cada alumno y alumna podrá publicar los trabajos que vayamos realizando.

La creación de un blog es una tarea que no resulta muy complicada. Sí hay que tener claro el propósito de nuestro blog y marcarse unos objetivos mínimos y alcanzables al iniciar la elaboración de nuestra bitácora.

En principio utilizaremos Blogger para crear nuestro blog. Considero que es más versátil a la hora de incluir widgets, y para iniciarse es muy recomendable.

Para comenzar necesitamos tener una cuenta en Google. Si no disponemos de ella la crearemos en el siguiente enlace. En el proceso de elaboración del blog vamos a seguir el manual de Blogger del Centro Guadalinfo Cenes de la Vega.

El nombre del blog tendrá que incluir los apellidos del alumno o alumna.

Además, en este vídeo de Javier Muñiz, se resumen los aspectos más importantes del proceso de creación de un blog en Blogger.

 

Creación de un blog

La creación de un blog es una tarea que no resulta muy complicada. Sí hay que tener claro el propósito de nuestro blog y marcarse unos objetivos mínimos y alcanzables al iniciar la elaboración de nuestra bitácora. Para iniciarnos en el apasionante mundo de la blogosfera vamos a crear un blog de aula.

En principio utilizaremos Blogger para crear nuestro blog. Considero que es más versátil a la hora de incluir widgets, y para iniciarse es muy recomendable.

Para comenzar necesitamos tener una cuenta en Google. Si no disponemos de ella la crearemos en el siguiente enlace. En el proceso de elaboración del blog vamos a seguir el manual de Blogger del Centro Guadalinfo Cenes de la Vega.

No obstante, si queréis realizar el blog en WordPress,com, os dejo un enlace a un manual escrito por Anthony Hortin: Guía WP Fácil.

Asimismo, en el sitio el blog de Eva, se expone una entrada con una guía fácil de creación de un blog en WordPress.

El nombre del blog incluirá los apellidos de los componentes del grupo de trabajo. Asimismo, la primera entrada que vamos a hacer tratará sobre el reciclaje. Hay que seleccionar un tipo de reciclaje, ya sea de papel o vidrio. Una vez seleccionado, la entrada deberá incluir texto explicando el proceso de reciclaje, una o varias imágenes, así como un vídeo sobre el proceso.

Por último, el blog deberá mostrar un widget sobre los autores, un contador de visitas y enlaces para el resto de blogs de los compañeros y compañeras del aula. El resto de opciones quedan abiertos a vuestra imaginación y creatividad.

Aquí dejo dos enlaces sobre reciclaje para empezar a seleccionar información sobre este tema:

http://es.wikipedia.org/wiki/Reciclaje

http://www.redcicla.com/

Práctica de creación de página web con NVU.

El alumnado de 4º de la ESO realizará esta práctica para evaluar su aprendizaje en la unidad didáctica dedicada a creación de páginas web.

Así, deberéis hacer una web sobre cualquier tema con las siguientes condiciones:

a) La web tendrá como mínimo cinco páginas.

b) Cada página tendrá enlaces internos para subir y bajar al inicio y al final de la página.

c) Cada página mostrará al menos una imagen (150 píxeles de ancho y alto).

d) La web incluirá tres hiperenlaces relacionados con el tema de la misma.

e) Las páginas de tu sitio web estarán enlazadas entre sí.

f) La web debe incluir un mapa de imagen.

g) La web tendrá al menos dos vídeos, insertando también enlaces a los mismos.

h) Deberás publicar la web en http://www.bravenet.com.

Todas las tablas tendrán de ancho 700 píxeles.

Los criterios de evaluación son los siguientes:

– Contenido (redacción propia y originalidad). 2 puntos.

– Formato……………………………………………….. 1 punto.

– Inclusión de imágenes ……………………………. 1 punto.

– Enlaces internos…………………………………….. 1 punto.

– Enlaces externos……………………………………. o´5 puntos.

– Enlace entre páginas ………………………………. 1 punto.

– Mapa de imagen …………………………………….. 1´5 puntos.

– Inclusión de vídeos ……………………………….. 1 punto.

– Publicación ………………………………………….. 1 punto.

Creación de blog y fabricación de ceniceros.

Los alumnos y alumnas del proyecto EJE van a empezar a crear el blog que mostrará el trabajo que están realizando con su cooperativa Bisuespejo.

Para ello hacer click en el siguiente enlace:

https://www.blogger.com/start

Además, vamos a comenzar a fabricar el primer producto de nuestro catálogo. Haremos ceniceros a partir de latas recicladas. La información para hacerlos la encontraréis en este enlace:

http://tutorialesapocrifos.blogspot.com/2007/11/como-hacer-un-cenicero-con-una-lata-de.html