Nombre de la Categoría: Envío de Comunicaciones > Nodo de Correo Electrónico

Cortando Imágenes Para HTML

Una vez tenga diseñada su comunicación debe cortar la imagen teniendo en cuenta los tips que se explican en el “Manual de Diseño HTML”

Para ello recomendamos el uso de las herramientas:

  • Debe abrir su imagen en fireworks, para realizar los cortes necesarios

  • Una vez tenga su imagen en fireworks, utilice la herramienta slice tool ubicada en el menú web, para realizar los cortes

  • Luego de haber realizado los cortes horizontales, seleccione toda la imagen con la herramienta pointer tool

  • Ahora debe Exportar las imágenes

  • Guardar las imágenes en una subcarpeta

  • Se exportaran el HTML, y sus imágenes en la subcarpeta indicada al momento de exportar

  • Luego debe abrir el archivo HTML en Dreamweaver

 

 

 

  • Debe eliminar de su HTML las etiquetas de header title, etc como lo indica el documento “Diseño de Maqueta HTML”

  • Además puede eliminar si lo desea las imágenes creadas automáticamente denominadas “spacer.gif”, dejando en este caso la tabla con una columna y 5 filas
  • Sí desea puede eliminar la imagen de texto, y redactar el texto en la tabla directamente

  • Una vez la tabla tenga la apariencia y distribución deseada, puede copiar el HTML y pegarlo dentro de la herramienta HTML en DANA

  • Luego, de haber pegado su HTML, se podrá visualizar la tabla de la siguiente manera

  • Es recomendable crear una subcarpeta para mantener el orden en las imágenes, para esto debe hacer clic en el botón derecho encima de la carpeta de imágenes

  • Finalmente, inserte las imágenes en su tabla

  •  Para esto debe hacer clic en cada icono (logo), y utilizar la herramienta para insertar imagen para colocar la imagen correspondiente.

  • Para finalizar, visualice su comunicación y realice su envío

Ver Tambien:
« | »