Cómo crear plantillas de Dreamweaver en Photoshop

Dreamweaver es uno de los programas de edición de páginas web principales. Tiene una gran cantidad de características y funciones que lo convierten en la elección de muchos profesionales. Una de las cosas más útiles acerca de Dreamweaver es que hay muchas plantillas disponibles para su descarga que se pueden utilizar como base para una página web. Otro buen programa que puede utilizar para ayudar a crear estas plantillas es Adobe Photoshop. conjunto de herramientas gráficas de Photoshop permite crear diseños profesionales, que luego pueden ser tomados en Dreamweaver como una página HTML y editados.

Instrucciones

1 Esbozar ideas para su página Web en el papel. Decidir qué tipo de plantilla que desea crear. Es posible que desee hacer uno que tiene un fondo blanco sencillo con botones de texto básicos y navegación. O si lo prefiere, un fondo complejo con imágenes como botones.

2 Cargar todas las imágenes que desee en la plantilla en su ordenador, guardándolos en una sola carpeta.

3 Abrir Photoshop. Seleccione "Archivo" y luego en "Nuevo". En el cuadro de diálogo que aparece haga clic en "Web" en "Presets" y seleccione el tamaño de la plantilla de página web que desea crear. 1024x768 es el tamaño de la pantalla más utilizada. Haga clic en Aceptar."

4 Haga clic en el icono "Nueva capa" en la parte inferior del panel "Capas". Seleccione la herramienta de selección "rectangular". Utilice la herramienta para dibujar en el que le gustaría tener una bandera. Utilice una de las herramientas de "relleno" para llenar la bandera con un color, motivo o degradado. También puede abrir una de sus imágenes cargadas y pegarlo en el banner, cambiar el tamaño para que se ajuste.

5 Utilizar el mismo método para crear todas las otras partes de la plantilla de página web, incluyendo botones, insignias y barras de navegación.

6 Seleccione la herramienta de corte de la barra de herramientas y utilizarlo para iniciar la creación de rebanadas alrededor de los diversos elementos de su diseño. Nombrar todas las rebanadas haciendo clic derecho en cada uno, seleccionando "Propiedades" y rellenar un nombre.

7 Seleccione "Archivo" y haga clic en "Guardar para Web o dispositivos." Seleccionar el tipo de imagen que desea utilizar y haga clic en "Guardar". Photoshop guardar las imágenes y un archivo HTML puede importar en Dreamweaver como su plantilla.