Programación Web

domingo, 2 de noviembre de 2014

jueves, 30 de octubre de 2014

Animaciones

http://programacion-web-itcj-2014.besaba.com/principal.html

Como hacer un sitio web compatible con celulares y otros dispositivos móviles

Lograr que las páginas web se vean correctamente en todos los navegadores de teléfonos y otros equipos portables como tabletas y eBooks. Códigos y scripts para identificar el navegador del usuario y cargar el estilo CSS que permita mostrar una página web correctamente.

Cada vez son más los que acceden a nuestros sitios utilizando sofisticados dispositivos, que soportan las últimas especificaciones de HTML, CSS y Javascript, su gran limitación es lo reducido de su pantalla que en algunos casos puede ser de solo 320 pixeles.

➔ Crear versiones de páginas optimizadas para celulares, detectar y dirigir estos dispositivos a ellas.

➔ Crear versiones de páginas optimizadas para celulares y solo colocar un link en la parte superior de las páginas normales, para que el usuario manualmente las cargue.

➔ Seguir utilizando las mismas páginas estándar pero utilizar un script que detecte los móviles y en ese caso carguen un estilo especifico solo para ellos.

➔ Utilizar páginas optimizadas para celulares pero utilizar un script para que los navegadores estándar de escritorio usen un estilo apropiado para ellos.

➔ Por último el método que recomienda Google, usar Responsive web design. Algo en español como "diseño web responsable o adaptable".
Responsive web design no es más que servir a todo tipo de dispositivos, la misma página o sea el mismo contenido HTML, pero utilizar CSS3 para definir la forma en que se representa, de acuerdo al tamaño de su pantalla.
Para eso se pueden emplear los comandos CSS: "@media handheld" y "@media screen".

Ejemplos del uso de @media handheld

@media handheld

body{width:98%;font-family:Verdana;font-size:16px;}

</style>

Usar el comando @media screen

@media screen and (min-width:300px) and (max-width:800px) {
body{font-size:0.8em;}
sidebar{display:none;}
}

Usar CCS3 para disminuir el tamaño de las imágenes

<style>

img{max-width:100%;}

</style>

miércoles, 29 de octubre de 2014

Actividad 17

¿Qué es Javascript?

Javascript es un lenguaje con muchas posibilidades, utilizado para crear pequeños programas que luego son insertados en una página web y en programas más grandes, orientados a objetos mucho más complejos. Con Javascript podemos crear diferentes efectos e interactuar con nuestros usuarios.
Este lenguaje posee varias características, entre ellas podemos mencionar que es un lenguaje basado en acciones que posee menos restricciones. Además, es un lenguaje que utiliza Windows y sistemas X-Windows, gran parte de la programación en este lenguaje está centrada en describir objetos, escribir funciones que respondan a movimientos del mouse, aperturas, utilización de teclas, cargas de páginas entre otros.
Es necesario resaltar que hay dos tipos de JavaScript: por un lado está el que se ejecuta en el cliente, este es el Javascript propiamente dicho, aunque técnicamente se denomina Navigator JavaScript. Pero también existe un Javascript que se ejecuta en el servidor, es más reciente y se denomina LiveWire Javascript.

¿Que se requiere para que funcione Javascript?

Los recursos necesarios para poder utilizar y programar en JavaScript son pocos, este es uno sus aspectos mas atractivos, ya que cualquiera puede emplearlo directamente para crear sus propias aplicaciones.

Los requisitos hardware necesarios para ejecutar JavaScript son los mismos que se necesitan para ejecutar Netscape Navigator. Es decir que si puedes utilizar Navigator, tienes todo el hardware y software necesario para ejecutar aplicacioones JavaScript.
Para crear paginas Web que contengan funciones JavaScript es posible emplear cualquier editor de texto. Y como JavaScript no necesita compilación, en cuanto el programa este archivado podra ser provado directamente en el navegador.

lunes, 27 de octubre de 2014

Actividad 16

Prueba de Códigos

viernes, 24 de octubre de 2014

CodeCombat

Este juego, se basa en que nuestro personaje hace acciones por medio de los comandos que nosotros intertemos (como mover hacia arriba, abajo, izquierda, derecha, atacar, etc) El lenguaje que nosotros seleccionamos es el de JavaScript, tenemos que poner los comandos de las direcciones que le queriamos dar a nuestro personaje.