Crea tu sitio web o blog, y dejar Illustrator crear el código. Diseñar el material gráfico en Illustrator o importarla desde su programa de gráficos favorito, Photoshop , Fireworks o Corel . Puede utilizar las guías de Illustrator para el diseño de su diseño, y le permite actualizar el sitio si usted o un cliente tiene que cambiarlo. Instrucciones
1
Illustrator abierto y crear un nuevo documento , haga clic en "Archivo" y "Nuevo". Introduzca " 960 " píxeles para la anchura y 1.500 " píxeles" para la altura . Ajuste el modo de color a "RGB ". Haga clic en " Ver" y " Tamaño real " para establecer su punto de vista zoom al 100 por ciento .
2 cajas Empate
haciendo clic en la herramienta "Rectángulo " en la barra de herramientas para representar a los que el texto y las imágenes irán . Ajuste según sea necesario para establecer un equilibrio.
3
Crear líneas de guía en torno a las cajas , haga clic en el rectángulo y haga clic en " Crear guías . " Abra el panel de capas , haga clic en "Ventana " y "Capa ". Rename Layer " Layout ", 1 y bloquear la capa haciendo clic en la casilla junto al icono del ojo.
4
Crear una nueva capa sobre la capa de "Diseño" , haga clic en el icono de " Nueva capa " en la parte inferior del panel de la capa. Nombre de la capa " Inicio ". Repita este proceso para otras páginas, como "About ", "Contacto" y "Blog ".
5
Añadir el contenido de cada capa , como texto , imágenes, párrafos y logos , el ajuste de la diseño , según sea necesario .
6
Prepare su sitio mediante la creación de las rebanadas . Haga clic en la capa "Diseño" y luego en " objeto ", " Slice" y "Creación de guías. "
7
Guarde el archivo haciendo clic en " Archivo" y " Guardar para Web y dispositivos ." En el panel de pop -up, crear vínculos , haga clic en el segmento de " Inicio " y escriba una dirección URL para su enlace casa. Repita este proceso para otros enlaces. Haga clic en " Guardar" cuando haya terminado y darle un nombre como " index.html ".
8
Repita el proceso anterior para las otras capas , haga clic en la capa como " About" y guardar el archivo haciendo clic en "Archivo " y "Guardar para web y dispositivos", la creación de vínculos y guardar con un nombre como " about.html ".
9
prueba sus archivos para asegurarse de que los vínculos de trabajo , ajuste si es necesario y subir a su servidor .