Geek Penguin

¡Terminamos con la parte del código estructural! Hoy empezaremos con OTRO lenguaje, que se llama JavaScript. Puedo explicarles este y otro que se llama PHP (que es muy potente, la verdad), pero pensaré eso, ya que el PHP es algo complicado, y mi intención no es aburrirlos con el tema. Bueno, ¿qué rayos es el JavaScript? Es un lenguaje de scripts diseñado para su uso en navegadores web, que sirve para darle cierta forma de comportamiento y dinamismo a nuestra web. Me refiero a guardar datos del visitante como el navegador o el sistema operativo, alertar al usuario sobre algún evento y reaccionar a ellos, validar formularios… el mejor ejemplo que les puedo dar es Ikariam, un juego hecho totalmente en JavaScript.

Read more »

¡De nuevo! Hoy vamos con más propiedades: las de borde, margen y lista.

Propiedades de borde

Las propiedades de borde permiten modificar el estilo y el color del borde de un elemento. Una cosa importante: los elementos HTML vienen generalmente sin borde, por lo que es necesario activarlo con el atributo border, y con un valor numérico, donde 1 es una línea normal. Las más importantes:
Read more »

Numeros romanos

La semana pasada vimos cómo insertar una hoja de estilo en un documento HTML, y comenté un poco de ello. Bien, ya explicamos la estructura, pero no conocemos propiedades ni valores para los selectores, así que vamos a aprender los más básicos (porque yo dije que no quería hacerlos unos expertos) para darle un bonito estilo a nuesta web. Hoy veremos las propiedades de fondo, texto y fuente.

Propiedades de fondo

Las propiedades de fondo permiten modificar las características del fondo (O RLY?) de nuestro documento HTML. Por ejemplo, el color, la posición, la imagen de fondo, la repetición… veamos:

Read more »

La semana pasada vimos la sintaxis básica del CSS y su uso básico. Hoy aprenderemos sobre el uso de las “style sheets” u hojas de estilo, que son los archivos CSS completos que vienen con todos las propiedades del archivo HTML.

Cómo insertar una hoja de estilo (style sheet) en un archivo HTML

Las hojas de estilo (o style sheets) pueden son generalmente insertadas dos formas: como una hoja de estilo interna o una hoja de estilo externa.
Read more »

Bien, por fin terminamos todo lo que es el HTML y pasamos a un paso muy sencillo: el aprendizaje del CSS, esencial para darle algo de color y estructura de la web.

¿Qué es el CSS? Es el acrónimo para Cascading Style Sheets (que significa Hojas de Estilo en Cascada) y es el lenguaje que junto con el HTML nos permitirá hacer una página web estilizada, ordenada y bien estructurada. De una forma más específica, es el que define como deben ser mostrados los elementos HTML.

Si veíamos que la sintaxis del HTML es de la forma

<etiqueta atributo=”valor”>contenido</etiqueta>

El del CSS es de la forma

selector {propiedad: valor; propiedad2: valor2… propiedadn: valorn}

Y así. Estudiémolos parte por parte:
Read more »

Ya conocemos lo mas esencial del lenguaje HTML, y hoy nos queda una etiqueta muy importante: la etiqueta de las imágenes. Claro, una página web sin imágenes es simplemente texto organizado, no mas.

La etiqueta utilizada para las imágenes es la <img>, y así como la etiqueta para los links o enlaces, <a>, tiene un atributo obligatorio. Debemos tener en cuenta el origen exacto de la imagen.

Read more »

Ya sabemos lo básico del HTML: el texto, los enlaces, los atributos, el formato y los elementos básicos. Pero si aplicamos todo lo que sabemos puede que se nos dé el texto en una sola columna y sin estilo aparente. Una web “plana”, por decirlo de una manera. Hoy aprenderemos la estructura.

La estructura se lleva generalmente de dos formas: en tablas o en divisiones. No recomiendo el uso de tablas para la estructura de una página web, ya que generalmente lleva mucho trabajo hacer posbile que se vean igual en todos los navegadores. Aún así las tablas se pueden usar para organizar datos, cosa que es imprescindible para las pequeñas pilas de información, pero repito, no para la estructura completa.

Read more »

En el anterior post vimos el formato esencial del texto en HTML. Ahora profundizaremos un poco sobre el formato de texto.
Read more »

Bueno, vuelvo con este tutorial. Que será llevará mucho tiempo, pero no tanto como el que me llevó a mí aprender 2 lenguajes web (aproximadamente un año sin ayudas, solo Googleando). Busco resumir toda mi experiencia y explicar de la forma más sencilla posible. Yo sé que al intentar hacer esto sencillo, los pros dirán que estoy dando datos imprecisos, pero yo les respondo, los noobs necesitan que todo vaya por el camino más fácil, agradable, y no-aburrido. Después de esto, empiezo.

Read more »

Muchos de los que han visitado mi página me han preguntado alguna vez: ¿como puedo hacer una página web? Me han preguntado si usé algún programa, si me demoré mucho, si es difícil… Aquí la respuesta a todas esas preguntas.

Para entender todo esto, debemos empezar a entender que pasa cuando ingresamos una dirección web a nuestro navegador favorito, ya sea Internet Explorer (no recomiendo que usen ese), Firefox, Opera, Safari, Google Chrome, en fin.

Read more »