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
![](lezione1-index_file/1.jpg)
File / Salva con nome
chiamala index e la
salvi nella tua cartella
sito
![](lezione1-index_file/2.jpg)
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
![](lezione1-index_file/1bb.jpg)
3
Elabora / Proprietà
pagina
nella finestra che si
apre cerca il tuo sfondo
(Nel CS 6 (Aspetto CSS))
![](lezione1-index_file/3.jpg)
4
Clicca sull'icona
inserisci tabella
![](lezione1-index_file/4.jpg)
5
Imposta come vedi
![](lezione1-index_file/5.jpg)
e in proprietà sotto
imposta cosi e cerca il
motivo oro
![](lezione1-index_file/6.jpg)
6
Clicca ora all'interno
della tabella oro
![](lezione1-index_file/7.jpg)
In proprietà cerca lo
strip
![](lezione1-index_file/8.jpg)
7
Clicca sempre
all'interno della
tabella e inserisci
un'altra tabella
![](lezione1-index_file/9.jpg)
Sotto in proprietà
imposta cosi e cerca il
glitter
![](lezione1-index_file/10.jpg)
8
Clicca di nuovo
all'interno della
tabella e sotto in
proprietà imposta cosi
cerca lo strip2
![](lezione1-index_file/11.jpg)
9
Clicca nuovamente
all'interno della
tabella e inserisci
un'altra tabella come
prima
sotto in proprietà
imposta cosi e cerca il
glitter
![](lezione1-index_file/12.jpg)
10
Clicca all'interno della
tabella e in proprietà
imposta cosi cercando lo
strip
![](lezione1-index_file/13.jpg)
11
Clicca nuovamente
all'interno della
tabella e inserisci
un'altra tabella come
prima
sotto in proprietà
imposta cosi e cerca il
glitter
![](lezione1-index_file/13b.jpg)
12
Clicca all'interno della
tabella e in proprietà
imposta cosi cercando il
texture
![](lezione1-index_file/13c.jpg)
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
![](lezione1-index_file/15.jpg)
12
In proprietà imposta
cosi:
![](lezione1-index_file/16.jpg)
clicca nella tabella e
in proprietà allineala
al centro cosi:
![](lezione1-index_file/17.jpg)
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:
![](lezione1-index_file/18.jpg)
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
![](images/freccia-avanti.gif)
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
![](lezione1-index_file/altra-index/1.jpg)
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
![](lezione1-index_file/altra-index/2.jpg)
Clicca sul mapamondo per
visualizzare l'anteprima
(scegli il browser che
usi)
![](lezione1-index_file/altra-index/3.jpg)
vedrai la scritta
spostata
![](lezione1-index_file/altra-index/4.jpg)
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
![](images/freccia-avanti.gif)
|