Mostrando las entradas con la etiqueta web. Mostrar todas las entradas
Mostrando las entradas con la etiqueta web. Mostrar todas las entradas

marzo 24, 2010

Creando una Web: JAVASCRIPT

Javascript es un lenguaje de scripting (contrario al html que es de etiquetado) y corre del lado del cliente (explicado en tuto de php) o del servidor.

Este lenguaje permite interactuar con los objetos de las paginas web (links, divs, body, id, class, etc), alterando sus estados sin tener que actualizar el sitio.

Basicamente la mayoría de cosas que se mueven (a excepcion de flash), estan corriendo con javascript, claros ejemplo d esto son:

  • La sugerencia de busqueda en google al momento que escribimos.
  • Las galerias de imagenes con efectos de 'lightbox'.
  • La apertura y cierre de las ventanas en la pag. de Iconos xD.
  • Etc...




febrero 19, 2010

Creando una Web: PHP (cliente y servidor)

Hoy hablaremos de PHP... conocido por ser uno de los lenguajes web mas dolorosos xD.

PHP (Hypertext Pre-Processor) es uno de los lenguaje mas 'poderosos' que hay para web, ya que con el hacemos que funcionen los formularios, las bases de datos, los administradores, los uploads, y todo lo que no tenemos ni idea de como se hace xD.

Este lenguaje es confuso porque no corre, por asi decirlo, junto al html(cliente), sino que se ejecuta en el servidor.

Para que se entienda mejor, vamos a hablar del Cliente y el Servidor, para ya después entrar a la sintáxis.




Cliente.

Los usuarios interactuan directamente con él. Lo que estructuramos en HTML y decoramos con CSS son parte de la interfaz con la que el mundo real se comunica con la web. Javascript también corre del lado del cliente.
Para ponerlo más facil, el cliente es el navegador web.



Servidor
Usualmente, podemos entender por servidor el lugar donde contratamos el hosting para nuestros sitios web, sin embargo, es algo mucho más complejo, pero fácil de entender. xD

En palabras simples, un servidor web es un programa que sirve para realizar procesos de transferencia utilizando el protocolo HTTP. 




febrero 13, 2010

font-size dinámico con Jquery

Han visto que hay páginas con la opción de cambiar el tamaño de la fuente?... pues aquí hay una forma sencilla de hacer ésto pero con JQuery y de forma más "dinámica", es decir, sin recargar la web =D.

Hace rato hice una minipaginita:
Como pueden notar, en la esquina superior derecha están 3 botones de "resize" (8pt, 10pt y 12pt):

Por Default el texto aparece en la opción de en medio (10pt).

Ahora chequen la página funcionando AQUÍ.

Bueno, pues si se meten al código fuente, verán que por cuestiones de velocidad xD... puse todo en el html (css y javascript[jquery]). Además de que la carga del JQuery la estoy haciendo desde GOOGLE, para así ahorrarnos tener que subir 2 o 3 archivos.

enero 30, 2010

Creando una Web: CSS

El CSS (Cascading Style Sheets) o la Hoja de Estilo en Cascada es un lenguaje encargado de dar estilo y acomodar los elementos dentro de un HTML.

La sintaxis del CSS es:

selector { caracteristica: valor;
caracteristica: valor;
}

selector.- Es el encargado de SELECCIONAR el elemento al cual aplicaremos el estilo. Se puede seleccionar por TAGS(etiquetas), CLASE o ID.

enero 28, 2010

Creando una Web: HTML

Éste es el primer post de una serie donde trataré de explicar básica y sencillamente qué es html, css, javascript y php.

HTML significa HyperText Markup Language...

Bueno, expliquemos qué es eso:

HyperText.-
Son los vínculos, no se metan en más rollo... cuando ven uno como éstos, estan viendo un HIPERTEXTO, que es lo mismo que un VÍNCULO.

Markup Language.-
Traducido como Lenguaje de Marcado.
Se refiere a las "etiquetas" dentro de un documento.
Y una etiqueta es lo que han visto como <html>, <head>, <img ...>.
El etiquetado funciona como una descripción o una declaración de tipo.
Por ejemplo, en la vida real podríamos decir algo así:
<pan>
<galletas>Suavicremas</galletas>
</pan>
Pues entonces estas dos características forman al HTML xD! ta tan!