Curso o Tutoriales para aprender a Maquetar Webs

[valentina4you]

Buenas estimados foreros. Tengo una consultilla para ver si me pueden ayudar.
Como sabrán algunos yo soy diseñadora, ofrezco servicios web pero yo solo hago el diseño y contrato programadores para que hagan el resto, pero quiero aprender! Lo primero y que me interesa más de momento es maquetar las web, he visto que se pueden vender plantillas en distintos lugares de páginas maquetadas y que para eso se necesita saber HTML5 y CSS como mínimo.

Mi interés es lograr aprender a maquetar y paso a pase poder ir agregando conocimiento. Por ejemplo, algo de java para menús, jquary y demás. La consulta es si alguien conoce páginas, video tutoriales o libros que se puedan descargar para aprender estas cosas y qué orden me recomiendan seguir en el aprendizaje. Mi conocimiento es muy básico, yo me quedé en cuando se hacían las tablas en el dreamwaver. Puedo comprarme algún libro, pero los libros en español están un poco desactualizados con los estándares actuales y si me lo compro en inglés me da mucha pereza leerlo porque no soy tan fluida en el inglés. Muchas veces en la web hay muestras visuales como videos que son mucho más lúdicos a la hora de aprender.

Me gustaría poder llegar a maquetar y vender en sitios como http://themeforest.net/ por ejemplo.

Se aceptan recomendaciones :)
Gracias

[snowmanchip]

Hola,
Te recomiendo este sitio:
www.librosweb.es

Saludos

[madhatterdef]

No sé cuánto sabes pero primero deberías aprender html luego css después flash(si no quieres no es necesario pero te puede ayudar), JavaScript, php y bases de datos también podrías aprender frameworks de js

[snowmanchip]

Olvidé mencionar lo del al orden, el ideal a mi juicio es :
xhtml
css
Jquery (hay un libro muy bueno que te enseña lo básico de javascript y ajax para jquery)
http://librojquery.com/
luego html5 que combina estas tres tecnologías y complementa todos esos conocimientos.
Saludos

[memoadian]

no se si te sirva pero en la web de mi firma tengo videotutoriales paso a paso de html y css práctico en el maqueto una web con un diseño pobre pero aprendes las bases de cualquier web.

a lo mejor te sirve de algo para que te orientes bien.

[pitufoweb]

Iniciado por valentina4you

Me gustaría poder llegar a maquetar y vender en sitios como http://themeforest.net/ por ejemplo.

Se aceptan recomendaciones :)
Gracias

También puedes vender tus diseños en formato PSD.





Saludos

[valentina4you]

Hola! Gracias a todos por responder. Contestando a sus preguntas... mis conocimientos en HTML son muy básicos, es decir. Se insertar tablas, celdas, centrar, justificar, etc. Siempre con ayuda de programas como Dreamwaver. Lo que se dice de "escribir de cero un HTML" no, no sé, pero se identificar parámetros y llamados a CSS. Sí algo está creado puedo identificar qué es, pero de ahí a crearlo de cero, mmm.. más o menos.

Tampoco entiendo mucho eso de la validación y lo que aparece bajo las páginas web de la validación de HTML y demás.

Sí, he visto que puedo vender los PSD, pero también he visto que se compran mucho más las maquetaciones que los PSD. Y los PSD se venden con varias páginas y bastante completos, es decir... llevan un tiempo largo de hacer tanto diseño y se vende por mucho menos y el volumen de compra es mucho menor. Sin duda que voy a intentarlo, pero también me gustaría poder aprender a maquetar y por qué no? El día de mañana poder realizar toda la web por mi misma.

snowmanchip librosweb ya había estado leyendo algo de java hace algún tiempo, pero me resultaron un poco rígidos para estudiar. Tengo que mechar con algo más visual de a ratos. Algún video y demás.

[snowmanchip]

Hola Valentina...
Debes sólo lanzarte no es difícil, ya lo básico lo tienes en libros webs oriéntate a xhtml y css...partir por javascript no te lo recomiendo.... aquí te dejo unos video tutoriales muy buenos de xhtml..pasan los conceptos de xhtml, css y al final del curso javascript....dale prioridad al xhtml y css...
Respecto a las validaciones es una especie de certificación que comprueba si tu código está bien escrito, hay aspecto que en la validación no te tomará pero eso ya es otro tema...te dejo el link al curso...son de Jesús Conde por lo que la calidad es muy Buena.. saludos...
http://www.youtube.com/playlist?list...6&feature=plcp

[valentina4you]

@snowmanchip Muchas gracias por el aporte! Voy a ojear con cuidado la información que me han dado y voy a detenerme para ver si puedo empezar a maquetar web. Que ya de paso les hago una pregunta.

Antes cuando se hacían las páginas webs se utilizaban las viejas y queridas tablas, las cuales ahora no se usan más. Por ejemplo, Dreamwaver CS5.5 ya no trae para dibujar tablas. He leído que ahora se utilizan DIVs, que dividen la página. La cosa es que me enfrento con eso y no puedo hacer ni un mailing en HTML porque no se ni como colocar una imagen.

Alguien tiene algún link o tuto de como empezar una web sin tablas? Porque yo no supe buscar algo que entendiera bien. Como siempre, me disculpan la ignorancia!

[HackmanC]

Hola,

Iniciado por valentina4you

... Alguien tiene algún link o tuto de como empezar una web sin tablas?

Posiblemente te sirva http://www.araudi.net/migracion/migr...sin_dolor.html, un curso express para convertir las tablas.

Saludos,

[snowmanchip]

Valentina en los enlaces que te hemos recomendado, sobre todo de css se habla de ello, en el link que te di en el capítulo 27 sale una maquetación con divs y css:
http://www.youtube.com/watch?v=J5f9L...eature=related
Aquí otro video de maquetación:
http://www.youtube.com/watch?v=5OP-8NZE80A
-Con respecto a lo de Dreamweaver CS5, sí trae aún la posibilidad de dibujar tablas en vista diseño, en común tablas o en insertar la opción tabla.
-Respecto a los mailing o Newsletter, éstos se siguen maquetando con tablas y se recomiendo el no uso de css.
Si tienes dudas respecto a algo de los videotutoriales no dudes en consultar, pero ahí está lo que necesitas, la clave está en el css.

Saludos

[ZoroRoronoa]

Apurale con los cursos, porque, si no llega el FBI de USA y los vuelan

[valentina4you]

Muchas Gracias! Los voy a revistar uno por uno y con tiempo! Muchas gracias.
Cuando este en casa les doy karma, es que ahora no sé porque no puedo en la PC del trabajo :( no me funcionan los menú desplegables, ni los botones dinámicos de esta web.

[lestrade]

No te asustes con la programación html y css. No es programación muy dura, te recomiendo que comiences por tutoriales facilitos y que no intentes hacer los diseños que tienes en tu mente al principio. Haz primero ejercicios de prueba con cosas simples y cuando cojas práctica empieza a hacer tus diseños.

[valentina4you]

Le voy a dedicar tiempo e ir de a poquito! :) Gracias

[neoo65]

Te recomiendo los videotutoriales de http://illasaron.com/

[lllmozartinlll]

Te puedo dejar dos enlaces que son:

[URL]http://www.detodoprogramacion.com[/URL]

[URL]http://www.detodoprogramas.com[/URL]

Saludos,

lllmozartinlll

[victormoro1900]

Permitame expresar mis felicitaciones a la vez solicitarles que si me pueden ayudar con el codigo como quedaria esta maquetación, mil gracias por aportar al conocimiento
file:///C:/Users/VICTOR/Pictures/maque.png

[pitufoweb]

Iniciado por victormoro1900

Permitame expresar mis felicitaciones a la vez solicitarles que si me pueden ayudar con el codigo como quedaria esta maquetación, mil gracias por aportar al conocimiento
file:///C:/Users/VICTOR/Pictures/maque.png

Necesitas subir la imagen a algun servidor como http://imageshack.us/ para que podamos verla.




Saludos

[ipixelestudio]

Hola,

Te recomiendo los cursos de http://escuela.it dan unos cursos muy buenos. Yo estoy haciendo varios y me encantan. Aprendes mucho.

Saludos

[Linton]

Iniciado por ipixelestudio

...Te recomiendo los cursos de http://escuela.it dan unos cursos muy buenos...

¿Tienen cursos online?

[ipixelestudio]

Sí, accede a su página, son muy asequibles.

[Linton]

Lo haré, muchas gracias, un saludo.