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>

• 
  

<script>
var a = new Date();
document.write(a.getDate() + "/" + (a.getMonth() +1) + "/" + a.getFullYear());
</script>

• 
  

<script>
var b = new Date();
document.write(a.getDate() + "/" + (b.getMonth() +1) + "/" + b.getFullYear() + "," + b.getHours() + ":" + b.getMinutes() + ":" + b.getSeconds());
</script>

• 
  

<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>

• 
  

<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>

• 
  

<select name="OS">
   <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>

• 
  

<select name="OS" >
   <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>

• 
  

<select name="OS" size=9>
   <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

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

         Etiquetas html; por ejemplo: <p> ; bgcolor ; <i> ; etc.

• # - Id

         <span id="hola" > Hola que tal </span>
         #hola {         font-fanily: Georgia;         }

• . - Class

      <span class="hi" > Hola que tal </span>
         .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.

Semana Santa (Investigación)

Tutorial de inicio con Css:
Oprimir para visualizar la url del tutorial.

W3C

El World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la World Wide Web.Fue creado en octubre de 1994 y está dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource Locator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Hyper Text Markup Language,Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web.Fue creada el 1 de octubre de 1994 por Tim Berners-Lee en el MIT, actual sede central del consorcio. Uniéndose posteriormente en abril de 1995 INRIA en Francia, reemplazado por el ERCIM en el 2003 como el huésped europeo del consorcio y Universidad de Keiō (Shonan Fujisawa Campus) en Japón en septiembre de 1996 como huésped asiático. Estos organismos administran el consorcio, el cual está integrado por:·         Miembros del W3C. A abril de 2010 contaba con 330 miembros (lista completa).
·         Equipo W3C (W3C Team) 65 investigadores y expertos de todo el mundo (directorio).
·         Oficinas W3C (W3C Offices). Centros regionales establecidos en Alemania y Austria (oficina conjunta), Australia, Benelux (oficina conjunta), China, Corea del Sur, España, Finlandia, Grecia, Hong Kong, Hungría, India, Israel, Italia, Marruecos, Suecia y Reino Unido e Irlanda (oficina conjunta) (lista de oficinas W3C).
La oficina española del W3C, establecida en el 2003, está albergada por la Fundación CTIC en el Parque Científico Tecnológico de Gijón (Principado de Asturias).

Tomado de:

http://es.wikipedia.org/wiki/World_Wide_Web_Consortium

Cronograma 2° Periodo.

INICIO SEGUNDO PERIODO.