I siti web più elementari avranno 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 più facile da usare . Ci sono numerose applicazioni di progettazione si possono scegliere e le basi sono di facile comprensione. Si utilizzerà semplice grafica vettoriale per la creazione di un sito web in Illustrator . Le immagini vettoriali sono i disegni che utilizzano punti, linee, curve e forme per creare le immagini al contrario di grafica raster che utilizzano pixel , ad esempio in Adobe Photoshop .
Istruzioni Creazione di una cartella principale e configurazione Dreamweaver
1
Creare una cartella sul desktop . Per fare questo , fate clic destro sul desktop e selezionare " Nuova cartella " nel menu a discesa. Questa sarà la cartella principale . Assegnare un nome alla cartella qualsiasi cosa che ti piace .
2
Apri Dreamweaver , fare clic 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
Nome tuo sito nel campo designato . Non è necessario preoccuparsi di compilare il campo per un URL . Dopo il nome del tuo sito fare clic su " Avanti ".
4
questa impostazione accanto a " No , io non voglio utilizzare una tecnologia server . " Fare clic su "Next" per passare al successivo gruppo di impostazioni .
5
sceglie "Modifica le copie locali sulla mia macchina , poi caricare al server ( Internet) quando è pronto . " Quindi, fare clic sull'icona della cartella e poi nel menu che si apre a trovare la cartella principale , selezionarla e fare clic su "Scegli ". Quando hai fatto clic su " Avanti" per passare alla fase successiva .
6
Selezionare " Nessuno" per la modalità di connessione al server remoto . Fare clic su Avanti dopo aver regolato l'impostazione . Fare clic su " Fine " dopo aver esaminato le impostazioni.
Progettare la pagina Web in Illustrator
7
Aprire Adobe Illustrator e fare clic su "Crea Nuovo Documento Web ". Non è necessario regolare le impostazioni , quindi fare clic su " OK" per continuare .
8
Progettazione di una pagina semplice " casa" per il tuo sito web 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 sottocategoria schede per passare a pagine diverse. Ad esempio , se si dispone di un sito web per un ristorante , è possibile impostare sottocategoria schede per la casa , antipasti e dessert .
9
Selezionare lo strumento " Slice " dalla barra degli strumenti una volta che hai le nozioni di base per il tuo sito web progettato . Crea il tuo primo fetta disegnando una scatola intorno alla vostra zona del titolo. Ripetere questa operazione con l'area barra di navigazione e la vostra area di contenuto .
10
Passare al " Selezione sezioni " strumento . Si presenta se si tiene premuto il pulsante del mouse sullo strumento slice . Fare doppio clic sul fetta titolo. Quando si apre il menu " Slice Options " , il nome del vostro fetta e poi premere " OK ". Ripetere questa operazione con la barra di navigazione e la fetta del contenuto fetta .
11
Vai al menu File e scegliere " Salva per Web e dispositivi. " È possibile selezionare se si desidera salvare le immagini in formato GIF o JPEG . Fare clic su "Salva ".
12
Scegliere " Altro ... " nei 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 salvataggio .
13
Modifica da " HTML " a "fette " nel menu delle 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" per " HTML e immagini . " Modificare le "Impostazioni" di " Tutti sezioni utente ".
15
Cambiare il nome del file in " Indice" Salva come sezione. Impostare la destinazione di salvataggio come la cartella principale si è creato nella prima sezione . Fare clic su " Salva " quando hai fatto questo
. Finishing il tuo sito Web in Dreamweaver
16
Apri Dreamweaver , scegliere " File > Apri " e aprire la tua index.html file esportato da Illustrator . Si dovrebbe essere in grado di trovare questo nella vostra cartella principale .
17
Lascia la tua pagina web di un titolo. Nella parte superiore della pagina , è possibile trovare uno spazio per un titolo . Inserite il nome della pagina che si sta lavorando in questa sezione. Ad esempio , se si sta lavorando sulla vostra Home Page , si vuole mettere " a casa " nella vostra area titolo.
18
Creare un link hotspot per la navigazione facendo clic sulla vostra fetta di navigazione . In fondo , fare clic sul blu mappa strumento hotspot e disegnare una casella intorno alla prima scheda barra di navigazione . Inserite il nome del file HTML che si desidera collegare alla casella collegamento . Ad esempio , se si disegna un riquadro intorno la scheda a casa , si può scrivere " index.html " nella casella di collegamento . È inoltre necessario assicurarsi che si dà un nome alt modo i browser per gli utenti non vedenti e non udenti possono leggere il collegamento ad alta voce fuori o digitarlo in Braille . Nella alt tipo di sezione a casa .
19
Ripetere questa operazione per ciascuna delle vostre barre schede di navigazione . Per esempio, se la vostra prossima scheda barra di navigazione è per antipasti , si disegna un riquadro intorno la scheda , digitare " entrees.html " nella casella di collegamento , e di tipo " antipasti " nella casella di alt .
20
link tua area barra del titolo e la vostra area di contenuto senza creare un hotspot. Per fare questo , clicca sull'immagine e aggiungere il nome del codice HTML che si desidera collegare a nella zona di collegamento. Per esempio , la vostra barra del titolo sarebbe legato a " index.html ". Assicurarsi che la zona di confine , dice "0 ".
21
andare su "File > Salva ". Questa sarà la home page del tuo sito e la base per tutte le altre pagine HTML per il tuo sito così .
22
Modificare la proprietà del titolo in alto da indice per qualunque sia la pagina successiva sul il tuo sito web sta per essere .
23
Scegliere " File > Salva con nome" e il nome del file " entrees.html . " Il nome deve essere in 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 tuo bar schede di navigazione . Ogni scheda avrà bisogno di una pagina web separata designato per esso .
25
prova le tue link cliccando su l'immagine di un globo nella parte superiore dello schermo. Questo vi mostrerà esattamente come il vostro sito sarà una volta caricato su un sito web.
