Creare un sito web con base grafica, utilizzando Dreamweaver e qualunque programma di grafica
Creare un sito web con base grafica è abbastanza semplice, l'unica cosa che ci vuole è munirsi di molta fantasia! Dunque partiamo!
1. aprite il vostro programma di grafica e create un layout a piacere, quindi basatevi più o meno come lo vorreste come dimensioni io per farvi un esempio ho una base grafica 900x850, l'ho riempita con un attrice e immagini varie e sotto ho lasciato lo spazio vuoto per poi riempirlo con l'HTML. ricordiamoci di salvare il tutto, preferibilmente nel formato .png
2. finito questo possiamo già lavorare con l'HTML. io preferisco usare Dreamweaver è un programma di una semplicità unica. Bene apriamo il nostro Dreamweaver e inseriamo la nostra base e lavoreremo su quella.
-per inserire l'immagine andiamo su Inserisci > Immagine
-per mettere un colore di sfondo basta cliccare sulla parte esterna all'immagine e andare su "proprietà pagina", fatto questo andiamo su "aspetto" e inseriamo il colore dello sfondo, potete mettere anche il codice numerico del PSP prendendo un colore dalla vostra base dell'immagine, come ho fatto io.
una volta inserita la nostra immagine di base lavoriamo con l'HTML, per creare il menù laterale inseriamo i div ma questo lo faremo graficamente clikkiamo su
Layout
Con la terza icona , quella sopraelevata con cliccato standard creeremo il nostro quadratino dove inseriremo il nostro menù, (sarà come creare una tabella 1 riga 1 colonna). Abbiamo la nostra crocettina e facciamo il quadratino dove vogliamo inserire il nostro menù. All'interno possiamo scrivere quello che vogliamo e possiamo ovviamente linkare le parole al altre pagine.
Per inserire il box dove andremo a vedere le nostre pagineweb dobbiamo inserire tra <body> </body> questa stringa
<div id="Layer3">
<iframe src="la pagina che volete che compare appena si apre il sito, nel caso mio è la home " name="box" width="100%" height="420" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" ALLOWTRANSPARENCY="true"></iframe></div>
dove c'è heigt potete modificare l'altezza, la larghezza la potete modificare nella progettazione, vi viene molto più semplice =D
Quindi noi, quando guarderemo il nostro sito saremo sempre sulla nostra pagina Index, ma quando cliccheremo sui collegamenti questi ci compariranno nel box, sempre nella pagina Index
Arrivati a questo punto diciamo che la gran parte del gioco è fatto.. ma... come facciamo a far comparire i nostri collegamenti delle pagine all'interno del box?
Bene è semplicissimo. Per ogni collegamento basta inserire
target="box" vi faccio un esempio pratico con una stringa.
<a href="l'indirizzo della vostra pagina che volete far comparire nel box " target="box">Nome del collegamento </a>
Basterà quindi inserire questo nel vostro codice e il gioco è fatto.
Le secondarie pagine (quelle che vanno nel box) le ho fatte di una semplicità estrema!
Basta aprire una nuova pagina, inserite il colore di sfondo e scriveteci quello che vi pare! non dovete rispettare alcun parametro di grandezza, tranne quello per le immagini e i caratteri, ovvero.. se le immagini risulteranno troppo grandi, non entreranno nel box e risulterà brutto. quindi cercate di inserire le immagini ridimensionate nella maniera corretta. Per quanto riguarda i caratteri, behl è una vostra scelta in base a quello che avete fatto... se evete fatto un box grande e volete mettere i caratteri grandi allora bene, altrimenti sono consigliati i caratteri piccoli, che potete modificarli sempre con il vostro Dreamweaver. Per tutto il resto ci penserà il box a sistemare tutto quello che scriviamo all'interno di esso.
Per tutto il resto a voi la libera scelta!