SI, me gustaría que me comentes que es lo que más dificultad te causa a la hora de convertir diseños PSD a HTML y maquetar tus proyectos web.
Aquí debajo en los comentarios, puedes decirme cuáles son las mayores complicaciones que tienes a la hora de encarar la construcción de tus sitios web.
Espero tus comentarios.
Saludos!
Cristian
yo aun no tengo errores porque recien empiezo, aunque me gustaria preguntar:
¿en cuanto tiempo podria aprender a maquetar para trabajar de freelance?
conozco html css y javascript, pero de diseño y el arte de maquetar nada
espero que me ayude con su opinion 🙂
gracias
Hola
Mira, esta pregunta me la han hecho varias veces.
Hay que diferenciar 2 cosas:
1 – Una cosa es saber maquetar bien en XHTML y CSS, es decir, convertir cualquier diseño en un sitio web que funcione y sea compatible con todos los navegadores.
2 – Y otra cosa es saber diseñar esos sitios.
Para aprender a maquetar debes tener conocimientos de XHTML y CSS (y otros como PHP, JS, Flash, etc, etc..), y saber el procedimiento corecto para convertir cualquier diseño a codigo funcional. Esto es lo que vemos en el Curso Completo PSD a HTML Paso a Paso.
Pero para diseñar bien, ese es otro tema ya que es pura creatividad y eso es algo que uno lleva dentro.
Puedes estudiar diseño web, diseño grafico o hacer algun curso de diseño y eso te ayudará a diseñar mejor, pero el proceso creativo lo haces tu a lo largo del tiempo.
A diferencia de la maquetacion, el proceso creativo de diseño no es algo que se pueda aprender asi como asi, sino que debes cultivarlo a lo largo de tu vida ya que se trata de creatividad pura, y no es algo tecnico como lo es la maquetación.
Espero hacerte ayudado.
Saludos!
Cristian
Que opina el maestro Cristian de lo nuevo de CSS4? tengo entendido que la W3C esta desarrollando ya la nueva versión de CSS4 y que viene con mejoras importantes, no se si nos podras poner al día y dar algo sobre ese lenguaje?
Hola Sergio
Si bien el año pasado se publicó un primer borrador de CSS4, todavia está en fase teorica de desarrollo y no lo soportan los navegadores actuales.
Se publicaron una serie de selectores nuevos, pero realmente todo esta muy «verde» aún como para hablar sobre algo sólido.
Ya trataremos el tema cuando este mas avanzado.
Saludos!
Cristian
hola que tal?
En la maquetación web, se me dificulta mucho la compatibilidad con IE 6, 7 y 8.0, ahorita justamente presento problemas con los background-url… en IE logro verlo en el 9.0, en firefox, chrome, safary pero en IE 6, 7 y 8 no muestra la imagen y cuando busco la ruta de la imagen aparece una equis roja, cuando en los otros navegadores si se ve bien…
Queria preguntarte a ver si me puedes ayudar, ya que no tengo ni idea de como hacerlo. Quiero hacer un menu con los links de acceso del sitio Web, el cual se mantenga en la parte superior del navegador y baje mientras se hace el scroll del navegador. No he conseguido info para esto, e preguntado y nadie a respondido.
Excelente blog
Feliz día
Fatima
Deberia ver el codigo para saber cual es el problema, pero «background-url» es compatible con todos los navegadores, por lo tanto deberias verlo en todos.
Asegurate que la ruta de la imagen es correcta, que los los nombre de los archivos y carpetas contienen solo letras, numeros y guiones (sin espacios en blanco)
Tambien comprueba la posicion de la imagen.
Busca en el blog que hay varios articulos donde se utiliza esta propiedad CSS.
Saludos!
Cristian
Hola cristian!
Antes que nada felicitaciones x el blog! es increible… estoy a punto de comprar el manual de psd a html!!
Te queria hacer una consulta.. quiero hacer un menu animado pero me gustaria saber si puedo hacerlo de una forma que no sea con flash!
Para que tengas una idea de lo que quiero imaginate un tronco de un arbol ubicado al costado que contenga los botones! al hacer click en uno que el tronco se alarge para abajo y salgan x ej 2 ramas con los submenues!
Que me recomendas??
Gracias nuevamente!!!!!
Saludos y felices fiestas
Hola Agustin
Para eso deber hacerlo con HTML5 y Javascript.
Ya que es una animacion compleja, no tienes otra posibilidad.
Si fuera mas simple, podrias hacerlo con CSS3, pero en este caso no.
Saludos!
Cristian
Gracias!!!
¿X casualidad tenes pensado armar algun tutorial de html5?
Ya estoy viendo el de psd a html que te compré y es genial!
La verdad es q es mucho mas facil viendo un video explicito antes q leer manuales/libros!
Hola: lo que más se me ha puesto difícil en este momento es algo raro de explicar: pero digamos que es el css parece algo sencillo pero es bastante complejo y es muy extenso, lo que puedes lograr es increíble pero conociéndolo bastante bien, de entrada si pones algo en los selectores y te queda bien, luego pones otra cosa en otros selectores y se desajusta todo…. no se si fui claro, no se explicarme de otro modo…..
Si Fabio
CSS es importantisimo y bastante extenso aunque cuando uno ya tiene practica, no es para nada dificil.
Por eso es que dentro del curso «PSD a HTML Paso a Paso» inclui un minicurso especial de CSS.
Y por otro lado, tambien cree el curso «Experto en CSS3» donde enseño todas las caracteristicas de la nueva version de hojas estilo cascada.
Es justamente por la importancia que sé que tiene CSS dentro del diseño web, que creé estos 2 cursos.
Saludos!
Cristian
Sin lugar a dudas, adaptar la web a todos los navegadores y plataformas.
Si quieres aprender a adaptar la web a todos los navegadores, accede a mi curso de Diseño Responsivo en el siguiente enlace:
Responsive Design desde Cero/
Saludos!
Cristian