Queste lezioni sono state tradotte da Paola di Graficamia e sono protette da copyright.
E' assolutamente vietato copiarle o postarle in altri siti o forum senza il mio consenso scritto.
Le similitudini si vedono e non sono coincidenze

 

Prepariamo la index

 

Materiale

 

 

 

Porta con te la matita per tenere il segno.
pennello
 

 

 

 

1
Iniziamo a preparare la index che è la pagina d'entrata del nostro sito

Crea una cartella che chiamerai "miosito" nella cartella miosito crea una sottocartella che chiamerai images

in questa cartella metterai tutto il materiale che ci serve per preparare la index e la
homepage.

2
Apri il tuo programma e clicca su Crea nuovo HTML



File / Salva con nome chiamala index e la salvi nella tua cartella sito

 

In alto dove vedi la scritta "Documento senza titolo" devi nominare la tua pagina, io metto sempre il nome del mio sito in questo caso Graficamia



3
Elabora / Proprietà pagina
nella finestra che si apre cerca il tuo sfondo

(Nel CS 6 (Aspetto CSS))



4
Clicca sull'icona inserisci tabella



5
Imposta come vedi



e in proprietà sotto imposta cosi e cerca il motivo oro



6
Clicca ora all'interno della tabella oro



In proprietà cerca lo strip



7
Clicca sempre all'interno della tabella e inserisci un'altra tabella



Sotto in proprietà imposta cosi e cerca il glitter



8
Clicca di nuovo all'interno della tabella e sotto in proprietà imposta cosi
cerca lo strip2



9
Clicca nuovamente all'interno della tabella e inserisci un'altra tabella come prima
sotto in proprietà imposta cosi e cerca il glitter


10
Clicca all'interno della tabella e in proprietà imposta cosi cercando lo strip

 

11

Clicca nuovamente all'interno della tabella e inserisci un'altra tabella come prima
sotto in proprietà imposta cosi e cerca il glitter

 

12

Clicca all'interno della tabella e in proprietà imposta cosi cercando il texture



11
La nostra pagina è fatta ora dobbiamo inserire l'immagine centrale

Quindi inserisci una tabella il metodo è sempre lo stesse per inserire le tabelle però adesso
dobbiamo mettere le misure della nostra immagine



12
In proprietà imposta cosi:



clicca nella tabella e in proprietà allineala al centro cosi:



13
Vai in alto su Inserisci / Immagine e inserisci la tua tag



14
Ora esci dalla tabella dove hai inserito la tua immagine
posizionati sotto ad essa e inserisci una tabella
in proprietà tabella imposta cosi:



15

Clicca nella tabella e in proprietà centrala
Da Inserisci / immagine inserisci il pulsante Entra

Vai in alto e clicca su Salva per salvare il tuo lavoro



16
La tua index si presenterà cosi    

 

 

17
Puoi decidere di scrivere direttamente la parola Entra sulla tua immagine
quindi procedi cosi
Clicca su Layout poi sul simbolo "disegna div PA"
e traccia un rettangolo sull'immagine

 

18

In proprietà centra

Ora scrivete all'interno del rettangolino la parola "ENTRA"

Seleziona la scritta e in proprietà scegli il Font - la dimensione e il colore


Clicca sul mapamondo per visualizzare l'anteprima  (scegli il browser che usi)

 

vedrai la scritta spostata

Ritorna in Dream e posizionandoti sul quadratino bianco sposta la scritta

devi provare diverse volte fino a che sei soddisfatta

Faremo poi i collegamenti ipertestuali per collegarla alla tua home

 

Questa è la tua index    

 

 


 

   

 

Copyright ©2012 Webmaster Graficamia-forum