CLASE ABRIL 22 DE 2015 (Tarea 2)

El docente indico una serie de ejercicios que se debian hacer con el pseucodigo, con un programa denomina PSeInt

Pseudocodigo

CLASE ABRIL 22 DE 2015 (Tarea)

El docente indico unos ejercicios en la web asi como una investigacion Oprima Aqui

• 
  

<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

CLASE ABRIL 22 DE 2015

TEMA: Etiqueta input (types)

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)

CLASE ABRIL 15 DE 2015 (Tarea)

El docente, indico en la web una serie de etiquetas que debiamos de investigar con un respectivo ejemplo:

• <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 conla            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.

• <texttarea>

          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://www.virtualnauta.com/html-etiqueta-ul

http://www.mclibre.org/consultar/htmlcss/xhtml/xhtml_span.html

http://www.ite.educacion.es/formacion/materiales/182/cd/seis/la_etiqueta_div.html

http://www.pcweb.es/manual_html/mostrar.php?opcion=textarea

http://www.aulaclic.es/html/t_8_3.htm

http://www.virtualnauta.com/html-etiqueta-input

http://www.virtualnauta.com/html-etiqueta-map

http://www.virtualnauta.com/html-etiqueta-area

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

CLASE ABRIL 15 DE 2015

TEMA: CSS

<input type="botton" id="boton">

#boton {
width:30px; ------------------ ancho
height:30px; ----------------- alto
}

<span class="titulo"> hola </span> 

.titulo {
color:"#FF0000";
}

Reglas css

• Html

        Se usan las etiquetas normales, por ejemplo: <p> ; bgcolor ; <i> ; etc.

• #

         <span id="hola" > Hola que tal </span>

         #hola {

         font-fanily: Georgia;

         }

• .

      <span class="hi" > Hola que tal </span>

         .hi {

         font-fanily: cursive;

         }

CLASE ABRIL 8 DE 2015

TEMA: CSS

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

CRONOGRAMA SEGUNDO PERIODO

SEMANA SANTA

Tema: Tarea Semana Santa

El docente, dejo un link tipo tutorial, que tocaba mirar para poder entender mejor sobre el tema, son los siguientes:

Para ver la url dejada en la web OPRIMA AQUI

Tambien dejo la investigacion sobre que es la w3c

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