Cómo insertar PSD en Dreamweaver

Escrito por ken white | Traducido por beatriz sánchez
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo insertar PSD en Dreamweaver
Dreamweaver es un programa de creación de páginas web de Adobe. (Hemera Technologies/AbleStock.com/Getty Images)

Dreamweaver, publicado por Adobe, es un programa de creación y edición de páginas web que te permite desarrollar contenido HTML, CSS y JavaScript para navegadores y dispositivos móviles como teléfonos inteligentes y tabletas. El programa está muy integrado con otros programas de Adobe como Photoshop. Puedes crear tus gráficos en Photoshop, guardarlos como un archivo PSD de Photoshop y después insertar la imagen en un proyecto Dreamweaver. Dreamweaver convertirá el PSD en un archivo JPG, GIF o PNG para mostrarlo en un página web y después importará el archivo gráfico al proyecto.

Nivel de dificultad:
Moderadamente fácil

Instrucciones

  1. 1

    Abre Dreamweaver. Haz clic en "Archivo" y después en "Nuevo". Selecciona "HTML" y pulsa "Crear". También puedes hacer clic en "Abrir" y cargar un proyecto de Dreamweaver existente.

  2. 2

    Haz clic en el botón "Diseñar" para ver tu página web como aparecerá en el navegador. Coloca el cursor donde quieres insertar el archivo PSD en la página.

  3. 3

    Haz clic en "Insertar" y escoge "Imagen". Navega por el sistema de archivos en la ventana "Seleccionar fuente de imagen" para el archivo PSD que quieres abrir. Haz doble clic sobre el archivo.

  4. 4

    Selecciona un formato para la imagen en la ventana "Vista previa de imagen". Elige JPEG, GIF o PNG en el menú desplegable. Ajusta la calidad de la imagen en la barra deslizable "Calidad". Cuanto mayor sea la calidad, mayor será el archivo de imagen y más tardará en cargarse la página web que lo contenga. Haz clic en "Aceptar" y "Guardar" para guardar la imagen optimizada para web.

  5. 5

    Introduce una breve descripción de la imagen en la caja de texto "Texto alternativo". Un lector de pantalla usa el texto alternativo para ayudar a las personas con discapacidad visual que visiten la página. Haz clic en "Aceptar".

  6. 6

    Ajusta las propiedades de la imagen en la ventana "Propiedades" en la parte inferior de la pantalla. Puedes cambiar el tamaño de la imagen en la página web, añadir un enlace a la imagen que llevará al visitante a otra página web o añadir un borde a la imagen y alinearla con el texto en la página. Haz clic en "Archivo" y después en "Guardar" o en "Guardar como" para guardar la página.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles