Come fare un sito web Illustrator

July 16

Le maggior parte dei siti web di base avrà una barra del titolo, barra di navigazione con schede a diverse pagine web e una sezione per i contenuti. Fare un sito web con Adobe Illustrator è uno dei programmi software facile da usare. Ci sono numerose applicazioni di progettazione è possibile scegliere e le nozioni di base sono facili da capire. Si utilizzerà semplici di grafica vettoriale per la creazione di un sito web in Illustrator. La grafica vettoriale sono i disegni che utilizzano punti, linee, curve e forme per creare immagini in contrasto con la grafica raster che utilizzano pixel, ad esempio in Adobe Photoshop.

istruzione

Creazione di una cartella principale e configurazione di Dreamweaver

1 Creare una cartella sul desktop. Per fare questo, fare clic destro sul desktop e selezionare "Nuova cartella" nel menu a discesa. Questa sarà la vostra cartella principale. Assegnato un nome qualsiasi cartella a piacere.

2 Aprire Dreamweaver, clicca su "Sito" in alto e selezionare "Nuovo sito." Il menu di definizione del sito si aprirà e vi porterà attraverso i passi necessari per impostare un sito in Dreamweaver.

3 Un nome al sito nel campo designato. Non è necessario preoccuparsi di compilare il campo per un URL. Dopo il nome del tuo sito clicca su "Avanti".

4 Impostare questa impostazione accanto a "No, io non voglio usare una tecnologia server." Fai clic su "Next" per passare al prossimo gruppo di impostazioni.

5 Scegliere "Modifica copie locali sulla mia macchina, poi caricare sul server (Internet) quando è pronto." Quindi, fare clic sull'icona della cartella e poi nel menu che si apre trovare la cartella principale, selezionarlo e cliccare su "Scegli". Dopo aver fatto clic su "Next" per passare alla fase successiva.

6 Selezionare "Nessuno" per come si desidera connettersi al server remoto. Fare clic su Avanti dopo aver regolato questa impostazione. Fai clic su "Done" dopo aver esaminato le impostazioni.

Progettare la pagina Web in Illustrator

7 Aprite Adobe Illustrator e fare clic su "Crea nuovo documento Web." Non è necessario regolare le impostazioni, quindi scegliere "OK" per continuare.

8 Progettare una semplice pagina "casa" per il tuo sito utilizzando la barra degli strumenti. Creare solo una barra del titolo, una barra di navigazione, e un'area per il contenuto. È possibile farlo utilizzando lo strumento rettangolo e lo strumento testo. Nella barra di navigazione, creare schede Sotto categoria per navigare pagine diverse. Ad esempio, se si dispone di un sito web per un ristorante, è possibile impostare le schede sub categoria per la casa, antipasti e dessert.

9 Selezionare lo strumento "Slice" dalla barra degli strumenti, una volta che hai le basi per il vostro sito web progettato. Crea il tuo primo fetta disegnando una scatola intorno alla vostra zona del titolo. Ripetere questa operazione con la vostra zona barra di navigazione e la vostra area di contenuto.

10 Passare allo strumento "selezione sezioni". Si presenta se si tiene premuto il pulsante del mouse sullo strumento fetta. Fare doppio clic sul fetta titolo. Quando il menu "Opzioni sezione" si apre, un nome al fetta e poi ha colpito "OK." Ripetere questa operazione con la fetta barra di navigazione e la fetta area del contenuto.

11 Vai al menu file e scegliere "Salva per Web e dispositivi." È possibile selezionare se si desidera salvare le immagini come GIF o JPEG. Fare clic su "Salva".

12 Scegliere "Altro ..." nel Salva ottimizzato come menu. Questo può essere trovato sotto le fette di menu a discesa. Si otterrà un menu che si apre con le opzioni di risparmio energetico.

13 Variazione da "HTML" a "fette" nel menu impostazioni di output. Questo menu a discesa è il secondo dall'alto. Dopo aver scelto "fette", cambiare l'impostazione qui per "Genera CSS."

14 Cambiare il colore di sfondo su "Nessuno" nel menu di fondo. Fare clic su "OK". Impostare "Formato" a "HTML e immagini." Modificare le "Impostazioni" a "Tutte le sezioni utente."

15 Cambiare il nome del file per "indice" nel salvare come sezione. Impostare la destinazione di salvataggio come cartella principale si è creato nella prima sezione. Fai clic su "Salva" quando avete fatto questo.

La rifinitura del vostro sito Web in Dreamweaver

16 Aprire Dreamweaver, scegliere "File> Apri" e aprire il file index.html esportato da Illustrator. Si dovrebbe essere in grado di trovare questo nella vostra cartella principale.

17 Lascia la tua pagina web un titolo. Nella parte superiore della pagina, è possibile trovare una zona per un titolo. Inserire il nome della pagina che si sta lavorando in questa sezione. Ad esempio, se si sta lavorando nella vostra home page, si vuole mettere "casa" nella vostra area del titolo.

18 Creare un collegamento hotspot per la navigazione cliccando sulla fetta di navigazione. In fondo, fare clic sullo strumento hotspot carta blu e disegnare una casella intorno alla prima scheda barra di navigazione. Inserire il nome del file HTML che si desidera collegarsi nella casella di collegamento. Ad esempio, se si disegna un riquadro attorno alla scheda Home, si può scrivere "index.html" nella casella di collegamento. È inoltre necessario assicurarsi di dare un nome alt così i browser per gli utenti non vedenti e non udenti possono leggere il collegamento ad alta voce o digitare in Braille. Nella sezione alt Tipo di casa.

19 Ripetere questo passaggio per ogni scheda barra di navigazione. Ad esempio, se la prossima scheda barra di navigazione è per antipasti, si disegna una casella intorno alla scheda, digitare "entrees.html" nella casella di collegamento, e digitare "antipasti" nella casella alt.

20 Collega il tuo barra del titolo e la vostra area di contenuto senza creare un hotspot. Per fare questo, fare clic sull'immagine e quindi aggiungere il nome del codice HTML che si desidera collegare nella zona di collegamento. Ad esempio, la barra del titolo sarebbe collegato a "index.html". Assicurarsi che la zona di confine dice "0"

21 Vai su "File> Salva". Questa sarà la home page per il sito e la base per tutte le altre pagine HTML per il tuo sito come bene.

22 Modificare la proprietà titolo nella parte superiore da indice per qualunque sia la pagina successiva sul tuo sito web sta per essere.

23 Scegliere "File> Salva con nome" e il nome del file "entrees.html." Il nome deve essere minuscolo e non hanno spazi.

24 Ripetere questi passaggi per tutte le pagine web rimanenti. Un modo semplice per guardare a questo è semplicemente guardare ogni scheda barra di navigazione. Ogni scheda avrà bisogno di una pagina web separata designato per esso.

25 Metti alla prova il tuo link cliccando sull'immagine di un globo nella parte superiore dello schermo. Questo ti mostrerà esattamente come il vostro sito sarà sguardo una volta caricato su un sito web.

Consigli e avvertenze

  • Questa procedura funziona, non importa quanto semplice o complicato il vostro sito è. Iniziare con le basi e pratica utilizzando Illustrator per modificare la composizione, i colori, font e altri elementi di design.