Cómo construir una cartera con Dreamweaver

Una cartera en línea es a menudo utilizado por los diseñadores web, diseñadores gráficos o fotógrafos para anunciar su trabajo a los clientes potenciales. Con la Herramienta de edición web de Adobe Dreamweaver y una herramienta de edición de gráficos de compañía, usted puede fácilmente crear una cartera en la web con imágenes en miniatura de su trabajo un visor de hacer clic para ver las versiones más grandes y más información o para visitar un sitio web en vivo que ha diseñado.


Cosas que necesitará

  • gráficos de la tela software de edición (Adobe Fireworks recomendado)
  • Adobe Dreamweaver
  • Imágenes en su cartera

Crear imagen en miniatura

  • Video: COMO HACER UNA CAMPAÑA PUBLICITARIA INICIAL CAPITULO 5

    Abre la herramienta de edición de gráficos y luego abrir una de las imágenes para su cartera.

    -Imagen a tamaño completo, inaugurado en Adobe Fireworks
  • Video: Imperdibles Imperdiworld by Jarri Marqueríe (en AndaMagia)

    Haga clic en la imagen y cambiar su tamaño para una miniatura de aproximadamente 150 a 200 pixeles de ancho. En Fireworks, el software utilizado para el ejemplo que se muestra aquí, el comando Tamaño de imagen se encuentra en el menú Modificar -> Canvas.

  • Exportar la imagen como un nuevo archivo JPG con un nombre que indica que es la miniatura. En Fireworks, para exportar el uso del menú Archivo -> Vista previa de imagen y seleccione JPG como el formato de archivo.

    Exportación en miniatura como un archivo JPG
  • Repita los pasos anteriores para crear miniaturas de todas las imágenes para su cartera.

Crear página web para miniaturas

  • Dreamweaver abierta y haga clic en "Crear nuevo" en el menú principal para iniciar un nuevo documento HTML.

    Espacio de trabajo de Dreamweaver
  • Escriba un texto para describir qué tipo de cartera que es esto y luego pulse la tecla de retorno.

  • Haga clic en el botón Insertar imagen en la barra de herramientas superior para añadirle una imagen a la página.

    Botón Insertar imagen
  • Haga clic en la imagen una vez para seleccionar y elegir la alineación de Oriente desde el inspector de propiedades para que el texto se escribe junto a la miniatura se alineará con el centro de la imagen.

    Alinear Configuración de imagen
  • Escriba algún texto junto a la miniatura para describir lo que es.

  • Escribir un par de vueltas de carro e insertar otra miniatura y texto descriptivo. Repita este procedimiento para todas sus miniaturas.

    Cartera simple página con imágenes en miniatura
  • Haga clic en el menú Archivo y seleccione Guardar para guardar su progreso hasta ahora.

Crear páginas de detalles de portafolio

  • Video: ¿Cómo armar portafolios de inversión? Parte 1

    Haga clic en el menú Archivo, a continuación, en Nuevo para iniciar un nuevo documento HTML. Esta será la página que aparece cuando alguien hace clic en su primera miniatura.

  • Escriba algún texto en la parte superior de la página para indicar lo que el diseño de esta página se detalla.

  • Haga clic en el botón Insertar imagen en la barra de herramientas y añadir una imagen más grande o de tamaño completo que desea mostrar a los clientes.

  • Haga clic en el menú Archivo y seleccione Guardar para guardar este nuevo archivo.

  • Repita estos pasos y crear páginas de detalles para todos los artículos en su cartera.

Enlace a las miniaturas Detalles Páginas

  • Haga doble clic en la página con las imágenes en miniatura en su lista de archivos del sitio local en el lado derecho de la pantalla para abrirla si no está todavía abierto en la pantalla.

  • Haga clic una vez en la miniatura para seleccionarla.

  • Insertar un enlace desde ese miniatura para la página de detalles asociados a ella haciendo clic en el icono situado a la derecha del cuadro "Enlace" en el inspector de propiedades y elegir el archivo en el cuadro de diálogo, o utilizando el "punto a archivo" cruz -hairs icono situado junto al cuadro de Enlace y arrastrando el puntero al archivo en la lista de archivos del sitio local a la derecha.

    Añadir enlace de texto
  • Repita los pasos anteriores para añadir enlaces a todas las miniaturas.

  • Haga clic en el menú Archivo y seleccione Guardar para guardar los cambios.

  • Cargar los archivos de cartera a su servidor web utilizando el azul flecha "arriba" en la lista de archivos del sitio local a la derecha y luego probar las páginas de su navegador web.

Consejos advertencias

  • Si su cartera incluye miniaturas de las páginas web que ha creado y los sitios web son en vivo, se puede añadir un enlace a los sitios web para mostrarlas en lugar de crear una página separada detalles sobre el diseño.
  • Para impedir que la gente a descargar sus imágenes a tamaño completo de su cartera, es posible que desee añadir una marca de agua con su herramienta de edición de gráficos. Una línea de texto con una opacidad baja a través de la porción principal de la imagen va a funcionar.
Artículos Relacionados