22
Jul/09
12
Screencast: Tu primera página con HTML y CSS

Screencast: Tu primera página con HTML y CSS

Para empezar vamos a maquetar una página estática. En este screencast, partiendo de un archivo PSD, vamos a aprender como maquetar con HTML y CSS una página 404.

Autor: Jack Bach

Bach es el autor principal de este blog. A los 15 años le dio por hacer un juego en flash y eso le llevó a hacer una web para mostrarlo al mundo. Ahora ya han pasado unos años y ha aprendido sobre todo XHTML y CSS para maquetar sus diseños web.

Al final se ha alargado un poco… los siento. Para que se vea el texto acordaos de poner el repdroductor en pantalla completa. Si queréis ver el resultado del tutorial podési ver la demo.


De Edit CSS ya hablé en otro post. El PSD inicial y la carpeta que utilizo en el tutorial para empezar los subiré cuando pueda.

Archivo PSD

Carpeta “Nuevo Proyecto”

Comentarios (12) Trackbacks (1)
  1. Santiago Forero
    4:13 on Julio 24th, 2009

    Super bien gracias yo ya estoy…medio enconchado con el flash gracias!!!!

  2. Santiago Forero
    4:21 on Julio 24th, 2009

    men pero deja los archivos :S

  3. Carlosmax
    17:11 on Julio 24th, 2009

    Buena, buena, me ha gustado mucho el post.

  4. Santiago Forero
    17:09 on Julio 25th, 2009

    Gracias..men pero la proxima explica para los noobs la estructura basica del css y xhtml

    • Jack Bach
      20:03 on Julio 25th, 2009

      Lo tendré en cuenta! Estoy ya preparando el siguiente tutorial y es mucho más claro : ) El lunes seguramnte lo colgaré.

  5. Santiago Forero
    17:10 on Julio 25th, 2009

    pero = muy bien me ha servido demasiado

  6. santiago
    2:44 on Agosto 1st, 2009

    Waiting for your next tuto….

  7. seeal
    4:05 on Agosto 12th, 2009

    Muy bueno Jack una gran ayuda para los que en piensan y muy limpio el diseño y desarrollo de la pagina.

    no se si quitando el alto a la etiqueta body{ height:775px; } quedaria mejor sin scrollbar, por lo menos lo que veo en la pagina de la demo.

    el tuto es un puntazo¡ sigue así ^^

  8. Luis
    21:18 on Agosto 24th, 2009

    Genial, muy buen tuto, pero me gustaria que pusieras el video para descarga, me parece muy interesante.

  9. Rodrigo
    23:27 on Mayo 21st, 2010

    oie si me puedes conseguir una plantilla chida CSS como para djs

    eske mi web trata de eso

    porfa

Deja un comentario