Adobe Creative Suite è una grande serie di programmi di avere per lo sviluppo e la creazione di un sito web. Uno dei motivi principali per cui è perché una persona non ha bisogno di avere una vasta conoscenza HTML per essere in grado di creare un sito Web. Questi due programmi possono aiutare una persona a fare una minima quantità di lavoro, ma ancora ricevere un prodotto finito eccellente.

istruzione

Creare il design in Photoshop

1 Aprire un nuovo documento di Photoshop, cliccando sull'icona di Photoshop sul computer. Dopo il programma si apre, selezionare "Ctrl + N" e si aprirà un nuovo documento.

2 Posizionare gli elementi della pagina. Utilizzare gli strumenti nella casella degli strumenti sul lato sinistro della pagina. Il modo migliore per farlo è quello di selezionare lo strumento rettangolo dalla casella degli strumenti. Fare clic e trascinare una forma di rettangolo sulla pagina per fare una barra in alto. Selezionare un colore per riempire il contenitore.

3 Selezionare lo strumento casella di testo per creare il maggior numero di caselle di testo di cui hai bisogno lungo questo bar. In genere circa cinque caselle dovrebbero essere sufficienti. Le scatole includerà parole come "Chi siamo", "Register", "News", "Contatti" e "Acquisto".
Che cosa è incluso in queste caselle dipende in ultima analisi lo scopo del sito web.

4 Vai su "File" e "luogo" per alcune immagini sulla pagina. Le stesse regole che si applicano per la stampa di design spesso si applicano alla progettazione Web pure. Ciò significa che si dovrebbe essere sicuri che gli elementi della pagina di allineamento.

5 Termina il disegno per la home page del sito. Salva questa pagina come file JPEG e chiuderlo.

Preparati per il web con Dreamweaver

6 Aprire Dreamweaver. Dopo l'apertura di Dreamweaver, andare su "File" e poi cliccare su "Apri". Quando si apre la finestra successiva, scegliere "Create". Questo si trova nell'angolo in basso a destra dello schermo.

7 Quando la nuova pagina si apre, mostrerà il codice della pagina. Trova la scheda "Design" nella pagina che si trova vicino alla scheda "Codice" appena sopra il riquadro di editing HTML. Dopo ci si trova in modalità di progettazione, andare al menu "Inserisci" sulla parte superiore della pagina e scegliere "Immagine" dal menu.

8 Apparirà una finestra che vi permetterà di selezionare un'immagine da inserire nella pagina. Trovare il file JPEG appena creato in Photoshop e selezionarlo. L'immagine sarà ora sulla tua pagina di Dreamweaver.

9 Selezionare lo strumento mappa immagine sul fondo della pagina. Quindi fare clic e trascinare il mouse su un'area della pagina che si desidera fare un collegamento. Dopo avere effettuato questa, tornare alla parte inferiore dello schermo e digitare un indirizzo URL completo nella casella URL nella parte inferiore della finestra. Ripetere questa operazione per ogni link che si desidera creare sulla pagina.

10 Ripetere questo processo completo (fasi 1 e 2) per creare un'altra pagina per il sito Web. Spetta a voi per progettare ogni pagina come si desidera progettare, ma la cosa importante da ricordare è quello di salvare come file JPEG e caricarlo in Dreamweaver ogni volta. Quando tutto è detto e fatto, si avrà un sito web attraente che si è creato con Photoshop e Dreamweaver.

Consigli e avvertenze

• Aggiungere il testo nella casella "Alt" che si trova accanto alla casella URL quando si fa mappe immagine. Ciò consentirà un utilizzo più facile tra i non vedenti quando stanno visitando il vostro sito.
• Non dimenticate di eliminare il simbolo "#" dal campo "Link" quando si digita in un nuovo indirizzo. Non l'eliminazione di questo farà sì che il vostro URL non funziona correttamente.