Tecnología

Inicio

Cómo crear un sitio web con Photoshop CS2

A pesar de que Photoshop CS2 puede no ser el programa óptimo en el que un sitio web debe ser diseñado, una persona puede hacer un sitio web atractivo el uso de este software.
Un conocimiento básico de Photoshop se debe obtener antes de intentar crear un sitio web con este software, sin embargo, incluso una persona con sólo un poco de experiencia con Photoshop debe ser capaz de encontrar la manera de crear un sitio web con Photoshop CS2 siguiendo los pasos adecuados.

Instrucciones

Creación del Fondo

1 Crear una nueva página en Photoshop mediante la selección Ctrl + N. Photoshop le preguntará qué tamaño de la página debe ser. No hay una ciencia exacta sobre lo que debe ser el tamaño de cualquier página Web individual. Esto depende del tamaño del navegador. La mayoría de los navegadores son al menos 750 píxeles de ancho y alrededor de 500 píxeles de altura. Se trata de una caja fuerte para comenzar en. La creación de una página mucho más grande que esto puede hacer que sea difícil para todos los usuarios puedan ver la página de la manera que le gustaría que lo vean. Todas las páginas posteriores que se van a crear para el sitio web deben ser del mismo tamaño.

2 Crear una nueva capa haciendo clic en el botón "nueva capa" en la paleta de "Capas". Aunque el diseño se puede crear en la página de fondo, una persona tiene más flexibilidad y margen para la creatividad si se diseña la página en una nueva capa.

3 Establecer un color a la página seleccionando un color en la paleta de colores. Al crear el fondo de una página web con Photoshop CS2, lo mejor es hacer un fondo que es un color suave, agradable. Esto se puede hacer mediante la creación de un color y luego disminuir la opacidad de la misma en la paleta de gradiente mediante la introducción de un número en el campo de opacidad. Ajuste la opacidad en torno al 35 o 40 por ciento.

4 Recuerde guardar navegando a "Archivo" y "Guardar como" en la barra de herramientas. Mientras que es bueno para salvar a menudo, la página debe por lo menos ser guardado en este punto antes de pasar a la siguiente parte del proyecto.

Añadiendo elementos de diseño

5 Dibuje cuadros de texto y cuadros de imagen en la página en la que desea colocar elementos. Los cuadros de texto y cuadros de imagen se pueden crear mediante la selección de los cuadros de texto y la imagen de la caja de herramientas de la caja de herramientas en la parte izquierda de la página y luego dibujar los contornos de las casillas de la página. Algunos de los elementos importantes para que un sitio web creado con Photoshop CS2 debe cumplir son los siguientes enlaces a otras páginas. Estos enlaces podía leer: Sobre Nosotros; Contacto; Noticias; ubicaciones; Casa. Los enlaces creados dependen de lo que el sitio es para. Lo importante es que estos enlaces se encuentran en la parte superior o inferior de la página en un cuadro de texto.

6 Introduzca el encabezado de página. Lo mejor es crear un encabezado gráfico para la página web anterior y guardarlo como una imagen. Con el fin de insertar el encabezado o banner, dibujar un cuadro de imagen casi todo el camino a través de la página justo debajo de la parte superior de la página. Navegar en la barra de herramientas a "Editar" y "Lugar de imagen" para poner el banner en la caja.

7 Crear cajas adicionales para otro texto e imágenes seleccionando la casilla de texto y la imagen de la caja de herramientas de la caja de herramientas en la parte izquierda de la página. Recuerde que debe dar a la página un poco de espacio para respirar. No poner imágenes o texto a la derecha al lado del otro. Siga colocando las imágenes y el texto hasta que la página se ha completado.

Crear páginas siguientes

8 Empezar a crear las páginas que la página principal del sitio web será enlazar. Siga los pasos 1-4 para volver a crear cada nueva página. Mientras más páginas de un sitio web tiene, mejor es el sitio va a hacer con subir más alto en las búsquedas en Internet. Por lo menos, crear páginas de destino que unirá a la referencia a nosotros, de contacto, noticias y ubicaciones de las páginas.

9 Variar el aspecto de las páginas adicionales, pero sólo un poco. La forma en la página de la casa de las miradas de sitio Web (pasos 1-3 en la sección 2) será diferente de la forma en que las páginas de destino que crean se verá, aunque contando con los mismos colores y el ambiente general es una buena idea. Los mismos elementos no necesitan estar en cada página. Recuerde que un buen diseño de la alineación de las imágenes y el texto en la página. Además, recuerde no poner demasiado contenido en una página. Si necesita ajustar más contenido, basta con crear otra página.

10 Guarda la imagen y la importación en Dreamweaver para realizar los enlaces activos. No hay manera de hacer que los enlaces activos en Photoshop, sin embargo, una persona que posee el Adobe Creative Suite puede fácilmente subir la imagen a Dreamweaver y activar los vínculos con los mapas de imagen de Dreamweaver. A 30 días de prueba gratuita de Dreamweaver también puede ser descargado.

Consejos y advertencias

  • Estos pasos pueden ser necesario ajustar un poco dependiendo del propósito del sitio web. Si diferentes colores o tamaños de elementos podrían adaptarse mejor a un sitio web, no dude en hacer ajustes.
  • Si Dreamweaver está disponible, utilizar este software en su lugar. Fue creado específicamente para la creación de sitios web. Photoshop puede hacer el trabajo, pero no es tan fácil ni tan bien.

Artículos relacionados