elWebmaster.com

Lo natural en la web parece ser el flujo vertical de los elementos, cuanto más contenido hay en una página, más larga se vuelve la misma. Esto responde a criterios de usabilidad dado que estamos acostumbrados a leer líneas de texto cortas que, una debajo de otra, conforman los párrafos de un texto.

Pero ¿se pueden romper los estándares? La respuesta es: “depende de tu propósito”. Si lo que quieres es distinguirte, tu público tiene el ojo entrenado y el tipo de contenido de tu sitio amerita dinamismo ¡bienvenido sea el scroll horizontal! Entérate cómo conseguirlo y conoce los mejores ejemplos. Seguir leyendo

“Todo entra por los ojos”, dice una conocida frase, será por eso que los estilos CSS son tan importantes ¿no? Para ayudarnos a la hora de escribir nuestro código, contamos con varias herramientas, algunos prefieren directamente usar Adobe Dreamweaver, otros lisa y llanamente el bloc de notas.

Pero los que no estén tan duchos siempre preferirán un editor que nos indique cuando hemos escrito mal un punto y coma. Elegir uno de tantos es cuestión de gustos, por lo pronto yo te dejo una lista con más de 10 editores gratuitos, para que puedas escribir, debuggear y validar tus estilos CSS. Seguir leyendo

Para los que no son expertos en CSS, muchas veces es un misterio el modo en que funciona la propiedad z-index. Pero lo cierto es que es bastante utilizada y nos permite corregir rápidamente algún detalle o problema de ubicación de los elementos, trabajando en conjunto con la archiconocida float.

Para arrojar un poco de luz sobre el asunto te propongo conocer las funciones básicas de z-index y probar una demo online interactiva donde cada cambio que vas realizando en los valores se muestra automáticamente. ¡Comencemos ya! Seguir leyendo

Hemos visto qué bonito queda cuando entramos a un blog o sitio web y según la hora del día vemos distintos diseños (cargados mediante diferentes hojas de estilos CSS). Esto es posible con un script de PHP (¡sólo tienes que copiar y pegar el código, no te asustes! ^_^).

La idea es que hagamos 3 diseños, por ejemplo, uno para la mañana, otro para la tarde y otro para la noche. Luego por PHP se detecta la hora local de la máquina desde donde se conecta el usuario, cargando una u otra hoja de estilo diferente. ¡Es muy sencillo de aplicar! Entérate cómo. Seguir leyendo

Hola muchachos y muchachas ¿cómo están? ¡Me alegro! (espero que hayan respondido “bieeeen”).
Ya estaba extrañándolos. No sé si se habrán dado cuenta, pero la clase pasada, fue una división de la clase de la otra semana anterior, así que la semana pasada no escribí el artículo literalmente.

Pero bueno, ya volví y con ¡buenas noticias! Conseguimos espacio para poner una miniclase guía sobre CSS. No vamos a lograr avanzar profundamente en este tema, porque CSS daría para un taller entero. Si bien no es muy difícil, hay muchos tips y ayudas que sólo podría dar una persona con experiencia en el tema.
Seguir leyendo

¡Hola, bienvenidos a la tercer clase del Taller de Adobe Dreamweaver sobre divisores y estilos CSS! Seguro este es uno de los temas que más les interesa, dado que se trata de la base del diseño actual de sitios web.

Pero a la vez es bastante complejo (no difícil), así que ¡a practicar! jejeje ^_^. Hoy explicaremos el código CSS que vimos la clase pasada, parte por parte. Luego ustedes pueden hacer su propio diseño en Dreamweaver. ¡Comencemos! Seguir leyendo

Hola gente, ¿cómo les va? ¿bien? ¡Me alegra!
Hoy nos toca repasar los divisores y estilos que vimos la clase pasada y aprender nuevas cosas de ellos.

Les confieso que estuve en duda de seguir con este tema y mejorando las cosas que vimos la clase pasada o explicar otra manera diferente de usar los divisores, pero al final me decidí por reafirmar el conocimiento anterior porque considero muy importante que esto quede bien claro…
Seguir leyendo

¡Hola, mis queridos seguidores! Bienvenidos a la clase 17 del taller de Adobe Dreamweaver. ¡Sí! ¡17! ¿Cómo se pasa el tiempo, eh? Y bueno, pero cada vez estamos más cerca de la gloria, jaja.

Hoy tenemos una clase especial, un punto de inflexión entre los conocimientos generales de HTML y el maquetado de páginas a nivel profesional. ¿Por qué digo esto? Bueno, como ya me habrán escuchado decir (figurativamente), el diseño web actual se basa en el uso de divs (una etiqueta que vamos a ver hoy) y estilos. Seguir leyendo