Creare un nuovo documento in Adobe Illustrator . Impostare la larghezza di 960 pixel e impostare la " Modalità colore " su "RGB ". Dare un nome al documento e fare clic su "OK".
2
Utilizzare lo strumento rettangolo per creare un layout di base . Disegnare rettangoli grigi all'interno del bordo nero " tavola da disegno " per corrispondere a elementi grafici e testuali che si desidera includere nella vostra pagina web . Regolare il layout fino a quando si è soddisfatti , e salvare il lavoro .
3
Creare linee guida intorno alle vostre scatole grigie . Per creare una linea guida , fare clic sui righelli orizzontali o verticali ai bordi dello schermo e trascinare il mouse sulla zona di lavoro . Rilasciare il mouse per impostare la guida . È possibile regolare nuovamente le guide facendo clic e trascinando con il mouse
4
Elimina le caselle grigie ; . Verrà lasciato con uno spazio di lavoro vuoto delineato da diverse guide
5 .
Creare gli elementi grafici della vostra pagina web , come ad esempio loghi, icone e testo mock-up utilizzando la tavolozza degli strumenti di Adobe Illustrator . Utilizzare le linee guida quando si posiziona gli elementi grafici sulla pagina web . Una volta che hai finito di creare l'aspetto visivo del tuo sito web , salvare il lavoro .
6
Seleziona "Guide " dal menu "Visualizza" e cliccare su " Cancella guide " per cancellare tutte le guide sul tuo schermo . Sarà necessario creare nuove guide per salvare i singoli elementi del vostro mock-up per l'uso sul web .
7
Scegli una sezione del tuo sito web mock-up , come ad esempio il menu di navigazione o il grafico icone e trascinate una nuova serie di guide in giro questa sezione in modo tale che ciascun elemento della sezione è racchiuso in una scatola .
8
Seleziona " Slice " dal menu "Oggetto " e fare clic su " Create da Guide " . I numeri verranno visualizzati nelle caselle create , queste scatole sono "fette" grafiche che possono essere salvati come singole immagini da utilizzare in una pagina web . Selezionare " Salva per Web e dispositivi " dal menu "File" per aprire una nuova finestra di dialogo .
9
Clicca su " strumento Selezione sezioni " nel "Salva per Web e dispositivi " finestra. Selezionate le sezioni che si desidera esportare facendo clic su di essi nella finestra di visualizzazione . Impostare il " Tipo di immagine " a " JPEG " e cliccare su " Salva" per salvare le fette come singole immagini .
10
Ripetere i passaggi da 6 a 9 per creare singole immagini di tutti gli elementi grafici del vostro web pag . Una volta che hai gli elementi grafici salvati , li importa in un programma di disegno della pagina web, come Adobe Dreamweaver .
software © www.354353.com