Febrero 15 2017

Febrero 17 2017

Clase N° 4

El diseño web adaptable (también diseño web adaptativo o responsivo; este último calco del inglés responsive web design), es una filosofía de diseño y desarrollo cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visitarlas.

Tomado de=  https://es.wikipedia.org/wiki/Diseño_web_adaptable

EVENTOS EN JAVA SCRIPT

OBJETOS: Caja de texto, botón, imagen, caja de selección, body.

• onclick: es el más sencillo y el más común.
• onfocus: es quien tiene el foco en ese instante, es decir en donde se va a escribir.
• onblur: cuando ya no se tiene el foco. Se genera cuando un objeto ya no tiene el foco y el foco le pertenece a otro elemento.

La variable readonly se emplea para que no se pueda modificar la respuesta de una caja de texto.

EJERCICIO

Crear pagina web en la que salgan 2 cajas de texto (en las que se deben ingresar los datos con los cuales se quiere hacer las operaciones).

Igualmente se debe crear 3 botones, uno para resta, otro para suma, y el ultimo para multiplicación. Cuando se presione cada botón debe salir el resultado de la operación correspondiente entre los datos ingresados anteriormente en las cajas de texto.

Febrero 8 / 2017

Febrero 8 / 2017

Clase N° 2

Se realizó una práctica con la herramienta de google street view.

Nota= 100.

NOTA= investigar y recordar acerca de:

• Array.
• Funciones.
• Table.
• tr.
• td.
• colspan.
• rowspan.

Febrero 1 2017

Febrero 1 2017

Clase N° 1

Se realiza la primera clase del año, en la cual el profesor nos recuerda todas las reglas o tips importantes que debemos seguir los cuales son:

1. En todas las clases de Tecnología e Informática debe tener siempre una memoria Usb (marcada con sus nombres y apellidos), como tambien debe tener al menos dos hojas marcadas con su Primer Nombre y Primer Apellido para posibles M.V. Si en una evaluación escrita, ud. como estudiante no escribe su primer nombre y su primer apellido, la evaluación se anula.

2. Al realizar entrega de trabajos en grupo, siempre se deben tener a la mano plan de contingencia de la A hasta la Z, a la hora de presentar el proyecto.

2.1. Importante tener actualizada sus copias de seguridad (Usb, Blog, Cuaderno de apuntes, una Nube) a la última clase o publicación de la semana.

3. En trabajos de grupo, no es excusa, si algún integrante del proyecto no asiste ( excusa ) a la presentación del mismo el día y hora indicada; todos los integrantes deberán estar en capacidad de presentar dicho trabajo de manera completa.

4. No esta permitido el uso de equipos moviles, computadores personales, tablets, página de juegos, página de redes sociales ni cualquier otro sitio web que no tenga que ver con el tema que actualmente se este trabajando en la clase de Tecnologia e Informatica.

5. Cualquier duda fuera de la hora de clase enviar e-mail al docente [ henryferrei@gmail.com ].

5.1. De igual manera el docente estará en la institución de lunes a Jueves en horas de la mañana para que ud. como estudiante pueda resolver cualquier duda sobre algun tema tratado en la clase.

5.2. Estimados estudiantes los únicos canales de comunicación para que el docente los atienda, son los indicados en el numeral 5 y 5.1. favor respetar dichos criterios.

6. Recomiendo revisar de forma constante este sitio web.

6.1. Al inicio del año, favor verificar su acceso al sistema, si no puede accesar debe enviar un e-mail al docente, indicandole nombres y apellidos, grado/grupo y numero de identificación sin puntos ni comas, a vuelta de correo le indicará su acceso al sistema.

6.2. Lo anterior solo estará disponible hasta una fecha indicada previamente por el docente, despúes de esa fecha se cierra los arreglos y se vuelve a abrir en igual condición al periodo siguiente.

7. Los refuerzos de clase deben solicitarlos 8 dias antes via e-mail [ henryferrei@gmail.com ] . Debe tener en cuenta que los grupos deben ser mixtos de minimo 5 estudiantes, y pueden ser mezclado entre los grupos A y B. Deben indicar primer nombre y primer apellido de los estudiantes que estarán en el refuerzo. Importante, debe presentarse con el uniforme del colegio.

7.1. A vuelta de correo el docente le indicará la fecha y hora de asignación del refuerzo.

7.2. El día del refuerzo deben presentarse obligatoriamente los integrantes que ud. indico en el e-mail de solcitud. Si faltase al menos un integrante el refuerzo se cancela.

8. El horario de los refuerzos son los lunes, miercoles y Jueves de 3 a 4 p.m.

9. Recomiendo pedir refuerzos con anterioridad, debido a que a medida en que se acerca el acumulativo se vuelve mas escaso el tiempo de asignación de los mismos.

10. Cuando realice ejercicios y no le funcione, no lo borre, presentelo para verificar la falencia del mismo y así encontrar la solución. Lo importante es tener la evidencia que esta trabajando en los temas de clase.

11. Para la clase siempre tenga disponible información en su cuaderno de apuntes y en una memoria Usb, para posibles evaluaciones prácticas o escritas(no se permite el uso de corrector, deben presentarse a lapicero en su totalidad; se reciben reclamos del previo realizado si la evaluación fue presentada a lapicero; si fué presentada a lápiz, se pierde ese derecho); de igual manera las evaluaciones escritas siempre son con apuntes.

12. No se permite apuntes fotocopiados de apuntes de otros compañeros, deben ser apuntes originales de cada alumno.

13. Tenga en cuenta que el Cuaderno de apuntes, memoria Usb, Carpeta virtual, Blog, se revisa una sola vez en el periodo.

14. Cuando termine la clase, favor cerciórese que tiene con ud. su memoria Usb y cuaderno de apuntes, debido a que el docente no se hace responsable por la perdida de dicho elemento.

15. Durante toda la semana en el colegio (puertas hacia adentro) los estudiantes deben tener su uniforme ya sea de diario o de educación fisica(pantalon con cualquier camisa) bien portado (camisa por dentro).

16. Las publicaciones de la semana apareceran entre el Miercoles y el viernes de cada semana.

17. En ese lapso de tiempo (Miercoles y viernes) publicare entre las 2 p.m. y las 6p.m.

Es decir:

***. No publicaré despues de las 6 p.m. entre el miercoles y el viernes.

***. No publicare desde el sabado hasta el martes a ninguna hora.

***. Se responden correos con dudas sobre lo que uds. indiquen desde el Miercoles 2 p.m. hasta el sabado 2 p.m.

***. Sólo en vacaciones existirán Publicaciones Especial, que será presentada el primer fin de semana de vacaciones.

***. Los Articulos / Manuales serán publicados en cualquier momento, dependiendo de los requerimientos que indiquen los estudiantes basados en sus e-mail.

18. Finalmente, ante cualquier eventualidad se debe tener siempre de primera mano la educación y los buenos modales al momento de presentar una duda, sugerencia, comentario o reclamo. Igualmente nos reforzó un poco el tema de Java Script (este tema lo va a estar reforzando por las próximas 2 clases).

Noviembre 1 /2016

Noviembre 1 /2016

Clase N° 34

Entrega del proyecto con los criterios dados por el profesor.

Criterios del Trabajo.

Su sitio web debe trabajar sin tener Internet. El <title> en todas sus páginas debe contener su Primer Nombre y su primer apellido. Debe tener un módulo llamado "derechos.html", donde debe tener: Nombres y apellidos completos, foto de caracter serio, grado/grupo actual, indicar en 3 líneas por que le gusta el tema del trabajo seleccionado. Todas las páginas de su proyecto deben tener el diseño de su template seleccionado. Todas las páginas deben tener la posibilidad de navegar hacia cualquier punto de su sitio web. Debe tener un módulo de nombre personajes.html, donde se mencionan los personajes de su tema. Cada personaje debe tener una imagen y un texto alusivo a él. (OPCIONAL)Al dar click sobre su imagen debe dirigirse a otra página donde debe visualizarse la misma imagen seleccionada y el texto alusivo al personaje; opcional en esta página si se desea visualizar mas imagenes o videos se puede hacer. Debe visualizar a los personajes iniciando de los principales hasta los secundarios. Lo máximo en personajes que debe visualizar es hasta 12. Si desea presentar más, lo puede realizar. Debe tener copias de seguridad, ya sea en memoria usb personal( sólo suya, no compartida ), en una nube personal ( sólo suya, no compartida ).

Mi tema del proyecto: Shigatsu wa kimi no uso.

El profesor reviso algunos proyectos y los que faltan los revisará en la próxima clase.

Proxima clase:

-Acumulativo.

-Finalización de la revisión de proyectos.

Octubre 25 /2016

Octubre 25 /2016

Clase N° 33

-El profesor realiza una demostración de el template, el cual lo fue realizando para que los estudiantes tuvieran una guía de como realizar el trabajo en casa.

 CRITERIOS:

 

1. Su sitio web debe trabajar sin tener Internet.
2. El <title> en todas sus páginas debe contener su Primer Nombre y su primer apellido.
3. Debe tener un módulo llamado "derechos.html", donde debe tener: Nombres y apellidos completos, foto de caracter serio, grado/grupo actual, indicar en 3 líneas por que le gusta el tema del trabajo seleccionado.
4. Todas las páginas de su proyecto deben tener el diseño de su template seleccionado.
5. Todas las páginas deben tener la posibilidad de navegar hacia cualquier punto de su sitio web.
6. Debe tener un módulo de nombre personajes.html, donde se mencionan los personajes de su tema.
   1. Cada personaje debe tener una imagen y un texto alusivo a él.
   2. (OPCIONAL)Al dar click sobre su imagen debe dirigirse a otra página donde debe visualizarse la misma imagen seleccionada y el texto alusivo al personaje; opcional en esta página si se desea visualizar mas imagenes o videos se puede hacer.
   3. Debe visualizar a los personajes iniciando de los principales hasta los secundarios.
   4. Lo máximo en personajes que debe visualizar es hasta 12. Si desea presentar más, lo puede realizar.
7. Debe tener copias de seguridad, ya sea en memoria usb personal( sólo suya, no compartida ), en una nube personal ( sólo suya, no compartida ).

DATOS DE ENTREGA:

• Entrega Martes 01 de Noviembre de 2016.
• El proyecto debe ser entregado en cd.
  • Debe estar marcado con su primer nombre y su primer apellido, grado/grupo, número de lista.
• El cd debe ser entregado al representante de clase.
• Los cds deben estar ordenados en orden de lista.
• Los archivos del proyecto deben estar guardados dentro de una carpeta marcada como (PRIMERapellido_PRIMERnombre_##) donde ## hace referencia a 9a ó 9b según sea su caso.
• Esa carpeta es la que se debe guardar dentro del cd.
• El proyecto debe tener como archivo inicial el index.html.

Octubre 18 /2016

Octubre 18 /2016

Clase N° 32

Se realiza evaluación.

Nota= 100

1). Defina que es una ventana pop-up o una ventana emergente.

2). Escriba la URL del lugar donde realizó la investigación.

3). Escriba el código para llamar ventanas pop-up.

SOLUCIÓN

1). Una ventana pop-up o ventana emergente es una ventana en el navegador la cual aparece automáticamente mostrando publicidad etc. la cual el programador tiene la posibilidad de bloquearla.

2).http://www.aprenderinternet.about.com

Presionar aquí para dirigirse a la página de la investigación.

3). 

ESTRUCTURA:

<script>

window.open("insertar la url de la página a la cual se quiere dirigir")

</script>

EJEMPLO:

<SCRIPT LANGUAGE="JavaScript">
window.open("https://www.google.com");
</SCRIPT>

EJEMPLO 2:

<script>
 window.open("https://www.nasa.gov/","miventana","width=300,height=200,menubar=no");
</script>

Octubre 11 /2016

Octubre 11 /2016

Clase N°31

Se realiza evaluación.

EVALUACIÓN

• Programa con el cual se pueda sacar raíz cuadrada a cualquier número (es decir, asi sea positivo o negativo.)

<html>

<head></head>

<script>

var numero= prompt("Ingrese un numero");

if (numero >0) {

alert(Math.sqrt(numero));

}

else {

numero = numero * -1;

alert(Math.sqrt(numero)+ "i");

 }

</script>

<body>

</body>

</html>

---

---

• Programa con el cual se visualice 10 líneas horizontales (entre cada linea se deben mostrar los números del 1 al 10)  y el código solo tenga 2 lineas de programación. (Se realiza con el ciclo for).

<script>

for (i=1; i<=10; i++){

document.write(i+"<hr>");

}

</script>

---

• Programa que visualice 10 líneas horizontales (entre cada linea se deben mostrar los números de 10 en 10) en solo 2 líneas de programación. 

<script>

for (i=10; i<=100; i+=10){

document.write(i+"<hr>");

}

</script>

---

• Para decir si pasó o no la definitiva tomando como valor 2 notas.

<script>

var nombre= prompt("Digite su nombre");

var nota1= parseFloat(prompt("Nota 1"));

var nota2= parseFloat(prompt("Nota 2"));

var def= (nota1+nota2)/2

if (def>=75){

alert(nombre+"Paso")

}

else{

alert(nombre+"No paso")

}

</script>

---

• Para que el proceso anterior se repita varias veces.

<script>

for(i=1; i<=05; i++){

var nombre= prompt("Digite su nombre");

var nota1= parseFloat(prompt("Nota 1"));

var nota2= parseFloat(prompt("Nota 2"));

var def= (nota1+nota2)/2

if (def>=75){

alert(nombre+"Paso")

}

else{

alert(nombre+"No paso")

}

}

</script>