elWebmaster.com

En distintos sitios web habrás visto en las tablas que al pasar el ratón por encima de una fila, toda la fila se remarca.  Gracias a Dhtml Goddies podrás crear una tabla con ese efecto y, también, con la posibilidad de que al hacer clic cobre una de las filas esta quede remarcada permanentemente.

Puedes ver una demostración del resultado final aquí. Como habrás observado allí se cambian tanto el color de fondo de la fila como el de la letra. En realidad puedes modificar cualquier atributo que permita CSS. Por ejemplo es posible agregar subrayado o cambiar la fuente. Seguir leyendo

Y al final, llegó el final. ¡Buen día para todos! ¿Cómo les va? Hoy nos toca la triste y, a la vez, alegre despedida ^_^. Alegre porque ya están un poquito más cerca de ser webmasters, o por lo menos espero haberles acercado conocimientos que puedan usar para tomar decisiones o mejorar sus sitios en un futuro no muy distante.

A lo largo de este taller, fuimos viendo diferentes técnicas y usos de Dw y HTML en mayor o menor medida. Al principio traté de darles información más del lado de Dreamweaver, para que puedan hacer uso práctico del programa, y luego me volqué mas para el lado del HTML porque mi intención era mostrarles cómo se crea una página, mas allá de la herramienta que usen. Seguir leyendo

¡Hola muchachos/as! ¿Me extrañaron? Calculo que no ¿Qué se le va a hacer? un pequeño mortal contra una diseñadora del mas allá…
Pero ¿quién los saluda con tanto fervor y tantas ganas? ¡¡¡Su querido amigo Thor!!!

Bueno, es difícil de remontar luego de estas dos últimas clases pero trataremos de que les guste (nótese el “trataremos” despersonalizando toda responsabilidad por mi parte, ya me dio verguenzita jeje). Seguir leyendo

Existen varias formas de rastrear la llegada de un email y, sobre todo, los clics que se hacen sobre un correo electrónico. David Walsh se confiesa una persona desconfiada y nos cuenta cómo hace él para seguirle el rastro (tracking) a sus envíos.

Con un poco de HTML y PHP podrás conocer cuántos potenciales clientes hacen clic en tu Newsletter y visitaron tu sitio… Seguir leyendo

Cuando el diseñador se sienta a pensar en el diagrama de su sitio web, divide los espacios generando distintas áreas que en el maquetado se traducen generalmente en divs contenedores. Estos divs son necesarios para ordenar el contenido de la página.

Los frames son otra opción para diagramar una página. La diferencia con respecto a los divs es que cada frame contiene un HTML independiente. El resultado es una página compuesta por varios archivos HTML. A este tipo de documentos se les llama frameset. Seguir leyendo

Rounded Cornr es una aplicación online que nos permite generar esquinas redondeadas para el contenido o botones de nuestro sitio web o blog. En pocos pasos obtendremos el código necesario para usar en nuestro HTML y en la hoja de estilos CSS.

Sólo hace falta definir ciertos parámetros como el color de fondo, el color de la caja, el tamaño del radio de la esquina, etc. y hacer clic en “Generate RoundedCornr”. Luego copiamos y pegamos el código ¡y listo! Seguir leyendo

Hola a todos. Esta vez vamos a responder las preguntas que estuvieron dejando en los comentarios de las clases anteriores. Esta clase se irá actualizando con nuevas respuestas, así que estén al tanto por futuros agregados.

Dentro de las preguntas verán definiciones útiles, tutoriales, consejillos y algunas recetas para optimizar nuestra forma de trabajar. ¡Si necesitas que profundicemos en algún tema, no te olvides de dejarnos tu comentario! Seguir leyendo

Htm2pdf es una herramienta online gratuita que permite convertir los sitios webs que visitamos a formato PDF. No es necesario registrarse previamente al sitio para utilizar el servicio.

Todo lo que hay que hacer es pegar la dirección url o el código html y hacer clic en “convert to pdf”. Una vez que el archivo se haya creado seleccionamos “download PDF” y ya tendremos nuestro archivo listo para su uso. Seguir leyendo

Css Zen Garden es una demostración de lo que se puede lograr visualmente a través del CSS. Su propósito es que el css sea tomado en serio por los artistas gráficos y demostrar el gran valor de separar la maquetación HTML del diseño.

Básicamente, consiste en una página donde distintos usuarios suben sus hojas de estilo. Lo interesante es ver cómo podemos cambiar los distintos diseños pero el código html es siempre el mismo. Seguir leyendo

Algunos diseñadores odian las tablas en HTML y se preguntan cuál será la mejor forma de diseñar formularios con CSS pura y exclusivamente, emulando la disposición de los elementos que anteriormente pertenecían a celdas dentro de filas y columnas.

Sinceramente, las tablas son el modo más simple de hacer un formulario (¡no son tan malas después de todo! ^_^) pero para todos los fanáticos de los estilos les voy a dejar el código que necesitan para hacer un formulario sólo con CSS. Seguir leyendo