Mayo 20/2015
Clase N° 13.
Finalización del proyecto y desarrollo prueba saber mediante ejercicio de JavaScript.
miércoles, 20 de mayo de 2015
viernes, 15 de mayo de 2015
Mayo 06/2015
Mayo 06/2015
Clase N° 12.
Solución ejercicios propuestos por el profesor de traducción pseudocódigo a javascript.Manual de Pseudocódigo:
http://datateca.unad.edu.co/contenidos/204018/2014-2_ava/TUTORIAL_SENCILLO_MANEJO_DE_PSEINT_Y_DFD_1_.pdf
martes, 28 de abril de 2015
Abril 29/2015
Abril 29/2015.
Clase N° 11.
PSEUDOCÓDIGO: El pseudocódigo es una herramienta utilizada para el diseño de programas que permite al programador expresar sus pensamientos de una forma clara utilizando su lenguaje natural y mostrando el orden de ejecución de las sentencias del programa sin ninguna ambigüedad.El principal objetivo del pseudocódigo es el de representar la solución a un algoritmo de la forma más detallada posible, y a su vez lo más parecida posible al lenguaje que posteriormente se utilizara para la codificación del mismo.
Tomado de: http://es.slideshare.net/CesarRomero4/pseudocdigo
Abril 22/2015
Abril 22/2015
Clase N° 10.
mouse move ----- movimiento
onclic--------------- clic
ondblclic ---------- doble clic
ofocus ------------- ubicar sobre la caja de texto (tiempo que se demora alli)
onblur ------------- se pierde el tiempo
onkeypress ------ ver lo que digita
onkeydown ------ oprime
onkeyup ---------- suelta
password -------- contraseña (no la deja copiar ni pegar)
<script>
if(confirm("¿Quiere salir de la salir de la pagina?")){
}
else {
}
</script>
var a = new Date();
document.write(a.getDate() + "/" + (a.getMonth() +1) + "/" + a.getFullYear());
</script>
var b = new Date();
document.write(a.getDate() + "/" + (b.getMonth() +1) + "/" + b.getFullYear() + "," + b.getHours() + ":" + b.getMinutes() + ":" + b.getSeconds());
</script>
var c = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var d=new Date();
document.write(d.getDate() + " de " + c[d.getMonth()] + " de " + d.getFullYear());
</script>
var e = new Array ("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
var f = new Array("Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado");
var g =new Date();
document.write(f[g.getDay()] + " " + g.getDate() + " de " + e[g.getMonth()] + " de " + g.getFullYear());
</script>
<option value="1">Windows Vista</option>
<option value="2">Windows 7</option>
<option value="3">Windows XP</option>
<option value="10">Fedora</option>
<option value="11">Debian</option>
<option value="12">Suse</option>
</select>
<option selected value="0"> Elige una opción </option>
<optgroup label="Microsoft">
<option value="1">Windows Vista</option>
<option value="2">Windows 7</option>
<option value="3">Windows XP</option>
</optgroup>
<optgroup label="Linux">
<option value="10">Fedora</option>
<option value="11">Debian</option>
<option value="12">Suse</option>
</optgroup>
</select>
<option selected value="0"> Elige una opción </option>
<optgroup label="Microsoft">
<option value="1">Windows Vista</option>
<option value="2">Windows 7</option>
<option value="3">Windows XP</option>
</optgroup>
<optgroup label="Linux">
<option value="10">Fedora</option>
<option value="11">Debian</option>
<option value="12">Suse</option>
</optgroup>
</select>
Tomado de:
Manual confirm
Javascript con fecha
Lista desplegable
martes, 21 de abril de 2015
Abril 15/2015
Abril 15/2015
Clase N° 09
<input type="botton" id="boton">#boton {width:30px;height:30px;}
<span class="titulo"> hola </span>
.titulo {color:"#FF0000";}
Reglas css
- Html
- # - Id
#hola { font-fanily: Georgia; }
- . - Class
.hi {
font-family: cursive;
}
ETIQUETAS:
- <ul>
Se utiliza para crear una lista
- <li>
Define, los diferentes elementos de una lista
- <span>
Permite agrupar varios elementos en línea seguidos dentro de un mismo bloque (por ejemplo, varias palabras seguidas en un párrafo), para después darles formato con la hoja de estilo.
- <div>
Se emplea, para definir un bloque de contenido o seccion de la pagina, para aplicarle diferentes estilos en un documenot css.
- <textarea>
Nos permite asignar una zona de texto, donde el usuario podrá escribir libremente.
- <Select>
Se utiliza para insertar uno de estos menús o listas es necesario insertar las etiquetas
- <input>
Se utiliza para el ingreso de datos por parte del usuario.
text - entrada de texto de una línea
hidden - control oculto
submit - botón de envio
button - botón pulsador
- <map>
Especifica un mapa de imagenes, que es una imagen que permite clickear diferentes areas de la misma. Esta etiqueta requiere del atributo name
- <area>
Se utiliza para definir regiones o areas dentro de un mapa de imágenes y los enlaces asociados a esas regiones.
Street View:
Es una prestación de Google Maps y de Google Earth que proporciona panorámicas a nivel de calle (360 grados de movimiento horizontal y 290 grados de movimiento vertical), permitiendo a los usuarios ver partes de las ciudades seleccionadas y sus áreas metropolitanas circundantes.
Tomado de:
http://es.wikipedia.org/wiki/Google_Street_View http://www.virtualnauta.com/html-etiquetas
http://www.virtualnauta.com/html-etiqueta-input
Abril 08/2015
Abril 08/2015
Clase N° 08.
Una hoja de estilo, es un documento guardado con la extensión .css
Para enlazar un documento html a un documento css:
<link href="style.css" rel="stylesheet" type="text/css">
- background-color:"#00FF00" ------------------ se usa para el color de fondo
- color: ---------- color letra.
Suscribirse a:
Entradas (Atom)