Tecnología

Inicio

Cómo construir un sitio web usando Adobe Photoshop CS5

Cómo construir un sitio web usando Adobe Photoshop CS5


Adobe Photoshop CS5 es la última versión del popular software de edición de imágenes de Adobe. Photoshop ha recorrido un largo camino de ser un programa de retoque fotográfico de ser una herramienta ideal para crear diseños gráficos, especialmente para la web. herramientas específicas web están disponibles en Photoshop, lo que hace que sea fácil para un diseñador para crear diseños de página, en particular las que se pueden implementar fácilmente en formato HTML.

Instrucciones

1 Abra Adobe Photoshop CS5 y haga clic en "Archivo" y luego "Nuevo".

2 Seleccione la opción "Web" en el campo preestablecido y elija el tamaño de su sitio web en el menú desplegable. Una caja fuerte del tamaño de un sitio web es de 800 x 600, que también funciona bien para su visualización en teléfonos móviles.

3 Crear el diseño y el diseño de su sitio web. Un diseño básico sitio web contiene una sección de la cabecera, cuerpo, pie de página y barras laterales. Puede basar su diseño en el marco de su sitio, como por ejemplo lo que funciona mejor para el diseño de un diseño de dos columnas o de tres columnas. Utilice las herramientas de Photoshop como la herramienta "Shape" para crear los gráficos para los encabezados de sección y de navegación y la herramienta de "relleno" para añadir color.

4 Haga clic en la herramienta "rebanada" en la barra de herramientas. Si no ve la herramienta de la "rebanada", puede que tenga que haga clic en la herramienta "Recortar" para ver la opción de utilizar la "rebanada".

5 Cortar su diseño web en secciones con la herramienta. Esto permite una fácil carga y descarga de las imágenes una vez que se lo convierte en una página web.

6 Haga clic en "Archivo" y "Guardar para Web y dispositivos."

7 Seleccione el tipo de archivo de imagen que desea utilizar para guardar las imágenes. Puede elegir entre los formatos JPEG, GIF y PNG. Haga clic en "Guardar".

8 Seleccione "HTML e imágenes" como el formato para el archivo que desea guardar. Haga clic en "Guardar". La página web se ha guardado con las imágenes adjuntas en una carpeta separada llamada "Imágenes".

Consejos y advertencias

  • Puede utilizar los editores de HTML como Dreamweaver, Frontpage o CoffeeCup para modificar el aspecto de la página, así como añadir contenido del texto.