lunes, 22 de enero de 2018

Html5: trabajo final

TRABAJO FINAL
Buenos días
Deberemos realizar una página web con las siguientes condiciones:

  • Deberemos aplicar todo lo aprendido.
  • Primero realizar un mapa mental (diseño) de la página que vamos a realizar. Podemos utilizar muchas plataformas. Os dejo un listado de ellas que además podemos asociar a nuestro drive:
    • Cacoo
    • Mindomo
    • Mindmeinster
    • Mindmap
    • Coogle
    • Concept board 
  • Deberá de constar mínimo de 5 o 6 páginas html5. 
  • La página de inicio constará de bloques, algo que hemos visto en el tema 10 de maquetación.
  • Deberemos utilizar fotografías y colores de fondo. El color igual en todas para que mantengan un criterio dirigido por la hoja de estilos.
  • El formato de la página debe estar dirigido mediante un archivo css de manera que ahí ponemos todas las opciones.
  • Es importante la presentación de la página, pero no influye sólo lo bonito que hagan el sitio web, sino la información que contenga, no solo copy/paste. 
  • Deberemos meter elementos multimedia, música y vídeos.
  • No abusar de fotos ni vídeos.
  • Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
  • Debe tener al menos una tabla y una lista anidada.
  • Se agradecerá algún contenido de la última entrada: formulario o técnica avanzada.
  • Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.

Html5 : contenidos extras

Os dejo los últimos temas que son opcionales:

viernes, 19 de enero de 2018

Temporizador en la actividad 3

buenos días,
El funcionamiento del temporizador ha cambiado y de la manera que nos cuenta en el vídeo tutorial, parece que no funciona por lo que os recomiendo lo siguiente:

  1. En diseño desactivar la opción Timer always fire
  2. En bloque codificarlo en la pantalla primera para que se active y después de que pase el tiempo indicado, en el pantallazo pone 1000, recomiendo poner 2000 para que la primera pantalla se vea más rato.
    Una vez activado y pasado el tiempo le indicamos que pase a la pantalla del menú.

jueves, 18 de enero de 2018

Html5 IV: estilos

Tema 9: estilos web
Tema 10: maquetación con estilos

En este enlace os dejo un sencillo tutorial de html y css, donde nos explica casi todo lo que estamos viendo separado por temas
manual de www.w3.org


lunes, 15 de enero de 2018

Html5 III: organización de la información

Tema 6: organización de la información.
Tema 8: Hoja de estilos.
En el tema 8 aplicaremos los estilos a toda la página por lo que tendremos que añadirlos en la cabecera de la siguiente manera
En la imagen viene con fondo amarillo el código que debemos introducir para poner entre sus etiquetas los estilos. Será dentro de la etiqueta

<style type="text/css">

</style>

Enlazar un archivo .css

Para que el archivo con los estilos tenga efecto en la página, debemos indicar en la cabecera del archivo .html que se va a tomar ese estilo, mediante la etiqueta <link>, así:

<link rel="stylesheet" href="misestilos.css" type="text/css" media="all">

otra opción sería:

@import url(misestilos.css)

dentro de la etiqueta style

viernes, 12 de enero de 2018

Visor Web en vez de Activity Starter

Para abrir un visor web en otra pantalla desde un menú los bloque que pondremos serán:

  • En la pantalla del menú pondremos los siguientes bloques en cada botón o elemento donde seleccionemos. En este caso botones:


  • En la pantalla donde se tiene que abrir el visor web introduciremos los siguientes bloques para que en cada caso se abra con la página que nos interese
Así de esta manera podremos tener más opciones. Por ejemplo una pantalla donde contéis los bares para desayunar o una pantalla donde aparezca un plano de Salamanca indicando donde juegan los equipos del instituto.
Un saludo