Thor 18 de marzo de 2008 a las 15.05
   Imprimir artículo
elWebmaster.com

Taller de Adobe Dreamweaver: Estableciendo un √°rea de trabajo


Taller de Adobe Dreamweaver - creando nuestra p√°gina HTML¬°Buen d√≠a a todos! ¬ŅC√≥mo van mis fieles seguidores del taller? ¬°Me imagino que habr√°n estado practicando! Ya que por fin terminamos con nuestra querida barrita Insert, podemos empezar a movernos un poco m√°s sobre Dreamweaver y ver lo que vayamos aprendiendo en pantalla.

¡Eso sí, me ponen en práctica todo lo que veamos en las siguientes semanas, miren que es muy fácil seguir este taller, pero es muy fácil también olvidarse lo que aprendemos! (bah, yo tengo mala memoria :P).

Prepar√°ndonos para nuestro primer sitio

Y lleg√≥ la hora de armar nuestro primer sitio para investigar las herramientas y para que veamos juntos un poco m√°s de cerca lo que vamos ense√Īando clase a clase.

Para empezar, podr√≠amos ir al men√ļ File/New y crear un nuevo archivo HTML, pero no vamos a hacer esto.

Como vamos a crear un sitio web, no podemos crear un HTML cualquiera y después andar copiando o pegando archivos de un lado para otro.

Lo que hay que hacer es definir una carpeta para nuestro sitio, y luego le diremos a Dw que carpeta es esta, así el programa ya reconocerá en dónde estamos trabajando.

Para esto, creamos en alg√ļn lugar de nuestra PC (o en nuestro server en caso que trabajemos directamente online), una carpeta en la que vamos a guardar TODO nuestro sitio.

Yo en el curso voy a trabajar sobre /Mis Documentos/sitios/Taller.

Bueno… una vez que tengamos la carpeta creada, volvemos al Dreamweaver.

Vamos al panel de la derecha, y elegimos el men√ļ “Files”.

Taller de Adobe Dreamweaver - creando nuestra p√°gina HTML

De aqu√≠ se desprenden varias opciones. La que nosotros vamos a elegir es “Manage Sites‚Ķ”.

Una vez seleccionada esta opci√≥n nos va a aparecer una ventanita en la que vamos a elegir “New‚Ķ”, se despliega un men√ļ en el que seleccionamos “site”, y ah√≠ se nos abrir√° una ventana mas grande en la que definiremos el sitio.

Taller de Adobe Dreamweaver - creando nuestra p√°gina HTML

Taller de Adobe Dreamweaver - creando nuestra p√°gina HTML

En nuestro caso, solo vamos a necesitar definir solo dos cosas. El nombre del sitio (Taller) y el “Local root folder” que es el lugar en donde vamos a tener nuestro sitio (/Mis documentos/sitios/Taller).

El resto de las opciones no es necesario tocarlas para esta instancia, pero lo que s√≠ debemos tener en cuenta es que la opci√≥n de “Cache” debe estar seleccionada.

Luego de esto, damos clic en “Ok” para finalizar la creaci√≥n del sitio.

Se nos cerrara el men√ļ grande de definici√≥n de sitio, y nos quedaremos solo con el chico, en donde ahora, tendremos creado el sitio “Taller”.

Lo seleccionamos y presionamos “Done” para ya por fin, poder empezar a trabajar con √©l.

Una vez que ya tenemos creado nuestro sitio, podremos ver que en el panel de la derecha, en la secci√≥n “Files” ha quedado establecido, listo para crearle archivos dentro.

Cliqueando con el bot√≥n derecho en nuestra carpeta principal del sitio abriremos un men√ļ con el cual, ahora s√≠, podemos empezar a crear archivos.

Taller de Adobe Dreamweaver - creando nuestra p√°gina HTML

Como se puede ver yo ya cre√© uno de muestra y sobre el que voy a trabajar la clase que viene, que se llama “index.html”.

Conclusión

Bueno, ya hemos definido el sitio y creado nuestra primer p√°gina.

Estamos listos ya para empezar a manejarla, a conocer sus modos de trabajo y muchas cosas m√°s.

Los espero la pr√≥xima semana ya con p√°gina en mano, para conocer el “modo dise√Īo” de trabajo, y comparar algunas cosas con el “modo c√≥digo” tambi√©n.

Ya podríamos decir que estamos en la segunda fase de este curso (segunda de muchas! :P).

¡Recuerden seguir investigando ustedes mismos y vayan creando su sitio, así están listos para la semana que viene!

<< CLASE ANTERIOR

CLASE SIGUIENTE >>


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

Comentarios (5)

  1. Nelson dice:

    Bueno ¬°realmente emocionante!

    Una pregunta: “Los espero la pr√≥xima semana ya con p√°gina en mano…”, esto quiere decir que hay que tener alg√ļn dise√Īo listo?? (baners, contenidos etc.) o √ļnicamente el sitio creado??…

    Chau.

  2. freeman dice:

    q tal….saludos THOR..

    Perdone es q no pude hacer comentairos o preguntas anteriormente disculpas .. peor tengo una dudita jejjeje…. nada mas esa ya que voy entendiendo todo bien hasta horita ejjejjje…

    mi duda es en la clase 5 sobre algunos comandos o mejor dicho creo q son botones, d las diferentes pesta√Īas no encuentro, el boton “layout” que significa en espa√Īol dise√Īo pero no aparece, me aparece uno similar con algunos botones iguales pero la pesta√Īa dice disposicion, y dentro de las pesta√Īas no aparece algunos botones como el de “spry menu bar”, o s e activa cuando se coloca algo con que trabajar en la maqueta….???

    dudas espero q si me haya entendido-…… espero su repesta gracias…

    saludos a todos los estudiantes, los que siguen este taller……

    SKINER’S

  3. Thor dice:

    Saludos Nelson!

    Con “p√°gina en mano”, me refer√≠a a con la p√°gina en blanco que creamos dentro del sitio en esta clase.

    Hasta luego!

  4. Thor dice:

    Hola freeman,

    Mira, estuve investigando sobre lo que me preguntas, y la verdad no se si es por la versi√≥n de tu Dw o por alguna misteriosa diferencia entre la versi√≥n en espa√Īol y la versi√≥n en ingles.

    De todos modos, si es por la versi√≥n y no quieres (o puedes) cambiarla, ve a la barra de men√ļ (clase 3) y en “Insert” (Insertar) tienes un desplegable donde podr√°s encontrar dentro todos los “spry” que estuvimos viendo, adem√°s de otras opciones que quiz√°s no te aparezcan en la barra insert de tu versi√≥n.

    Nos vemos la próxima

  5. cristian dice:

    me podrian decir si en DW se puede crear o incluir desde otro programa como frompeage un “comentario” o sea un lugar donde los usuarios puedan escribir sus mensajes y yo lo pueda recibir a traves de mi servidor? y ya que pregunto eso quisiera saber el que y como hay que hacer para poder ver de mi lado el mensaje que el usuario por ahi me lo haya enviado y asi poder responderle, hay algun codigo para eso en sentido a que actue al hacer click en el boton ENVIAR? espero respuestas ¬°Muy buena las clases! sigan asi

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