AppInventor II: primeros pasos

Veamos los siguientes vídeos:

1. Paleta Interfaz usuario.
2. Paleta Disposición.
3. Paleta medios.
4. Paleta sensores.

Realizad la practica guiada:

1. Practica guiada 1

En este enlace encontráis los vídeos y documentos para poder descargárlos

AppInventor I: Introducción

Veamos los siguientes vídeos que nos permiten conocer la plataforma con la que vamos a trabajar:

1. Acceso a appinventor.
2. Diseñador y pantalla de bloques.
3. Menú proyectos.
4. AICompanion.
5. Conectar emulador.
6. Menú generador.
7. Menú ayuda.
8. Menú derecha.

Insertar audio y otra opción para subir la página web

buenos días
dos temas el primero
Servidor externo página web
https://www.000webhost.com/
es el servidor al que lo ha subido Alberto Cornejo
Insertar audio en html
introducimos el audio en nuestra carpeta y en la página que queremos que se reproduzca introducimos el siguiente código dentro de body
<audio src="musica.mp3" autoplay loop></audio>
siendo musica.mp3 el nombre del archivo de audio

Publicar la web en nuestro drive

Buenos días
para publicar la página web tenemos gran cantidad de páginas, que nos salen con simplemente poner en el buscador de google "almacenar páginas web gratis".
Tened cuidado con las condiciones de la página, leerlas para que luego no tengamos sorpresas.
Por eso para evitar sorpresas os recomiendo que la almacenéis en vuestro propio drive. Para ello debemos ejecutar el scritp del enlace
https://script.google.com/macros/s/AKfycbz7Mb1OJWnFz_osp7K9G_4wesHlzyPZYOtbBFu--prJj1Hb1C83/exec
Los scripts son programas que nos hacen ciertas funciones.
Una vez ejecutado  y dados los permisos deberemos:

1. Crear carpeta comprimida con todos los archivos, carpeta con extensión .zip
2. Adjuntarla en la página que nos sale y luego subirla.

Una vez subida la web a drive, deberemos en nuestro blog tener una entrada con el enlace para visitar la página.

Espero que os sirva
Un saludo
Alvaro

Publicar la página web en drive

buenos días
vamos a intentar publicar la página web en nuestro drive para lo cual os dejo dos manuales

• Propio soporte y ayuda de google
• Artículo del blog neoteo

Un saludo

html VII: Trabajo final

Buenos días,
tenemos ya los conocimientos suficientes para empezar a defendernos con el html y realizar una página web, por lo que vamos con el trabajo final.

TRABAJO FINAL:
Realizar una página sobre un tema libre, puede ser un trabajo para otra asignatura, sobre un tema de interés personal, sobre un examen. Tened en cuenta que lo vamos a subir a la red, de manera que lo podrá ver cualquier persona:

• Deberemos aplicar todo lo aprendido. 
• Deberá de constar de 10  páginas html. 
• La página constará de marcos, por ejemplo, superior para título, izquierda para índice y derecha para contenido.
• Abriremos con una portada (con foto y titulo identificativo del tema) en el marco central, y a la izquierda un índice, donde cada punto del índice es un enlace a una página. Por ejemplo, Salamanca, los púntos del índice serían historia, monumentos, iglesias, institutos, enlaces interesantes, etc...
• Deberemos utilizar fotografías de fondo, utizando varias para las diferentes páginas.
• Deberá haber cambios de color de fondo, de foto de fondo, de tipos de letra, de colores en las letras.
• 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 música de fondo.manual
• Deberemos incrustar vídeos
• No abusar de muchas fotos ni de mucha información, que intercalen. 
• También no deben abusar de muchos videos, ni que sean videos chorras que no aportan nada al trabajo....
• Ojo con el peso de los elementos multimedia que nos pueden complicar la subida a los servidores gratuitos.
• Importante  la organización de las páginas (en arbol bien puestas), todas las páginas deben tener enlace para ir a la página anterior, cuidado con las faltas de ortografía y las ñ y los acentos, debe ser amigable a la vista, no saturada.
• Importante la organización de los archivos, a la hora de hacer funcionar los enlaces. Debemos subirlos con la misma estructura.

 Un saludo 

Html VI: frames

Buenos días,
Para distribuir la información en la pantalla se solía trabajar con tablas, así nos salía de manera correcta en nuestro navegador.
Pero lo normal es trabajar con marcos, os dejo un enlace donde nos lo explica muy claramente.

http://www.htmlpoint.com/guida/html_13.htm

Ojo el código de los marcos debemos meterlo entre la etiqueta head y la de body, quedando la estructura de la siguiente manera:

<html >

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

          <frameset rows="80,*">

    <frame src="titulo.html"/>

 <frameset cols="80,*" frameborder="no" border="0"                    framespacing="0">
  <frame src="index.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="menu" />
  <frame src="inicio.html" name="contenido" />

    </frameset>

          </frameset>
          <noframes>

          <body>
          </body>
          </noframes>

 </html> 

EJERCICIO:

el trabajo que hemos realizado hasta ahora lo vamos a distribuir con marcos de maneras que la página tendrá tres marcos. 

• Un marco arriba que será el título. Ocupa todo el ancho y el 20% de la pantalla de alto.
• Un marco izquierda que ocupar el 20% del ancho que será el índice
• Un marco central que será donde aparecerá la página seleccionada en el índice

Ojo para que cada vez que pinchemos en un enlace del indice nos lo muestre en la página central deberemos utilizar en las etiquetas <a href la propiedad target indicando en que ventana deberá abrirse. En el ejemplo de arriba deberemos poner algo así:

<a href="capitulo1.html" target="contenido"> capitulo1</a>

habiéndole dado al marco central en nombre contenido mediante la etiqueta name="Contenido" cuando creamos el frame

Un saludo