- 26 Maggio 2008
- 2.334
- 0
- Miglior risposta
- 0
Salve a tutti, in questa guida vi insegnerò a un semplice utilizzando per scegliere la e DreamWeaver per gestire il Codice. Con si possono siti di tutti i tipi e davvero eccezionali nella qualità , io vi insegnerò a farne uno semplice....
[CC].[/CC]
Per prima cosa apriamo Photoshop e facciamo FILE -> NUOVO e impostiamo le dimensioni del Documento a 1024 pixel (larghezza) e 768 pixel (altezza), questo perchè la maggior parte dei PC di oggi ha queste risoluzioni di Default.
Ok, adesso che abbiamo impostato lo sfondo del Sito dobbiamo inserire il Blocco dove andrà inserito il Testo del Sito.
Per farlo selezioniamo lo STRUMENTO RETTANGOLO (Rettangular Tool) e creiamo l'area di testo del sito.
Logicamente potete anche dare qualche effetto a vostro piacimento.
Ora, possiamo Inserire L'Header del nostro sito xD.
Scarichiamo l'immagine che vogliamo utilizzare...
Ora, con lo strumento SELEZIONA RETTANGOLARE evidenziamo l'area dove vogliamo inserire l'immagine
1)FILE -> APRI e apriamo l'immagine scaricata e
trasciniamola nel rettangolo creato.
2)Clicchiamo sull'Occhio affianco al Livello dell'immagine scaricata per nasconderla.
3)Sempre avendo selezionato il Livello dell'immagine clicchiamo sul pulsante AGGIUNGI UNA MASCHERA DI LIVELLO
4) Ora l'immagine comparirà all'interno del Riquadro che avete fatto con lo strumento SELEZIONA RETTANGOLARE e basterà che ve la spostate e regolate come volete
Ecco il risultato fino ad ora
Ora dobbiamo inserire la barra di navigazione, il bello di PhotoShop è che i Pulsanti li creiamo noi come vogliamo con il FONT delle scritte come vogliamo, nella posizione che desideriamo e cosi via xD.
Vi faccio vedere come creare una semplice navigazione ma in questo modo potete farne come volete...
Creiamo i nostri pulsanti, io voglio crearli sotto l'header.
Non dovete fare niente di particolare, dovete solo disegnarli nella posizione che volete e come li volete.
Ecco come ho fatto io (una navigazione molto banale per darvi l'idea
Non preoccuapatevi del TESTO perchè quello si farà successivamente in CSS con DREAMWEAVER.
Una volta completato il nostro Schema del Sito, dobbiamo farlo diventare un sito Vero e proprio... COME FARE ?
1) Selezioniamo lo STRUMENTO SEZIONE
Fatto questo andiamo su FILE -> SALVA PER WEB E DISPOSITIVI e selezionando l'HEADER impostiamo in JPEG perchè altrimenti la qualità grafica nel sito verrebbe orrenda. Fatto questo clicchiamo
SALVA e salviamo con questi criteri :
NOME FILE : Index.htm
SALVA COME : HTML e Immagini
IMPOSTAZIONI : Predefinite
SEZIONI : Tutte le sezioni
Bene, ora PhotoShop ci salverà l' INDEX.HTM ed una cartella contenente tutte le immagini del sito.
La parte grafica è finita ma prima di iniziare ad utilizzare DreamWeaver dobbiamo fare ancora una cosa.
Non chiudete PhotoShop.
Vedete i BOTTONI linkati che avete creato ?
Bene, modificategli il colore a vostro piacimento, ve lo spiego dopo a che serve ma fatelo... nel mio caso ho cambiato il colore del testo in BIANCO
Ora fate FILE -> SALVA PER WEB E DISPOSITIVI con i criteri :
NOME FILE : Quello che volete
SALVA COME : Solo Immagini
IMPOSTAZIONI : PREDEFINITE
SEZIONI : TUTTE LE SEZIONI
ed il tutto salvatelo in una posizione del PC differente dalla precedente per evitare che si sovrascrivino i FILE
Bene, ora abbiamo terminato la parte grafica del sito e siamo pronti per lavorare il codice con DREAMWEAVER ed ecco il LINK alla seconda guida ---> http://www.sciax2.it/forum/web-desi...p-dreamweaver-parte-2-a-76175.html#post804379
Per il momento è tutto, se avete problemi contattatemi pure via PM..... CIAOOOOOO
Ultima modifica: