Thor 5 de agosto de 2008 a las 14.50
   Imprimir artículo
elWebmaster.com

Taller de Adobe Dreamweaver: Clase final


Taller de Adobe Dreamweaver: Clase finalY 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.

Con la practica y ya sabiendo cómo manejar HTML, sus conocimientos sobre Dw irán creciendo día a día.
Adem√°s, el ir descubriendo cosas les sera entretenido en el transcurso de su trabajo.

Desde mi punto de vista, planteé el taller como una manera de destrabar en esos momentos en que la cabeza no quiere pensar más, o en otros en que no sabemos cómo resolver un tema puntual.

No fue mi intención el decir cómo deben hacer tal o cual cosa, sino mostrar la manera en que se podría llegar a una desición sobre eso.

Siempre piensen c√≥mo resolver las cosas ustedes mismos, no importa si en un lugar dice “h√°ganlo as√≠”, busquen el porqu√© y luego decidan si ese “por qu√©” esta fundamentado, o a ustedes les parece mejor de otra manera.

Errando y acertando, encontrar√°n la mejor manera de hacer las cosas.

No hay un “genio” del dise√Īo web que “se las sabe todas”. Siempre vamos a tener cosas para descubrir y por eso mi punto de este curso.

No les puedo decir todas las maneras de hacer las cosas porque, tal vez, alguno de ustedes encuentre una manera mejor, pero sí puedo transmitirles mi experiencia y decirles que lo mejor es que hagan la suya propia y que tomen todo lo que tengan a mano para aprender y sacar sus propias conclusiones.

Recursos

Aquí les dejo algunos links importantes sobre las bases de lo visto a lo largo del taller para que tengan de referencia cada vez que necesiten.

http://www.adobe.com/support/documentation/es/dreamweaver/ (manuales oficiales sobre Dw y relacionados)
http://www.w3c.org/
http://es.wikipedia.org/wiki/HTML (lean ambos juntos para ver diferencias)
http://es.wikipedia.org/wiki/XHTML (lean ambos juntos para ver diferencias)
http://es.wikipedia.org/wiki/Web_2.0

Recomendaciones

Bueno, gran parte de las recomendaciones, sino todas, ya las fui dando a lo largo del taller, así que no queda mucho por decir.
Mi √ļltima recomendaci√≥n es que lean mis recomendaciones ( jaja ), busquen recomendaciones de otros y saquen sus propias conclusiones.

Traten de aprender todo lo que puedan de los dem√°s pero siempre aportando su cuota de pensamiento y an√°lisis para poder inclusive mejorar todos los aportes que incorporen.

Conclusión final

Y acá llegó la triste hora de la despedida.

Espero que les haya gustado el taller y que les haya sido provechoso. Ojal√° que mis clases les hayan aportado un granito de arena en su carrera de webmasters profesionales.

Tal vez alg√ļn d√≠a, cuando sean dise√Īadores de renombre, en alguna charla con amigos o colegas puedan nombrar este taller como “el que les dio una mano al principio de su camino” y eso ya cumplir√≠a el objetivo de este taller ^_^. De verdad que me sentir√≠a MUY contento.

¬°¬°¬°Espero ver muchos comentarios de despedida ac√° abajo, para no sentirme tristesito :( !!!

Ojal√° que nos volvamos a ver en alg√ļn momento. Los voy a extra√Īar.

(Mmmm iba a poner ac√° la despedida final pero me cuesta. ¬°Un rengloncito m√°s, un rengloncito mas…!)

En alg√ļn momento tiene que ser, as√≠ que no doy m√°s vueltas.

¡¡¡Adiós mis queridos seguidores!!! ¡¡¡Mucha suerte!!!

Thor.-

<< CLASE ANTERIOR  

TEMARIO >>


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (45)

  1. Randall dice:

    Este taller es demasiado bueno, nunca he trabajado con Dw, pero creo que esta info me va ayudar mucho, y si Dios lo permite poder ser un webmaster

  2. Camilo dice:

    Thor. Muchisimas gracias por el taller.

    Quiero invitarte a dar una √ļltima clase relacionada con la forma de presupuestar y cobrar un proyecto web a los clientes.

    Qué dices?

  3. Claudio dice:

    Hola, estan buenos todos los talleres, te felicito !!. La pregunta es si los podés pasar a PDF.. Gracias

  4. Rodrigo dice:

    Thor, much√≠simas gracias por este taller que me ha sido bastante √ļtil para perderle el miedito al Dw. Espero alg√ļn d√≠a puedas hacer uno de CSS que creo nos ser√≠a de gran ayuda a los que te seguimos en este taller.
    Gracias y suerte!

  5. alexei dice:

    thor: hola, ten√≠a problemas con mi conexi√≥n y me perd√≠ de las √ļltimas clases, ahora las estoy recuperando y guardando celosamente porque son una joya, comparto la opinion de Rodrigo, muchas gracias por todo este tiempo, alexei

  6. José María Puentes Sánchez dice:

    Apreciado THOR:
    Me lleno de emoción tratando de encontrar las frases apropiadas para expresar mi agradecimiento,creo que solo les diré GRACIAS, a usted y a elwebmaster.com los elogios se quedan cortos ante tan excelente curso, que desplegó un alto nivel didáctico y profesional.
    Yo en mis 72 a√Īos lo que s√© se lo agradezco a ustedes y as√≠ lo he dicho a mis relacionados.
    Muchas gracias
    Sinceramente “futuro webmaster” JMP

  7. Carlos dice:

    Este tutorial es impagable… adem√°s de los conocimientos expuestos se trata con una persona que se nota que lo hace por vocacion!
    Muchas gracias de mi parte y seguramente de todos los que hicieron el tutorial.
    Carlos

  8. Paola dice:

    La verdad que todo el curso estuvo excelente, pero lo que mas agradezco son los consejos, especialmente los de √©sta √ļltima clase, es verdad todo lo que dices, nadie tiene la verdad absoluta de nada y las cosas se aprenden probando, equivocandose, ojala algun dia llegue a hacer algo importante con √©sto y sin lugar a dudas va a ser gracias a ti y tus consejos.
    Gracias por todo!!!! saludos!!

  9. alexei dice:

    a todos los que han tenido que ver con este curso: aparte de volverles a dar las gracias y ver lo que dicen jose maria, paola y demás espero que se apiaden de nosotros y lancen otro cursito, y asi seguimos alimentando esta comunicación y aprendiendo

  10. Victor dice:

    Felicidades, muy muy muy buen lexico chilangence, los compa√Īeros que deseen desarrollar van a necesitar un curso de algoritmos o programacion orientada a objetos para sacrle el jugo que el curso merece. Ii te aventaras un curso de programacion en C, te volabas la barda.

  11. alexei dice:

    hola: tengo problemas con las letras que se√Īalan un hipervinculo cuando las pincho ya no retornan m√°s a su color azul, se mantienen en marr√≥n

  12. Betty dice:

    Hola !!!!!FELICITACIONES!!! MUY BUENA LA INFORMACION SOBRE ESTE TALLER DE DW. UTILIZAS UN LENGUAJE SENCILLO FACIL DE COMPRENDER (AL MENOS PARA MI QUE NO MANEJABA NINGUNA INFORMACION AL RESPECTO) ME GUSTARIA QUE DIERAS UN TALLER DE CSS. GRACIAS.

  13. alexei dice:

    hola: veo varias peticiones de css, no van a responderlas!?

  14. Euni dice:

    Hola !!! habia estado siguiendo el taller de Photoshop, y ahi hacen referencia a este taller, siguiendo las clases en Phtotoshop de como dise√Īar una pagina web , pude lograr un dise√Īo sencillo (por ser el primero no esta mal jejeje), ahi muestra como guardar el dise√Īo para la web, generando asi un archivo html y una carpeta con las imagenes que surgieron de seccionar el dise√Īo, tambien indica que podemos abrir el archivo html con Dw y ver como se a generado el codigo html y las css, lo eh hecho y ah quedado todo de maravilla, la cosa ahora es que quiero saber como puedo centrar mi dise√Īo en Dw, porque a la hora de verlo en el navegador , se muestra todo hacia la izquierda… me gustaria que se viera en el centro, pero luego entonces pienso que debe ser alguna propiedad que habra que modificar en Dw ya nada que ver con Photoshop, eh leido de rapidito las clases buscando algo que me pudiera ayudar, pero no lo eh encontrado,quisa no eh buscado bien.

    Si me pudieran ayudar indicandome como puedo hacerlo o talvez la parte del taller en donde se hable al respecto se los agradeceria mucho!!!

    Por cierto muchas Felicidades a este taller, puesto que veo que tiene muchos seguidores, me tomare mi tiempo para checarlo a fondo, hoy termino el de Photoshop y estubo muy bueno tambien.

    De antemano gracias!!!.

  15. Juan Manuel dice:

    ¬°Hola, Euni!

    Me pone muy contento que te sirvan los talleres ^_^. Para centrar tu dise√Īo debes editar el archivo .CSS de la p√°gina que creaste.

    Si te fijas en el c√≥digo HTML, el cuerpo de la p√°gina comienza donde dice y termina en . Esto es lo que podr√≠amos llamar “la parte visible de la p√°gina” (tu dise√Īo).

    En el archivo .CSS encontrar√°s una referencia llamada “body”, “.body” o “#body” que luego tiene este s√≠mbolo “{” (sin las comillas, claro).

    Debes escribir a continuaci√≥n “margin: auto;” o “margin: 0 auto;” (prueba con ambos dado que depender√° del dise√Īo que hayas hecho con Photoshop).

    Debería quedarte así (esto es un ejemplo):

    body {
    margin: auto;
    blablablablabla;
    blablablablabla;
    }

    Una vez que hayas editado el archi .css correctamente (que de pasada te cuento que puedes hacerlo con Dreamweaver o el bloc de notas) lo guardas para que los cambios tomen efecto y lo pruebas en tu navegador.

    ¬°Listo! ya tienes tu dise√Īo centrado.

    Adem√°s puedes agregarle un fondo. Luego de agregar “margin: auto;” puedes poner “background: transparent url(images/fondo.gif);” teniendo en cuenta la ruta correcta del archivo (carpeta y nombre) y que debes haber creado el fondo y guardado como “fondo.gif” con Photoshop.

    ¡Espero que te sirva! Luego me cuentas cómo te fue ^_^

  16. Euni dice:

    Hola Juan Manuel!!!

    Gracias por contestar tan rapido, ya mismo me puse a probar de la forma en que me indicaste, pero sucede que no existia un archivo .css , cuando guarde mi dise√Īo para la web en Photoshop, solo me gener√≥ un archivo .html y una carpeta, como ya lo habia mencionado, al abrir el archivo .html en Dw y ver el codigo, ahi mismo me mostraba en la parte de la etiqueta las css y mas abajo las etiquetas y ¬īs correspondientes, en la parte de css no encontre el body{ } como me lo habias indicado, solo unos que decia #tabla_01 , que segun vi era un div que contiene a los otros div; luego entonces hice varias cosas:
    1.- en #tabla_01 le agregue la propiedad de margin:auto; pero no paso nada, se la quite de nuevo,
    2.-escribi body{ margin: 0 auto;} arriba de #tabla_01, de nuevo no se centro,
    3.- buscando en internet aprendi como separar las css en un archivo .css y mandarlo a llamar desde mi archivo .html, asi que separe mi codigo , intente de nuevo colocando el body{ margin: 0 auto;} , pero nada,

    y bueno ahi me quede… segui investigando en la red pero todo indica que se hace exatamente como me indicaste pero no me ah funcionado aun , no se que este haciendo mal =( … cuando lo logre me
    sentire muy feliz jejeje.

    De antemano le agradesco la ayuda que me pueda dar y le mando muchos saludos!!!

  17. Juan Manuel dice:

    ¬°Hola, Euni! Claro, Photoshop te cre√≥ los CSS “inline” es decir, dentro del mismo archivo HTML. Va a haber que agregarle un par de cosas ¬Ņpor qu√© no me env√≠as el archivo HTML a info@elwebmaster.com para que lo vea?

  18. Euni dice:

    wooo!!! Hola Juan Manuel ! , solo para informarte que ya pude centrar mi dise√Īo, estoy muy feliz porque con todo lo que eh aprendido aqui se me habre un mundo de posibilidades para darle rienda suelta a la imaginacion jejeje ^_^ !!! Te agradesco la ayuda, y los felicito a todos los colaboradores de el webmaster, me encanta este sitio, todos los dias lo visito y siempre encuentro articulos geniales eh interesantes!!! y ni hablar de los cursos son una joya, espero que pronto puedan dar un curso de CSS que me quede muy picada con ese tema, porque ya descubri que se pueden hacer muchas cositas con eso jejeje y asi con el estilo tan ameno y sencillo que tienen para explicar las cosas, pues asi si dan ganas de estudiar =) . Te mando muchos saludos y encuanto tenga tiempito , te mando mi dise√Īo terminado para que lo veas. Muchas gracias por todo.

  19. Ignacio dice:

    La verdad que este taller, como el de php, me han ayudado a comprender varios conceptos que me han sido muy utiles en este momento en el que estoy arrancando con esto de ser webmaster.
    Muchas gracias!!

  20. alex dice:

    Gracias por todo lo brindado thor durante todo este tiempo el aporte brindado me va a ser de mucha utilidad y sigue mandando mas informacion suerte en todo

  21. Geraldo dice:

    Bueno yo s√≥lo quiero dar las gracias y decir que me avent√© el taller en solo dos d√≠as. Aprend√≠ mucho y ya lo voy a aplicar! wiri wiriii….

    Hastra pronto

  22. christian dice:

    me gusto mucho, durante las ultimas semanas he estado leyendo tutoriales de dise√Īo web, pero este es el que mas me ha gustado; solo una cosa, en las primeras clases cuando hablo del menu insertar, dijo que se podia insertar un menu que desplegaba mas subcategorias, dijo que no le gustaba y que nos explicaria como hacer unos mas bonitos y mejores, pero nunca volvio a tocar el tema.

  23. Luis Eduardo Ortiz dice:

    Creo que ingrese muy tarde a la lectura de este curso…. pero de todas maneras, el conocimiento no se desvanece y permanece en este bello cyber-espacio.
    He leido desde el principio hasta el final este curso y realmente no existen palabras para agradecer a gente como THOR, por tanto esfuerzo, dedicación, paciencia y por sobre todo, su disposicion a conpartir el conocimiento con nosotros los principiantes en este mundo.
    Solamente quiero enviar un inmenso agradecimiento desde “el pulgarcito de Am√©rica”, para todos los que hacen posible esta p√°gina, la llevar√© siempre en “Marcadores” para poder consultarla en cualquier momento.

    Gracias de nuevo.

    Luis Eduardo Ortiz.
    Santa Ana, El Salvador.

  24. Chiryfon dice:

    Guay..! Un buen trabajo el de Thor por compartir sus conocimientos con los demas y ayudarnos en ahorrar tiempo y dinero en esta pesada crisis :) Estoy con la Web en construcci√≥n pero pronto la terminar√© una vez mas gracias a Thor. Si fueras mi vecino te invitaba a unas ca√Īas aunque sea ūüėÄ

  25. Thor dice:

    Buenas buenas Chiryfon!

    Gracias por los halagos!

    No te quepa la menor duda que si estuviera cerca tuyo te hubiese aceptado con gusto esas ca√Īitas que propusiste.

    Saludos!

  26. Jennifer C dice:

    Muchas gracias por este taller, me ha servido much√≠simo. S√© que voy a estar repas√°ndolo un buen tiempo para sacarle todo el provecho posible. El programa me complica a√ļn… U.U me es m√°s f√°cil editar que empezar de cero. Ya he hecho varias cos√≠tas en mi blog, y lo mejor de todo es que entiendo lo que significan las etiquetas: porque aparecen, cuando se abren y donde se cierran. Estoy muy feliz por todo lo que he aprendido!!! Cuando tenga mi pagina y alguien me pregunte sobre como aprend√≠, sin duda que mencionar√© elwebmaster.com y a Thor.
    Mis mas sinceros agradecimientos y felicitaciones!! Espero estén sintiendo la satisfacción de haber hecho un buen trabajo, uno que perdura en el tiempo. Pueden sentirse orgullosos de saber que lo que hemos aprendido en este taller son las bases para seguir desarrollándonos como webmasters. Estos cimientos sustentarán, por lo menos en mi caso, el resto de lo que aprenda o haga en la web por el resto de mis días como cibernauta.

    Jennifer C

  27. drublic dice:

    Thor tengo es mis proyectos tutoriales como los tuyos pero me estoy preparando para eso. Te cuento como llegue a tu pagina justo estoy terminando una web y como en las universidades al menos a mi como ingeniero de software no nos ense√Īan mucha web solo cursos basicos y bueno vi en las webs un medio de ganar mi independencia por una primera oportunidad y la cogi. Ahora esto que escribo es por que estuve buscando algo de sobre estandares de web y bueno termine leyendo ahora mismo todo el tutorial son las 5:30 am de la ma√Īana aca en lima, y bueno mi primer hijo es la web que justo estoy acabando pero es mi primer hijo como empresa somo 4 personas dentro jovenes por supuesto un dise√Īador y 3 programadores. mi dise√Īador comoe s obvio dise√Īa la web, yo la maqueteo con los estandares espero que sean correctos y mis otros 2 compa√Īeros se encargan del php aunque muchas veces tambien ayudan al maqueteo y yo tambien a programar. Mira lo qeu se puede hacer termine de formalizar hace 1 semana la empresa y ya tengo mi prmera web hecha y con 5 mas por venir un gusto haber leido tu tutorial pero la mayoria de cosas ya la sabia lo que no sabia mucho era sobre los estandares y ahora los he aprendido pero lo mas valioso es el trato que tienes con la gente que lee los tutos bueno eso es todo me voy a dormir.

    Nota: quisiera hacerte unas preguntas sobre algunas proyecciones que tengo al hacer las webs para ahorrar algo de tiempo si lees esto espero me digas donde hacerlas para una respuesta directa.

    Saludos

    DrUbLiC

  28. Thor dice:

    ¬°Hola drublic!

    Me alegro que te haya servido el tutorial y que te haya gustado lo suficiente como para que lo leyeras hasta las 5:30 AM jeje.
    Por las proyecciones que tienes que hacer, puedes mandarme un mensaje a través del formulario de contacto ( http://www.elwebmaster.com/contacto ) y te responderé lo más pronto posible.

    ¬°Saludos!

  29. Javier dice:

    GRacias por el curso es excelente!!
    NO voy a pedir por otro curso sobre dw o css porque aunque me duela o de miedo ya es momento de que me largue solo!
    No voy parar hasta saber tanto que algun dia pueda hacer un tutorial para ayudar a los demas!
    saludos!! y gracias nuevamente!

  30. Tom√°s dice:

    hola thor, ante todo muchas gracias por el curso, es de gran ayuda no solo por lo que aprendi sino tambien por la posibilidad que me dio de ocupar el tiempo durante las largas horas de aburrimiento en el trabajo, espero poder aplicar todo lo que ense√Īastes en algun momento, pero primero necesito saber en que aplicarlo xD
    Mis mas sinceras gracias y un saludo grande, espero poder leer otros talleres y seguir metiendo nuevas cosas en mi cabeza. (siempre y cuando no me echen =P)

    Hasta luego.

  31. Thor dice:

    Gracias a ustedes por el saludo y un gusto que el taller les haya sido √ļtil.

    Ahora, ¬°a practicar se ha dicho!

    ¬°Saludos!

  32. Juan dice:

    simplemente… Mil gracias!!!!

  33. G3rardo dice:

    Muchas Gracias por compartir sus talentos pedag√≥gicos, llegue a la Web usando google, pero hubiese sabido mucho antes que exist√≠a est√° web y me hubiese ahorrado dinero en el curso que hice de dise√Īador Web, adem√°s del tiempo invertido en la lectura t√©cnica y de baja pedagog√≠a de algunos manuales que se encuentran en la red, Much√≠simas gracias, este taller lo ley en 3 d√≠as, continuo con el de Flash y voy proximamente por el de PHP, saludos desde Venezuela y contin√ļen con otros talleres.

  34. smo-king dice:

    La ayuda de este curso no tiene precio. Voy a por php!

    Gracias de verdad, cuidate campeón

  35. Javier dice:

    gracias amigo, sirvio de mucho, saludos

  36. Angel dice:

    Nunca pense llegar a encontrar un curso tan practico, ameno, divertido y sobre todo UTIL para aprender DW, lo segui de principio a fin y fue muy bueno. MIL FELICIDADES Y ESPEREMOS VOLVER A LEER CURSOS COMO ESTE MAS DELANTE, SALUDOS :)

  37. isa dice:

    muchas gracias thor, internet es uno de los mejores inventos!!!!

  38. Nico dice:

    Muy buen curso, Thor! Espero poder volverlos a leer pronto. Si bien yo sabía de HTML, este curso me sirvió para refrescar y aprender cosas que quizás no sabía.
    Un abrazo grande!

  39. Hosting Hostalia dice:

    Felicidades por el curso :)

  40. alberto caro dice:

    gracias a ti, y seras nombrado cuando llege el momento….y aconsejare a segirte..gracias..

  41. candelaria dice:

    Thor, sin m√°s….GENIAL. Adem√°s de superpr√°ctico y entendible, lo has hecho muy ameno, casi hasta te dir√© que ya somos amigos! Me has aclarado muchas dudas, pero muuuuchas. Soy webmaster autodidacta, por lo que ven√≠a trastabillando en muchas cosas que no pod√≠a terminar de entender, y la verdad que me has aclarado bastante el panorama general. GRACIAS! Lo tengo en barra de marcadores, para chequearlo constantemente. Una √ļltima cosa, que lo hace m√°s genial todav√≠a: este tutorial ha atravesado al menos 5 o 6 versiones diferentes de Dreamweaver, desde el 8 del 2008 hasta hoy que est√° circulando el CS5.
    Saludos!

  42. Nestor dice:

    Hla thor! Lo encontre en el momento justo este curso, muyyy bueno queda de mas de cirte je je… Una sola pregunta- como hago para que cuando presione un boton me devuelba el resultado en la misma pagina sin necesidad de que habra otra pesta√Īa?¬Ņ?
    Te agradesco de antemano…!!!

  43. Anahita dice:

    Muy bueno el tutorial, gran aporte, Felicidades!!! Saludos

  44. Tere Ruiz dice:

    Hola, soy nueva aqu√≠ y nueva dise√Īando p√°ginas web.
    Quisiera su asesoría con el tema del Spray Menu, pues en mi pagina web, al abrirla en todos los browsers: Firefox o Google Chrome NO se ven pintadas las cajas de mi menu, se ven transparentes. En algunos computadores en Internet Explorer si se ve pintado, pero en otras no… Tengo ese grave problema. Cuál es el error? qué puedo hacer para arreglarlo? Alquien me ayuda por favor. Gracias

  45. Fer Esquivel dice:

    Muchas gracias, en una semana he logrado aprender muchas cosas gracias a sus talleres.
    Excelente toda la información y explicaciones sobre todo.
    DE VERDAD MUCHAS GRACIAS xD

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder