Editor visual de páginas web KompoZer

KompoZer es una magnífica herramienta libre, creada por la firma Mozilla, que permite diseñar páginas web de manera rápida y sencilla. Si bien para uso profesional existen alternativas más potentes como Adobe Dreamweaver, para uso particular el KompoZer es muy recomendable.
KompoZer está basado en el editor NVU (ya sin soporte), y por tanto es muy similar, con lo cual podéis seguir las prácticas del libro perfectamente.
Actualmente la última versión estable es la 0.7.10 -el cero inicial significa que aún no está preparado para uso profesional-, y la podeís descargar gratuitamente de la página oficial de KompoZer. No necesita instalación y se puede añadir un módulo para lengua española siguiendo estos pasos:

1. Descarga en tu pendrive el programa comprimido, de la página oficial o pulsando aquí.
2. Extrae el contenido del archivo: Botón derecho --> Extraer aquí
3. Crea en tu pendrive una carpeta llamada "Programas" y guarda en ella la carpeta KompoZer 0.7.10 resultante del paso anterior.
4. Abre esta última carpeta, localiza el archivo kompozer.exe, y crea un acceso directo: Botón derecho --> Crear acceso directo.
5. Corta el acceso directo que acabas de crear y pégalo en la carpeta raíz de tu pendrive. Prueba que funciona haciendo doble clic en él.

Así ya tienes instalado KompoZer en el pendrive (no te lo dejes en casa). Para que los menús y opciones aparezcan en español, sigue estos pasos:

1. Descarga el módulo de lengua española hacierdo clic con el Botón derecho --> Guardar enlace como en este enlace, y guárdalo en la carpeta Programas/KompoZer 0.7.10/extensions de tu pendrive.
2. Abre el programa KompoZer mediante el acceso directo y selecciona el menú Tools --> Extensions.
3. En la ventana que se abre, haz clic en Install
4. Selecciona el archivo de extensión de lenguaje (xpi) que acabas de guardar y haz clic en Abrir
5. Reinicia el programa y verás como los menús aparecen ya en español.
   

Lenguaje HTML

Comenzamos aquí el tema de "Diseño de páginas web", damos por tanto un salto al Tema 9 del libro de texto, y lo primero será realizar una breve introducción al lenguaje HTML, que es un lenguaje de diseño utilizado para la creación de páginas web.

Por tanto te vendrá bien esta guía de html

Tus primeras tareas serán:

1. Estudiar y resumir la teoría de las páginas 208-210 del libro de texto
2. Realizar tu primera página web: PRÁCTICA 1 del libro
3. Realizar el EJERCICIO 1 de la página 214

Envía los ficheros resultantes al profesor, antes del Martes 26 de enero

Listas de enlaces

Para completar la zona de gadgets, debéis incluir al menos dos listas de enlaces:

1. Una lista de enlaces de interés para la asignatura de informática, con al menos 6 enlaces a páginas web que hayas visitado o utilizado previamente y te hallan resultado útiles.
2. Una lista de blogs, donde incluirás los 6 blogs de tus compañeros que más te han gustado. Para ello debes visitar todos primero en la lista que aparece al márgen. Deberás dejar algún comentario en las entradas de blog que más te gusten, y activar la moderación de comentarios en tu propio blog para revisar los que te hagan a ti antes de ser publicados.
   

A partir de aquí, por el momento, queda abierto a tu creatividad el incluir más elementos en el blog, pero ya dispones de las herramientas básicas para configurar un blog personal. Y recuerda que lo verdaderamente importante es el CONTENIDO y la calidad de los ENLACES que aportes, así como los COMENTARIOS a los mismos.

Gadgets avanzados: contador de visitas

Deberás incluir en tu blog un contador de visitas parecido al que aparece en este blog. Para ello visita la página de contadorweb y sigue los sencillos pasos que se indican.
Este es un ejemplo de gadget creado copiando y pegando sin más un código HTML que nos proporcionan. De momento no hace falta que entendamos nada de dicho código, pero más adelante entraremos en él para poder personalizarlo un poco. De momento observa cómo he eliminado el enlace a contadorweb.com que aparece por defecto y cómo he incluido una pequeña frase después del contador.

Añadir gadgets

Además de los gadgets básicos que ya has añadido, debes elegir al menos uno más entre los disponibles, por ejemplo el buscador que permite buscar artículos en tu blog o en otros blogs de blogger.
Más adelante indicaré otros gadgets que debéis añadir al blog, por el momento está bastante bien si has llegado hasta este punto.

Gadgets básicos

El el área de gadgets deben aparecer al menos los siguientes:

• ETIQUETAS: artículos del blog organizados por etiquetas
• ARCHIVO DEL BLOG: artículos del blog organizados por fecha
• DATOS PERSONALES: los datos de tu perfil de usuario

Puedes eliminar otros gadgets que aparecen por defecto, como el de "Seguidores", para organizar los gadgets del blog como prefieras.

Insertar vídeos

Debes incluir al menos una entrada de blog en la que aparezca un vídeo de youtube, por supuesto relacionado con algún tema de la asignatura. Se trata de que aparezca el vídeo tal cual y se pueda reproducir en el blog, no simplemente un enlace al vídeo. La ventana del vídeo será de 400x300 píxeles y se podrá ampliar a pantalla completa.

Insertar imágenes del Web

Debes incluir al menos una entrada de blog que muestre una o varias imágenes obtenidas directamente de Internet, convenientemente comentadas, sobre algún tema relacionado con la asignatura. Aemás puedes insertar imágenes propias que tengas en el disco duro o pendrive, en esta misma o en otras entradas.

Dar formato al blog

Debes elegir una plantilla que te guste y luego seleccionar las opciones de formato en cuanto a colores y tipos de letra que se usarán para las diferentes partes del blog. Procura escoger un juego de colores que combinen, que el blog no quede muy estridente, y sobre todo que se lea cómodamente. Para ello el color de la fuente y el fondo deben contrastar bien; además está comprobado que en una pantalla se lee mejor una letra "sans serif" como Arial o Verdana (pero puedes elegir la que quieras).

Crear enlaces a otras páginas o archivos

Debes acostumbrarte a incluir enlaces a páginas web donde se recoja información de calidad acerca del tema del que estás hablando, o págnias recomendadas. Crea al menos una entrada de blog en la que utilices dos tipos de enlaces:

1. Un enlace a una página web interesante o donde hayas encontrado cierta información. Es aconsejable que los enlaces se abran en una nueva ventana para no tener que abandonar el blog al visitarlos.
   
2. Un enlace a un archivo ubicado en Internet, por ejemplo un documento en PDF o un programa ejecutable para instalar.
   

Editar tu perfil de usuario

En la zona de gadgets (margen lateral) aparece tu perfil de datos personales. Accede al de este blog y luego edita el tuyo con tus datos.

Publicar entradas de blog

Debes publicar en primer lugar una entrada de saludo, sólo con texto, en la que escribas lo que quieras para empezar. El texto de esta primera entrada debe alinearse justificado y usar tipo de letra Verdana en tamaño pequeño.
IMPORTANTE: No olvides etiquetar todas y cada una de tus entradas de blog, las etiquetas las eliges tú para organizar los contenidos, pero recuerda que puedes cambiar en cualquier momento el nombre de las etiquetas o las etiquetas de una entrada.