Thor 19 de febrero de 2008 a las 13.30
   Imprimir artículo
elWebmaster.com

Taller de Adobe Dreamweaver: Panel Insert, pesta√Īa Common


¬°Buenas, buenas! Hoy vamos a presentar la cuarta clase del curso de Dw. La clase pasada vimos la barra de men√ļ con todas sus herramientas (algunas quedaron pendientes para mas adelante por su complejidad).

Esta semana, vamos a ver los paneles de herramientas que, adem√°s de tener muchas opciones que todav√≠a no conocemos, tiene accesos directos a varias de las cosas que ya vimos la clase pasada en la barra de men√ļ, pero de manera m√°s f√°cil y din√°mica.

Panel Insert (insertar)

El panel de insertar nos provee de la gran mayor√≠a de las herramientas de dise√Īo a la hora de realizar nuestra web.

Ahora vamos a ir mostrando cada una y diciendo para que sirven. No se preocupen por los detalles porque mas adelante iremos usando cada una por separado mostrando el uso de todas sus opciones, y su manejo en HTML. Recuerden que estamos en la fase de presentación del programa.

Pesta√Īa Common:

dreamweaver-common
Aqu√≠ tenemos una vista del panel con sus pesta√Īas y sus herramientas.

  • Hyperlink:
    Mediante esta herramienta, podemos crear un enlace, por ejemplo, a un sitio externo (otra p√°gina), a una parte de nuestra p√°gina.
  • Email-link:
    Con esta herramienta podemos crear un link a una dirección de email.
    Cuando un usuario haga clic, directamente le abrirá su programa de mailing predeterminado (Outlook, Thunderbird, etc.), con la dirección que hayamos puesto nosotros en el link, listo para mandar el email.
  • Named Anchor:
    Esta herramienta nos permite crear un ‚Äúpunto de ancla‚ÄĚ para luego reconocerlo.
    O sea, nos permite marcar nuestra pagina, para luego poner links que vayan a esas marcas.
  • Table:
    Nos permite crear una tabla con divisiones de columnas, filas, tama√Īos, y espaciados.
  • Insert Div Tag:
    Nos permite crear el elemento Div, que es uno de los mas usados dentro del dise√Īo web actual. Con el podemos crear cuadros en los que pondremos contenido, para luego ubicarlos donde a nosotros nos parezca.
  • Images:
    Nos permite insertar im√°genes, entre otras cosas (que veremos mas adelante).
  • Media:
    Nos permite insertar animaciones Flash, y otros objetos multimedia.
  • Date:
    Nos permite ingresar la hora actual en diferentes formatos (bastante in√ļtil por cierto).
  • Server Side Include:
    Permite incluir un archivo de código por fuera de la pagina actual (ya lo veremos también mas adelante, cuando lo vayamos usando).
  • Comment:
    Sirve para ingresar un comentario dentro de nuestra página, que nos sirva de referencia a nosotros, pero que no afecte a la visualización (es una guía para los desarrolladores, pero el usuario que vea la pagina, no lo verá).
  • Head:
    Con esta herramienta podemos incluir diferentes cosas en la cabecera de la página. La cabecera es la parte de la página que no se verá y en la que incluimos especificaciones como, por ejemplo, el título de la página.
  • Script:
    Nos permite ingresar código de programación dentro de una página, como por ejemplo Javascript.
  • Templates:
    Esta herramienta sirve para crear un template a partir de una p√°gina que estemos haciendo, y marcarle regiones editables.
    En s√≠, es para crear una ‚Äúbase‚ÄĚ de p√°gina, sin contenido, para luego usarla con varios contenidos diferentes, si eso queremos.
  • Tag Chooser:
    Sirve para seleccionar etiquetas HTML (o de otro lenguaje) e insertarlas directamente en nuestra p√°gina. No le veo otra utilidad que la de poder insertar una etiqueta, la cual nos hayamos olvidado el nombre. Innecesario, pero est√° :p .

Conclusión

Esta parte del taller es bastante larga, porque son demasiadas las herramientas a mostrar y la verdad que como este curso es para todos los niveles no quiero dejar nada afuera.

Los que vengan siguiendo el curso semana a semana y no sean principiantes, tal vez se aburran un poco, aunque pueden repasar; y los que sean principiantes y no hayan encontrado nada anteriormente que puedan entender ¬°¬°¬°Pues ac√° esta la panacea del dummy webmaster!!!

La semana que viene seguiremos con la exploración de los paneles de herramientas, y luego empezaremos con nuestro sitio.
¬°¬°¬°Hasta luego!!!

<< CLASE ANTERIOR  

CLASE SIGUIENTE >>


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

Comentarios (14)

  1. Nelson dice:

    Como siempre, felicitaciones por el curso y el sitio en general, me gustar√≠a (no se si en Dreamweaber existe), como en Photoshop, los atajos de teclado, ser√≠a bueno aprenderlos a medida que se van ence√Īando las diversas herramientas, pues este es una falencia que he encontrado en otros cursos o tutoriales (de otros sitios, claro) que solo ence√Īan una forma de acceder a determinado tipo de opciones o herramientas, espero que no sea problema, je. hasta la pr√≥xima.
    Saludos, gracias.

  2. freeman dice:

    Saludos!!!

    si tal vez sea un poko aburrido para unos pero en fin, que lo tomen en la fomra positiva, por que tal vez no sabian algo. a mi me sirve aunque ya se utilizar dreamweaber , pero solamente lo muy pero muiy basico, por eso ami si me sirve por el echo de que, no uso todos los comandos, opciones, herramientas ,, etc,,,,

    pero en fin, esta bien que expliques todo , para asi saber para que sirve….

    nos vemso en la siugiente clase….

  3. alexei dice:

    en realidad concuerdo con freeman, ahora hay que concentrarse en el curso y aprender de manera segura y sin presión de tiempo aunque al principio resulte aburrido para los más adelantados. Pregunto si podemos intercambiar entre los estudiantes del curso, sería bueno, gracias.

  4. alexei dice:

    es mejor ir paso a paso para que todos puedan asimilar mejor debido a que todos no tenemos el mismo nivel, recuerden que muchos empezamos de cero, otra cosa creo que sería bueno un intercambio más directo entre alumnos , gracias

  5. Thor dice:

    Gracias por seguir el curso chicos!

    Pido paciencia si algunas cosas les parecen demasiado básicas al principio, pero piensen que el curso es para la gente que sabe, que no sabe, y para los que leerán el curso en un futuro también; quizás cuando ya este terminado.

    De todos modos, no duden en preguntar si tienen alguna duda específica.

    Hasta la próxima!

  6. Maria Elena dice:

    hola thor una pregunta ,,no entendi mucho eso del Templates me lo podrias explicar…y gracias por el curso ehh de veras q esta muy interesante…

  7. Maria dice:

    Mira , yo entiendo bien poco , pero estoy convencida de que me hqago una super web page en breve.

    Besos

  8. Darlyn dice:

    Hola!
    Soy fiel seguidora del curso de dreamweaver, pues yo sabía más o menos cómo maquetar una página utilizando tablas, pero ya es hora de progresar y hacer las cosas como deben hacerse. Me gustaría saber cómo puedo escribir texto sobre una imagen, y que esta quede de fondo, pues he exportado en algunas ocasiones de ilustrator una especie de estructura a html y he intentado en el dreamweaver escribir sobre ella para que me quede de fondo de la página, pero las imágenes se me desplazan de su lugar.
    ¬ŅC√≥mo podr√≠a hacerlo?
    Muchas gracias por todos los recursos que ponen a nuestro alcance.
    Chau.

  9. Jennifer C dice:

    Confieso que no tengo idea de como hacer paginas web, hace menos de un mes que tengo internet en casa y con mucho tiempo libre y con poco que hacer me dedique a arreglar mi blog, all√≠ intruseando y meitendole mano comenc√© a interesarme en esto de dise√Īar paginas. A√ļn no tengo el programa, pero lo conseguir√© pronto. Estoy ansiosa por hacer mi propia pagina!!

    Muchas gracias por pensar en los novatos y explicar los detalles.

    Cari√Īos

  10. SERGIO ALEJANDRO SANCHEZ CASTELLANOS dice:

    hola que tal, puies si son de utilidad las breves expluicaciones de esta pagina para el programa dw
    lo que necesito saber es como puedo poner un cuadro de opinion o comentarios en dw asi como poder realiozar el enlace del mismo

    sin mas quedo a sus ordenes
    gracias

  11. pedro rodriguez dice:

    me parecio muy buena su taller un poco aburridor pero bueno

  12. Orlando dice:

    bueno, la referencia que he le√≠do es breve pero precisa, estoy intresado en seguir leyendo poco a poco, para m√°s adelante hacer p√°ginas peque√Īas y enun futuro posterior un Sitio Web

    Gracias por esta magnífica información

  13. Gerald dice:

    Me parece excelente que te hayas tomado el tiempo de explicar todo y que se entienda tan f√°cil. Voy a seguir hasta el final. Muchas gracias.

  14. olga dice:

    el curso es muy bueno yo recien estoy comenzando con dise√Īo de paginas y hacemos un poco de todo sin profundizar demasiado en los temas , pero por suerte hay talleres on line tan buenos y bien explicados como este
    muchos saludos y muchas felicitaciones por tu web y por ser capaz de trasmitir a los demas conocimientos

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