Menú desplegable.

En la última clase apuntasteis a añadir un menú desplegable dento de vuestro sitio web. Pues resulta que es una cosa nada fácil. Después de dar algunas vueltas y estudiar un poco, podemos decir que tenemos menú desplegable. Si queréis queréis incluir alguno en vuestros trabajos seguid las siguientes instrucciones. También os dejo una muestra de como puede quedar.

Hagamos ingeniería.

La tarea que os ha sido propuesta (crear una página web) es compleja y extensa. Ante un trabajo de esta envergadura, debemos pararnos y planificar el mismo.

FavIcon

     Seguramente os estaréis preguntando ¿qué diantres es un FavIcon? Pues os puedo asegurar que estáis hartos de verlos. Si miráis ahora mismo a la pantalla estáis viendo, al menos, uno. Esa bonita B en un cuadrado naranja que aparece en la pestaña actual de vuestro explorador es, de hecho, un FavIcon.

     Para decirlo claramente, es un icono de favoritos, cuando vemos dicho icono sabemos a que sitio web nos estamos dirigiendo. Es un elemento muy útil para las para los sitos web, a que da información y "seguridad" al usuario, además de estilo a nuestro propio trabajo.

Plantillas con Nvu

Pueden sernos de gran utilidad, puesto que en una misma web tendremos diferentes páginas con un mismo formato, donde sólo cambiarán algunas zonas de la misma. Así pues, comenzamos.
Mira los siguientes ejemplos de página web e identifica las parte que podrías tomar como platilla.

• Maestrazgo turismo.
•  Maestrazgo comarca.
• Maestrazgo comercios.
•  Maestrazgo productos.
•  Maestrazgo parque cultural.

Una vez identificadas estas "macros", vamos a diseñar la nuestra propia. Veamos como hacerlo paso a paso.

Mejorando nuestra Web

La última sesión comenzamos a trabajar con Nvu, por lo menos aquellos a los que os dio tiempo. Hoy comenzaremos a desarrollar nuestras habilidades en este entorno. Para esto vamos a retomar la página que dejamos a medias y la abreremos con Nvu, a continuación:

• Cambiamos el fondo, tienes fondos descargables en este enlace.
• Insertamos una marquesina (primero investiga qué es y como insertarla )
• Insertamos una tabla. En la primera fila el título, las restantes 4 filas deberán se de 4 columnas.
• Inserta algún hipervículo, por ejemplo al blog de la clase y al tuyo propio.

Nvu

     ¿Qué es Nvu? Nvu, es un editor de páginas web, no necesitaremos aprender las engorrosas órdenes en HTML que ya conoceis. Directamente haremos clic sobre un botón y Nvu escribirá estos códigos por nosotros, sólo debemos preocuparnos de aportar contenido a nuestras páginas y un formato amigable , por supuesto.
      Vamos a dedicar unos días a familiarizarnos con este entorno de trabajo y crear nuestra propia página web, que después albergaremos en algún proveedor de hosting gratuito. Pero vayamos poco a poco:

Reflexiones.

Como la mayoría tenemos cosas pendientes de terminar, dedicaremos la primera parte de la clase a resolver este asunto. Una vez solucionado esto os propongo crear una entrada en el blog donde reflexioneis sobre el uso de las redes sociales.

Dibujo tomado de: El bloc del Joan

     Debéis incluir en el :

• Tiempos dedicados.
• Alternativas disponibles.
• Usos correctos e incorrectos.
• Riesgos.
• Modas, redes actuales y en desuso.
• ...
 

 

Redes sociales

Hoy estudiareis un poco más en profundidad este tema. Las tareas que os propongo para hoy son las siguientes:

• Todos tenemos una idea de que es una red social, pero lo primero es hablar con propiedad, por lo tanto debemos dar una definición lo más exacta posible.
• Confecciona una breve historia de las redes sociales en Internet.
• Enumera todas los portales de redes sociales que consigas, aporta el fin con el que están diseñadas.
• Condiciones de uso y privacidad, ¿Alguna vez los habéis leído? Hoy es el día, elige una red social y resúmelos.
• Seguridad en las redes sociales, todos conocéis algunos de los peligros a los que nos exponemos al utilizarlas, enumera los que puedas identificar y aporta alguna solución para evitarlos o minimizarlos.

Con el material que has recopilado y elaborado, crea una nueva entrada en tu blog, lo más atractiva posible. Debe estar publicada antes de salir de clase, no vaya a ser que nos suceda lo de siempre.

El gigante de Google.

     Los que no tuvisteis la oportunidad de ver el vídeo sobre Google, si tenéis curiosidad por el tema, podéis verlo en en este enlace. La verdad es que es bastante recomendable, ayuda a entender mejor que es, como esta montado, que ofrece y de que vive este gigante tecnológico, el mayor de nuestro tiempo de hecho.

     Aunque ya sabéis, no se puede hacer caso de todo lo que se dice, ved y juzgad.

Derechos de autor.

    Como todos sabemos, la ley española protege la propiedad intelectual, otorgando derechos sobre una obra al autor por el mero hecho de haberla producido. En nuestra vida necesitaremos usar muchas producciones ajenas y debemos conocer que derechos y responsabilidades tenemos para hacer uso correcto de ellas y ahorrarnos problemas legales.

    Así mismo en numerosas ocasiones crearemos materiales originales y es recomendable conocer nuestros derechos sobre estas producciones.

    El trabajo de hoy consiste en recabar toda la posible información sobre los distintos tipos de licencias disponibles. Así mismo debéis incluir una licencia creative comons (CC) en vuestro blog.

    Con la información que recabéis debéis escribir un post en vuestro blog, además os servirá para ir comenzando el proyecto de: "un día de mi vida"del que ya hemos hablado, y en el que debéis utilizar todos los materiales con los permisos y licencias adecuados, y publicarlo bajo licencia también.



    Después de ver vuestras entradas, os dejo un documento que, quizás, os pueda aclarar un poco las ideas.

Páginas web.

Seguramente todos hemos abierto hoy varias páginas en la red, pero ¿sabemos qué es una página web?¿qué necesitamos para poder leerla?¿podemos crear una web propia?

Hoy trataremos de dar respuesta a estas y otras preguntas. Comencemos:

• Escribe una breve historia de la web.
• Busca información sobre qué es y para qué sirve HTML.Escribe un ejemplo de programa HTML.
• Encuentra  información sobre distintos exploradores. Escribe toda la información que puedas sobre el buscador que usas en este mismo instante.
• Define qué es un host, un servidor, un servicio de hosting, ¿que necesitamos para montar un servidor?
• Investiga qué tipos de página web existen.
• ¿Qué es una URL? ¿Y un DNS?
• Crea tu propia página web.

Una vez terminéis todo este trabajo de investigación, debéis recoger los resultados en un archivo de texto, convertirlo en formato PDF y publicarlo en vuestro blog. No olvidéis calificar esta entrada.