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:

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!!!