Thor Martes, 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 (4)

  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

Deja tu opinión

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