Photoshop es un diseño gráfico y la aplicación de retoque fotográfico desarrollado por Adobe . Es el líder del mercado en software de edición de imagen digital. Sus capacidades incluyen la habilidad de crear y manipular gráficos para la impresión y uso de la web . También incluye muchas características para ayudar a los usuarios en el diseño de sitios web y la codificación. No sólo las imágenes de software para optimizar el uso de Internet , también puede generar hojas de estilo y el código HTML necesario para incluir gráficos en las páginas web. Cosas que necesitará
HTML software de edición
Mostrar más instrucciones
1

Crea tu imagen . Cuando haya terminado , utilice la herramienta " Slice" de Photoshop para dividir la imagen en secciones. Utilice la herramienta de "Slice Select" para cambiar el nombre de cada sección con nombres que corresponden a la organización de su sitio. Por ejemplo , si su imagen incluye botones de navegación del sitio , secciones de nombres en esa área "nav ". Estas secciones corresponden a las etiquetas " div " en el código CSS.
2

En la barra de menús , haga clic " archivo" y luego elegir la opción " Guardar para Web y dispositivos . " Seleccione " 2 -Up" o " 4 arriba " en las pestañas encima de la zona de la imagen para una selección de vistas previas . Elija las opciones que desee para la imagen en la sección de " ajuste". Seleccione la vista previa de la imagen que mejor se ajuste a sus especificaciones visuales. Haga clic en " Guardar ".
3

Escriba el nombre del archivo en el campo "Nombre de archivo " . Seleccione " HTML e imágenes " en el campo " Guardar como tipo" . Seleccione " Otros " en el campo Configuración. Aparecerá un cuadro de diálogo " Configuración de salida " . En la configuración desplegable seleccione "Personalizar ". Seleccione el botón "Siguiente" hasta que vea la sección "Salida Slice" . Seleccione el botón " Generate CSS " .
4

Elija el formato de salida de la CSS en el menú de referencia . En una hoja de estilos externa , seleccione " Por ID" o " por clase ". Su CSS se organizará por cualquier elemento que usted elija. Si desea que su CSS para ser inline (incluido en la parte superior de la página HTML ) seleccionar " Inline ".
5

completa selección de otras opciones en Ajustes de salida . Cuando haya terminado , haga clic en "OK . " En el campo Rebanadas seleccionar qué sectores desea incluir en la salida de CSS. Asegúrese de que se ha desplazado hasta el lugar donde desea que el archivo que se encuentra en la opción "Guardar optimizada como " zona de administrador de archivos. Haga clic en " Guardar ".
6

Abra el archivo HTML que acaba de crear en su programa de edición de HTML. El código HTML , con CSS, será donde lo haya guardado en su computadora y listo para cualquier inserción en una página web que haya creado o como una página web independiente. Modifique el código , si es necesario , a su gusto.
7

Abra el archivo en el navegador web de su elección para ver el archivo para verificar si hay cualquier problema y para asegurarse de que coincida con la imagen que ha creado en Photoshop.