1. Inicio
  2. CSS
  3. Diseño Web
  4. HTML
  5. JavaScript
  6. Miscelanea
  7. Recursos
  8. SEO
  9. Usabilidad

Crucigrama acerca de diseño web

¿Que tal un crucigrama dominical acerca de diseño web?

Puzzle #1 de Aprendiendo Web

ACROSS

  • 1. Hipertext Markup Language
  • 3. Ver los elementos como si fueran una caja: ___ model
  • 4. Espacio vacío alrededor del contenido
  • 5. Plain Old Semantic HTML
  • 6. Para darle estilos a tu web
  • 7. Elemento que separa secciones lógicas
  • 8. eXtensible Hypertext Markup Language
  • 10. Hypertext reference
  • 11. Elemento HTML para imágenes

DOWN

  • 1. El "HT" en HTML
  • 2. World Wide Web Consortium
  • 3. Se encuentra alrededor del padding
  • 9. Para separar elementos

Si quieres algunas pistas, revisa estos artículos:

Solución:

ACROSS

  • 1. HTML
  • 3. Box
  • 4. Padding
  • 5. POSH
  • 6. CSS
  • 7. div
  • 8. XHTML
  • 10. href
  • 11. img

DOWN

  • 1. hipertexto
  • 2. W3C
  • 3. border
  • 9. margin

Etiquetas:

Comentarios

deja un comentario

  1. Avatar de Frank Frank

    Ahora lo entiendo. ¡Me urge un curso de diseño web!.
    Nunca en mi vida me sentí tan ignortante, como hoy, al leer este post.

  2. Avatar de Miguel Angel Miguel Angel

    estoy empezando actulizarme sobre el mundo de internat esta pagina te da muchas opciones pero se ven muy avanzada.. por ello recomindo que creas nuevos link para un prendisaje inicil y te aseguro que vas a tener muchos mas visitantes...por ejemplo en le tema de crer un pequeño blogs... hay muchos q recien estan empezando por este paso para poder pasar a crear una web personal..por eelo el comentario de q de opcion a pasos para iniciales ..
    Ok . muy buena pagina ....pero dale mas animacion...periodica
    y por favor como puedo crear un banner en mi blogs..

  3. Avatar de German German

    @Frank jajaja, no te preocupes que nadie nace sabiendo estas cosas, date una vuelta por los artículos que pongo como pistas y te aseguro que tendrás todo mucho más claro.

    @Miguel Angel, creo que caíste justo en el post más complicado de todo el blog :P.
    Lo del banner... trataré de hacer un post sobre eso lo antes posible, pero suponiendo que ya tienes la imagen de banner, el XHTML necesario sería algo así:

    <p>
    <a href="#"><img src="ubicación de la imagen" alt="banner"/></a>
    </p>

    donde # es la dirección del enlace (a donde te lleva el banner), por ejemplo http://aprendiendoweb.com y la ubicación de la imagen es el directorio donde se encuentra la imagen (eso varía según cada estructura de directorios), por ejemplo si tienes la imagen banner.png en la carpeta img entonces la ubicación sería src="img/banner.png"

    Espero que te sirva esa info.

Deja un comentario

Algunos recursos para Diseñadores Web

Firebug
Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
Web Developer Toolbar
Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
YSlow
Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
W3C Markup Validation Service
Valida tu HTML o XHTML, una herramienta indispensable.

Entra a la página de recursos para diseñadores web y mira la lista completa

¿Quien escribe Aprendiendo Web?

Germán MartínezHola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.

La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.

Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.

-12.126668, -77.029910