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.