Listas

En este ejemplo veremos la utilidad de aprender un poco de HTML.
Quiero una lista que muestre las ocho provincias de Andalucía y que a su vez se muestren las tres poblaciones más importantes de cada provincia que no sean la capital. Quiero una lista doble.

• Almería
• El Ejido
• Adra
• Roquetas de Mar
• Cádiz
• San Fernando
• Jerez de la Frontera
• Algeciras
• Córdoba
• Montilla
• Puente Genil
• Lucena
• Grandada
• Baza
• Motril
• Guadix
• Huelva
• Lepe
• Jabugo
• Almonte
• Jaén
• Cazorla
• Úbeda
• Baeza
• Málaga
• Marbella
• Antequera
• Ronda
• Sevilla
• Écija
• Estepa
• Carmona

Para crear una lista como esta es necesario editar el código HTML de la entrada.
En alguna entrada se debe añadir una lista que se ajuste al tema tratado en la entrada.

Primeras nociones de HTML

Comento opciones para formatear y decorar el texto y les hablo de HTML y CSS, sin entrar en materia. Muestro botones 'Redactar' y 'HTML'.

Les muestro el código y como ejemplo  inserto la etiqueta hr con estilo, color rojo.

Escribo con diferentes estilos para ver las etiquetas HTML que utiliza Blogger:
Normal

Encabezado

Subencabezado

Encabezado secundario

Ahora vemos la etiqueta hr, que sirve para trazar una línea horizontal:

---

Aquí una línea con estilo:

---

Les hago una pequeña lista usando el icono del editor y después cambio la etiqueta ul por ol para que vean el cambio.

Ejemplo de lista:

• Primavera
• Verano
• Otoño
• Invierno

---

Misma lista cambiando ul por ol:

---

1. Primavera
2. Verano
3. Otoño
4. Invierno

Durante esta clase lo que se pretende es mostrar la utilidad de aprender algo de HTML y CSS ya que el editor de Blogger o de otras herramientas de publicación 'en-línea' son limitados.

---

otros ejemplos:

Respondiendo a Sharay

añado estilo al encabezado. Ella quiere subrayar un encabezado, pero que la línea no ocupe todo el ancho de la entrada, quiere subrayar sólo el texto

Esto es un párrafo metido en una caja

Diseño del blog

Vemos como personalizar el diseño del blog. Desde Blogger selecciono la opción de 'Diseño'.

• Favicon: el icono en miniatura que aparece en la pestaña del navegador. Les muestro un blog que tiene personalizado el icono.
• Barra de navegación: La añade Blogger para facilitar la navegación entre blogs. Podemos cambiar los colores o simplemente no mostrarla.
• Cabecera: las opciones supongo que son distintas para cada blog. Podemos:
  • añadir una imagen, que puede aparecer con el texto de la cabecera o sustituirla completamente.
  • añadir o editar la descripción del blog.
• Aprendemos a eliminar los 'gadgets' que no nos interesan.
• Aprendemos a añadir gadgets. Añadimos un contador al blog.

Aspecto del blog. Temas

Hoy hemos visto como configurar el aspecto del blog personalizando los temas.
Se puede:

•  Cambiar de tema. Según el tema elegido tendremos más o menos opciones
• Cambiar imagen de fondo.
• Ajustar el ancho que ocupa en pantalla cada una de las columnas.
• Cambiar tipos de letra (fuentes), tamaños y colores de cada elemento del blog.
• Opción avanzada: se puede añadir CSS a la plantilla.

En las dos clases anteriores hemos visto también:

• crear enlaces.
• insertar imágenes.
• añadir leyenda a la imagen.
• poner enlaces en imágenes. Importante para poder justificar que el material utilizado es de libre uso.
• etiquetar una imagen como propia. Pulsamos sobre la imagen, seleccionamos propiedades y escribimos 'foto propia' o 'foto de ...' en la casilla de texto del título.
• insertar vídeos, tanto desde el blog como empezar una entrada cuando vemos en YouTube un vídeo de nuestro interés.
• etiquetar entradas.

Personalizar la plantilla

Vemos como cambiar la plantilla y como personalizarla

• cambiar de plantilla.
• cambiar la imagen de fondo.
• cambiar anchura de las distintas secciones.
• cambiar tipos de letra y colores de los elementos del blog.

Es importante que todo el mundo use uno de los temas "sencillos".

Zuse Z1

El Zuse Z1 es seguramente el primer ordenador programable del mundo. Se trataba de una máquina electromecánica, aunque no utilizaba relés. Fue desarrollada por el ingeniero alemán Konrad Zuse entre 1935 y 1938.
La máquina ya no existe ya que fue destruida en uno de los bombardeos de Berlín en la 2ª guerra mundial.

Detalle de la réplica de la Z1 (fotografía de Eike Römer)

Zuse dejó su trabajo en la industria aeronáutica para dedicarse al diseño y fabricación de su máquina. La construyó con apoyo financiero de su familia y amigos ya que el gobierno no confiaba en su idea.
La información se almacenaba en binario.
La Z1 nunca llegó a funcionar correctamente del todo pero sirvió como prototipo para el desarrollo de la Z2 y Z3.

Escultura de Konrad Zuse en Hünfeld (foto de Jörg M. Unger)

Diseño

Lo realmente interesante de la Z1 es que en su diseño ya se pueden reconocer elementos de máquinas que surgieron 10 años después: unidad de control, memoria, lógica micro-programada, unidad aritmética en coma flotante, dispositivos de entrada-salida. En su diseño La unidad lógica no llegó a implementarse.
Como dispositivo de entrada contaba con un lector de cinta perforada, mediante el cual se podían introducir los programas. 

Especificaciones

Conjunto de instrucciones: 9
    Memoria: 64 palabras de 22 bits. Estaba construida a base de láminas metálicas que funcionaban como condensadores.
    Velocidad de reloj: 1 Hz
    Registros: Dos registros de coma flotante de 22 bits cada uno
    Unidad Aritmética: cuatro operaciones básicas (sumar, restar, multiplicar, dividir) para números binarios de coma flotante.
    Peso: 1000 kg
    Velocidad media de cálculo: Suma en 5 segundos, multiplicación en 10 segundos

    Entrada: cinta perforada.
    Salida: visor mecánico (al estilo de las calculadoras mecánicas).

Enlaces interesantes

• http://zuse-z1.zib.de/
• http://history-computer.com/ModernComputer/Relays/Zuse.html 

Uso de etiquetas

Vemos cómo se deben etiquetar las entradas.
En el lateral derecho del editor de la entrada vemos la opción de "etiquetas", pulsamos sobre dicha opción y aparece un recuadro donde escribimos una o varias etiquetas separadas por comas.
Debemos etiquetar obligatoriamente cada entrada con nuestro nombre, no hace falta el nombre completo pero es importante escribirla siempre igual, lo cual es bastante fácil ya que las etiquetas que hemos usado se muestran debajo del recuadro, basta con pulsar una etiqueta para añadirla a la entrada.
Las etiquetas permiten clasificar las entradas en categorías, deben ser escuetas y no debemos usar demasiadas, no tiene sentido.

Elementos de una entrada

Aprendemos a:

• No olvidar el título de la entrada .
• Por supuesto texto, mínimo 100 palabras cada entrada.
• Crear enlaces. Alguna de las entradas debe tener algún enlace a otro sitio web.
• Insertar imágenes. Todas las entradas deberían tener al menos una imagen, todas de libre uso y con su enlace a la página que contiene dicha imagen. También se permite usar material propio, es este caso se indicará utilizando la opción "texto del título" que se encuentra en "propiedades".
• Insertar vídeos desde el blog.
• Insertar vídeos desde Youtube. Al menos una de las entradas debería tener un vídeo. No es necesario enlazar los vídeos de Youtube ya que el mismo reproductor nos lleva al original si pulsamos sobre él.

Ejemplo de imagen propia debidamente justificada, pasa el ratón por encima de la imagen para comprobarlo:

Pensar un buen tema

Dedicamos un  día a:

• Crear cuenta de Google o recuperar contraseña
• Pensar el tema del blog y crear grupos
• Crear el blog
• Agregar participantes en el blog y darles permiso de administrador

Cada grupo debe pensar un tema de su interés y que les permita hacer una entrada por persona y semana teniendo en cuenta que:

• Deben conocer o al menos interesarse por el tema para que puedan realizar el trabajo sin problemas, redactando las entradas con sus propias palabras y no copiando de otros sitios.
• Elegir un tema que les permita utilizar material de libre uso. Por ejemplo,  es difícil encontrar fotos de libre uso del último partido jugado por un equipo de élite.
• Cada uno tiene que redactar sus propias entradas y con sus propias palabras, no está permitido copiar textos ajenos ni transcribirlos; tampoco vale copiarlos y cambiar algunas palabras o cambiar frases de orden (no cuela). Por eso es muy importante elegir bien el tema.
• Algunos temas están restringidos.

Desde el curso 2017/18 he restringido los temas de los que se puede hablar en el blog. Aquí una muestra:

Es preferible que el blog tenga entradas variadas que encajen dentro de las categorías que se mencionan:
Redes
    IP, MAC, DNS, Cliente-servidor
    Wifi, cableada, Bluetooth, redes móviles
    Servicios internet (WWW, correo, ...)

Internet

    Buscadores, navegadores, comportamiento, ...

Seguridad informática
    actualizar sistema operativo
    antivirus
    copias de seguridad
    software malicioso, tipos   
    protección y desinfección
    cortafuegos
    seguridad en redes inalámbricas
    criptografía
    certificados digitales

Derechos humanos y libertades fundamentales
Conocimiento y respeto por la constitución y el Estatuto de Autonomía de Andalucía
Igualdad entre hombres y mujeres
Hábitos de vida saludable y deportiva
Educación vial
Educación para el consumo
Salud laboral
Interculturalidad
Educación a la diversidad
Medio ambiente
Uso responsable del tiempo libre y del ocio
Contenidos relacionados con el medio natural, historia, cultura y hechos diferenciadores de Andalucía

Distintas formas de publicar información en Internet

Distintas formas de publicar información en Internet

1. Directamente usando HTML, CSS y otros lenguajes. Requiere conocimientos técnicos. 
2. Wiki
3. Blog
4. Microblogging (Twitter, Instagram, ...)
5. Sitios especializados para publicar fotografías, vídeos, música, ...
6. Foros de discusión
7. ...

De todas ellas nosotros crearemos un blog usando blogger y de paso aprenderemos algo de HTML y CSS.

Me presento

¿Quién soy?

Soy profesor de informática y este blog sólo lo hago para que los alumnos y alumnas vean cómo se crea un blog.
Me llamo Daniel y vivimos en Málaga.

¿Qué edad tiene mi alumnado?

El grupo al que doy clase es de 4º de E.S.O.

¿Qué hemos aprendido en esta entrada?

• a hacer nuestra primera entrada 
• a usar los estilos que ofrece Blogger. Debemos controlar el aspecto modificando el tema utilizado y no modificando cada etrada. Al escribir una entrada debemos centrarnos en el contenido.
• vemos a la vez el editor y el blog para mostrar las diferencias en el aspecto de la entrada.
• a insertar una imagen y añadirle una leyenda (ha sido idea de un alumno)
• a insertar un enlace. En este enlace hemos añadido el enlace a la imagen entera.

Debemos poner un enlace a las fotografías originales que use. Las fotografías que use deben ser de libre uso.

Foto original: Bill Wrigley

Detalle de la Puerta de Brandeburgo, Berlín (foto propia)