Cómo exportar CSS Coding De Illustrator

Adobe Illustrator es un programa de gráficos vectoriales con una amplia gama de características para la exportación de imágenes . Una característica útil es la capacidad de cortar las imágenes y luego exportar las imágenes y un archivo HTML con código CSS que reúne las imágenes en rodajas de nuevo juntos. Esto es útil para crear diseños de imágenes intensivos para la Web, ya que los usuarios con conectividad limitada a Internet ( los usuarios de acceso telefónico, los usuarios de redes móviles , etc ) se pueden cargar y mostrar una serie de imágenes más pequeñas, donde una imagen grande puede agotar el tiempo . Las imágenes separadas también pueden estar vinculadas a las distintas páginas Web . Instrucciones
1

lanzamiento Adobe Illustrator y haga clic en " Archivo" y " Abrir".
2

clic para seleccionar un Adobe Illustrator ( . " AI" ) Archivo y luego haga clic en " Abrir ".

3 Haga clic para seleccionar la función " Slice " de la barra de herramientas , si la imagen no se ha cortado. Haga clic y arrastre la herramienta de corte para separar la imagen en varios trozos rectangulares, según sea necesario .

4 Haga clic en el menú " Archivo" y luego haga clic en " Guardar para Web y dispositivos . "

5

clic en la pestaña " Capas " en la parte derecha de la ventana de "Guardar para web y dispositivos " .
6

clic para colocar una marca en la opción "Exportar como capas CSS " caja .
7

clic para seleccionar una capa en el menú desplegable y haga clic para seleccionar "Visible ", "Oculto" o " No exportar " de la capa. Esto determina cómo se muestra cada capa en la página web utilizando el código CSS generado.

8 Repita el paso 7 para cada capa.
9

Haga clic para colocar una marca en la " Vista previa solamente seleccionado Layer" caja para ver la capa seleccionada en el menú desplegable en el panel principal de vista previa.
10

clic en el botón " Guardar" . Haga clic para seleccionar " HTML e imágenes (*. Html) " de la opción "Guardar como tipo" menú desplegable. Escriba un nombre de archivo y seleccione una ubicación para guardar .
11

clic en el botón "Guardar" para generar un documento HTML y la carpeta "Imágenes" en la ubicación de almacenamiento . El documento HTML contiene el código CSS generado y la carpeta " Imágenes " contiene el archivo de imagen en rodajas ( s ) .