|
| Precedente :: Successivo |
| Autore |
Messaggio |
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
 Inviato: 30 Giu 2006 21:50 Oggetto: * un semplice template |
 |
|
edit by reb: questa discussione e' partita qui
| Codice: |
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it">
<head>
<title> [mettici il titolo che vuoi] </title>
</head>
<body>
<div id="contenitore">
<div id="header">
<h1> [nome del tuo sito] </h1>
</div>
<hr />
<div id="menu">
<ul>
<li><a href=" [nome_pagina.html] "> [nome pagina] </a></li>
</ul>
</div>
<hr />
<div id="contenuto">
[qui ci andra' poi il contenuto delle pagine, ma per ora lascia vuoti]
</div>
<hr />
<div id="footer">
</div>
</div>
</body>
</html>
|
questi sono i tag necessari per il tuo template; una piccola spiegazione sui vari pezzi:
| Codice: |
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
la dichiarazione del linguaggio usato; ho scelto l'xtml strict e alcuni approfondimenti si possono trovare qui
dichiaro la lingua principale, in questo modo eventuali browser vocali si settano nel tono giusto
| Codice: |
<head>
<title> [mettici il titolo che vuoi] </title>
</head>
|
l'head e' la parte di pagina che contiene info per il browser e non saranno visualizzate a video; per il momento c'e' soltanto il tag title, cioe' quello che compare nella barra in alto della finestra
piu' avanti, prima del completamento del template, ti faro' inserire una descrizione, le parole chiave, la firma, il link al foglio di stile per la formattazione... ma per ora e' sufficiente 
| Codice: |
<body>
<div id="contenitore">
|
qui inizia la parte che sara' visualizzata al navigatore; per prima cosa si creano dei contenitori per suddividere in modo logico la pagina; ad ogni contenitore e' opportuno dare un nome univoco (un id) che servira' poi per la formattazione (o anche per degli script, per esempio)
tecnicamente il div esterno che ho chiamato "contenitore" non e' indispensabile, pero' torna utile piu' avanti per dar forma al layout
| Codice: |
<div id="header">
<h1> [nome del tuo sito] </h1>
</div>
|
l'intestazione: e' opportuno inserire il titolo del sito; in un secondo tempo sara' possibile renderlo invisibile e sostituirlo con qualcosa di graficamente piu' gradevole, pero' se un navigatore disattiva i fogli di stile e' giusto che sappia dove si trova 
tra una sezione e l'altra normalmente inserisco degli hr, i tag che creano delle linee di separazione; anche questi saranno nascosti in un secondo tempo, ma se qualcuno naviga senza il foglio di stile, aiutano a tenere in ordine la pagina (eh, lo so! sono una casalinga maniaca dell'ordine e della disciplina )
| Codice: |
<div id="menu">
<ul>
<!-- da qui -->
<li><a href=" [nome_pagina.html] "> [nome pagina] </a></li>
<!-- a qui -->
</ul>
</div>
|
il div che conterra' il menu: dovrai creare una riga per ogni voce di menu (ti ho evidenziato la riga in questione) sostituendo i nomi corretti; ad esempio la prima riga potrebbe essere
| Codice: |
<li><a hr ef="index.ht ml">Home</a></li>
|
nota: nominare index la pagina d'accesso e' una convenzione ormai consolidata
| Codice: |
<hr />
<div id="contenuto">
[qui ci andra' poi il contenuto delle pagine, ma per ora lascia vuoto]
</div>
<hr />
<div id="footer">
</div>
</div>
</body>
</html>
|
la parte del contenuto per ora e' sufficiente che ci sia, ci penseremo piu' avanti; nel footer puoi decidere cosa mettere: ad esempio l'e-mail oppure il copyright o qualche altra info che desideri sia sempre presente nelle pagine; eventualmente fatti un giretto in rete e prendi spunto: quando hai deciso, me lo dici e ti spiego come taggarla correttamente
chiuso il div footer, si chiudono gli altri tag ancora aperti:
- div contenitore
- body
- html
e il template e' imbastito 
L'ultima modifica di rebelia il 22 Lug 2006 08:38, modificato 5 volte |
|
| Top |
|
 |
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 30 Giu 2006 21:59 Oggetto: |
|
|
ma sei un tesoro!! 
grazie
Dovrei aver capito il tutto...ma se non ti dispiace continuiamo domani...sto schiattando dal caldo,devo vedermi la partita e poi devo staccare....Domani incomincio a provare e a studiarmi il codice...va bene?
Ciau ciau ciau  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 30 Giu 2006 22:05 Oggetto: |
|
|
| Wolverine ha scritto: | ma sei un tesoro!!
grazie
Dovrei aver capito il tutto...ma se non ti dispiace continuiamo domani...sto schiattando dal caldo,devo vedermi la partita e poi devo staccare....Domani incomincio a provare e a studiarmi il codice...va bene?
Ciau ciau ciau |
ah, non preoccuparti: il bello del forum e' che non ci sono tempi da rispettare
cmq se quando ci metti mano hai dubbi o domande, non farti problemi a chiedere
buona visione di partita, ciao
|
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 01 Lug 2006 17:14 Oggetto: |
|
|
| ci sto lavoramdo....ma il codice hr è come il br?o il ber è solo per i paragrafi? |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 01 Lug 2006 17:23 Oggetto: |
|
|
sto bestemmiando in 6 lingue diverse...non riesco a vedere l'anteprima....  cavolo...se hai un po di pazienza provo a riseolvere...o sono i tag o popup.... grrrrrr |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 01 Lug 2006 17:33 Oggetto: |
|
|
| Wolverine ha scritto: | | ci sto lavoramdo....ma il codice hr è come il br?o il ber è solo per i paragrafi? |
il tag hr serve per creare una riga orizzontale
il tag br serve per forzare l'a-capo
il tag p serve per racchiudere i paragrafi
se stai gia' inserendo contenuti, apri e chiudi ogni paragrafo in questo modo:
| Codice: |
<p>contenuto bla bla bla</p>
|
pero' io aspetterei prima di aver completato il template o rischi di fare il lavoro due volte e dimenticartene un pezzo 
non preoccuparti di andare a capo, lo fa gia' lui in automatico
| Wolverine ha scritto: | | sto bestemmiando in 6 lingue diverse...non riesco a vedere l'anteprima.... cavolo...se hai un po di pazienza provo a riseolvere...o sono i tag o popup.... grrrrrr |
probabilmente non vedrai ancora nessun anteprima: rifa' il codice che ti ho postato sopra ESATTAMENTE come l'ho scritto io
nel frattempo ti sto preparando un foglio di stile minimo per la formattazione (al momento non c'e' alcun tipo di formattazione nel tuo template)
quel che devi fare e':
- trovare un titolo per il tuo sito
- scrivere una descrizione di non piu' di 255 caratteri
- scegliere delle parole chiave
- completare il menu con tutte le voci
- decidere cosa vuoi mettere nel footer
... e soprattutto non aver fretta o ci incartiamo e poi a uscirne si sta di piu' |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 01 Lug 2006 17:40 Oggetto: |
|
|
ok...one moment...sto entrando in crisi....inoltre sto cercando di togliermi dai piedi yahoo toolbar ed elementi yahoo vari che ho nel computer....sto collassando per i 32 gradi che ci sono qui....se avessi un accetta sotto mano farei una strage...ti chiedo solo di aspettare un po..mi gira la testa.Appena sistemo casini vari(compreso il ventilatore che si inceppa) ti faccio sapre
scusami tanto |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 01 Lug 2006 17:45 Oggetto: |
|
|
| Wolverine ha scritto: | | scusami tanto |
e di che?
non preoccuparti; e' che non ho fatto in tempo, altrimenti ti avrei postato prima il foglio di stile con le spiegazioni
guarda: man mano che ho tempo io ti posto le "lezioni" e tu quando puoi le leggi e le metti in pratica e se ti incarti me lo dici e ti spiego quel che non capisci |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 01 Lug 2006 18:40 Oggetto: |
|
|
appena hai rifatto la parte sopra, iniziamo con un minimo di formattazione, tanto per renderci conto di come viene il lavoro; in un secondo tempo potremo cambiare tutti i colori e le impostazioni, e' semplicemente per dare un po' di forma alla nostra pagina
apri un file vuoto e salvalo come stile.css
all'interno scrivi quel che segue (non ti spaventare, te lo spiego sotto passo passo):
| Codice: |
body {
background: white;
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
text-align: center;
}
hr {
display: none;
}
img {
border: 0px;
}
#contenitore {
width: 750px;
border: 1px solid navy;
margin: 10px auto 10px auto;
padding: 0px;
}
#header {
border-bottom: 1px solid navy;
}
#menu {
border-bottom: 1px solid navy;
}
#contenuto {
padding: 10px;
text-align: left;
border-bottom: 1px solid navy;
}
|
vediamo cosa significano i vari comandi:
| Codice: |
body {
background: white;
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
text-align: center;
}
|
imposto alcune caratteristiche per il body e per l'esattezza:
- sfondo bianco
- testo di colore nero
- font a bastoncino (ho inserito la sequenza verdana, arial, helvetica, sans serif: in questo modo il browser visualizzera' verdana, se non lo trova installato nel sistema operativo del navigatore cerchera' arial, oppure helvetica e se non trova neanche uno di questi font ne usera' uno qualsiasi a bastoncino)
- font al 70%
- centro il contenuto (questo serve per ottenere la centratura del layout in internet explorer)
| Codice: |
hr {
display: none;
}
|
nascondo le barre di separazione
| Codice: |
img {
border: 0px;
}
|
imposto il bordo a zero per tutte le immagini, in questo modo se una diventera' un link non comparira' il bordo blu attorno
| Codice: |
#contenitore {
width: 750px;
border: 1px solid navy;
margin: 10px auto 10px auto;
padding: 0px;
}
|
al contenitore imposto le seguenti caratteristiche:
- larghezza 750px
- imposto un bordino blu di 1 pixel
- imposto un margine in alto e in basso di 10 pixel e a destra e a sinistra lo metto automatico: in questo modo ottengo la centratura del layout nei browsers diversi da internet explorer
- tolgo qualsiasi padding, cioe' qualsiasi spazio interno al bordo
| Codice: |
#header {
border-bottom: 1px solid navy;
}
|
al div header imposto in basso un bordino blu
| Codice: |
#menu {
border-bottom: 1px solid navy;
}
|
stessa cosa per il menu; nota: per il momento i link saranno in verticale: non preoccupartene, scrivili ugualmente come ti ho spiegato, che al passaggio successivo li facciamo andare in orizzontale
| Codice: |
#contenuto {
padding: 10px;
text-align: left;
border-bottom: 1px solid navy;
}
|
imposto il contenuto in questo modo:
- il padding di 10 pixel mi serve per evitare che il contenuto tocchi il bordo
- allineo il testo a sinistra
- imposto il solito bordino che stavolta divide il contenuto dal footer
tra poco ti insegno a collegarlo al template |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 01 Lug 2006 19:11 Oggetto: |
|
|
per fare in modo che il template "veda" il file di formattazione stile.css, e' sufficiente inserire tra i tag head una stringa come segue:
| Codice: |
<head>
<title> [il titolo che hai scelto]</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
|
in pratica dici al browser che recuperi il file stile.css, poi gli dici che si tratta di un foglio di stile e infine che trovera' un file di testo che dovra' interpretare come un css (acronimo inglese che sta per cascading style sheet che significa appunto foglio di stile a cascata) |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 04 Lug 2006 09:27 Oggetto: |
|
|
Perdona la mia ottusità 
maho dei problemucci nell'inserre il | Codice: | body {
background: white;
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
text-align: center;
}
hr {
display: none;
}
img {
border: 0px;
}
#contenitore {
width: 750px;
border: 1px solid navy;
margin: 10px auto 10px auto;
padding: 0px;
}
#header {
border-bottom: 1px solid navy;
}
#menu {
border-bottom: 1px solid navy;
}
#contenuto {
padding: 10px;
text-align: left;
border-bottom: 1px solid navy;
}
|
Ho provato a fare così
| Codice: | <html>
<head>
<title> [il titolo che hai scelto]</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
body {
background: white;
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
text-align: center;
}
hr {
display: none;
}
img {
border: 0px;
}
#contenitore {
width: 750px;
border: 1px solid navy;
margin: 10px auto 10px auto;
padding: 0px;
}
#header {
border-bottom: 1px solid navy;
}
#menu {
border-bottom: 1px solid navy;
}
#contenuto {
padding: 10px;
text-align: left;
border-bottom: 1px solid navy;
}
</html> |
Ma quando guardo l'anteprima è un pasticcio...dov'è che ho sbagliato? |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Lug 2006 09:43 Oggetto: |
|
|
| Wolverine ha scritto: | | Perdona la mia ottusità |
nessun problema, sono stata poco chiara io
tutta la parte che va da body { in poi e' il css, il foglio di stile, la parte che riguarda la presentazione delle tue pagine
devi scriverla su un file a parte, un file di testo e poi salvarla con il nome stile e con l'estensione css (stile.css e lo puoi fare scegliendo tutti i files alla combo tipo di file) e devi salvarla nella STESSA cartella dove c'e' quell'altro file che si chiama template.html
per collegare i due file, ti e' sufficiente inserire questa parte qua:
| Codice: |
<link href="stile.css" rel="stylesheet" type="text/css" />
|
esattamente dove ti ho indicato e cioe' tra i tag head come indicato qui sotto:
| Codice: |
<head>
<title> [il titolo che hai scelto]</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
|
il primo codice che ti ho postato - quello dove ho scritto che il template era imbastito - resta fisso: man mano pero' integreremo quel codice con delle parti nuove e il tag <link> e' una di queste parti nuove
altro file base che restera' e' il css, quello che inizia da body { e non sapevi dove inserire: quella che c'e' scritta li' sopra e' la formattazione base, una formattazione minima giusto per iniziare, ma man mano che procederemo cambieremo i parametri fino ad ottenere l'aspetto che desideri tu
quel che devi fare ora e' copiare questa parte in un file e salvarlo come template.html:
| Codice: |
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it">
<head>
<title> [mettici il titolo che vuoi] </title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="header">
<h1> [nome del tuo sito] </h1>
</div>
<hr />
<div id="menu">
<ul>
<li><a href=" [nome_pagina.html] "> [nome pagina] </a></li>
</ul>
</div>
<hr />
<div id="contenuto">
[qui ci andra' poi il contenuto delle pagine, ma per ora lascia vuoti]
</div>
<hr />
<div id="footer">
</div>
</div>
</body>
</html>
|
e copiare quest'altra parte in un altro file che chiamerai stile.css:
| Codice: |
body {
background: white;
color: black;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 70%;
text-align: center;
}
hr {
display: none;
}
img {
border: 0px;
}
#contenitore {
width: 750px;
border: 1px solid navy;
margin: 10px auto 10px auto;
padding: 0px;
}
#head {
border-bottom: 1px solid navy;
}
#menu {
border-bottom: 1px solid navy;
}
#contenuto {
padding: 10px;
text-align: left;
border-bottom: 1px solid navy;
}
|
a questo punto dovresti avere una cartellina che contiene due files:
NON vedrai ancora praticamente nulla nel browser, percio' non provarci nemmeno che rischi solo di incasinarti ulteriormente la vita
una volta copiato il codice dei due files come ho appena descritto, postami qui sotto le seguenti info:
- un titolo per il tuo sito
- una descrizione di non piu' di 255 caratteri
- delle parole chiave
- decidere cosa vuoi mettere nel footer
quando avrai fatto queste cose (preparare i due files e trovare le info qua sopra) prepareremo il menu
L'ultima modifica di rebelia il 04 Lug 2006 12:34, modificato 1 volta |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 04 Lug 2006 09:58 Oggetto: |
|
|
Titolo:Informazioni On-line
Descrizione:(la descrizione è più che provvisoria)
Buongiorno a tutti e benvenuti.Questo è il mio bel sito,scritto appositamente da me( e da coloro che mi hanno aiutato).Voglio comunicarvi da subito che sto facendo del mio meglio per rendere il sito invitante e presentabile,e vi invito quindi da subito a segnalarmi la presenza di errori o lacune(ogni consiglio è ben accetto)In questo dominio troverete articoli inerenti attualità, politica et similia, download utili (antivirus, firewall ecc.) e giochi che potrete gestire a vostro piacimento (da mettere sul vostro sito o da usare per i fatti vostri).Vi auguro(e mi auguro) di divertirvi.
Buona permanenza
Webmaster Qvirites
Parole chiave:
| Codice: | | <META NAME="keywords" Content="politica attualità informazione notizie fumetti giochi cartoni virus firewall download"> |
e ora viene il bello
| rebelia ha scritto: | decidere cosa vuoi mettere nel footer
|
Non vorrei farti ridere troppo...ma....il footer sarebbe.....?  |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Lug 2006 10:57 Oggetto: |
|
|
| Wolverine ha scritto: | | Titolo:Informazioni On-line |
ok
| Citazione: |
Descrizione:[cut] |
scusa, non sono stata abbastanza chiara: questo e' il testo che presumibilmente metterai nella home, giusto?
ecco, non e' quel che mi serve; quel che desidero e' una descrizione di non piu' di 255 caratteri (ma se ti tieni sui 180 e' meglio) del tipo "sito di attualita', politica e download utili" e sara' la parte che compare nei motori di ricerca quando apparira' in lista il tuo sito; questa descrizione non comparira' direttamente a video ai navigatori, ma sara' inserita nell'head con un apposito meta
| Citazione: |
Parole chiave:
| Codice: | | <META NAME="keywords" Content="politica attualità informazione notizie fumetti giochi cartoni virus firewall download"> |
|
ok
| Citazione: |
Non vorrei farti ridere troppo...ma....il footer sarebbe.....? |
hey! nessuno e' nato imparato eh?
il footer e' il pie' di pagina e se guardi il codice c'e' gia' il relativo div; tanto per farti un esempio, un pie' di pagina puo' essere quello di zeus news, la parte che chiude le tre colonne e dove dice "E' vietata la riproduzione... "
di solito nel footer si mette il contatto di chi ha fatto il sito oppure l'indirizzo per i contatti o ancora un secondo menu se e' il caso... dipende: fatti un giretto per la rete e osserva qual'e' la parte che chiude tutte le pagine di un sito: ecco, quello e' il footer o pie' di pagina
mentre decidi cosa vuoi metterci tu, ti preparo il post sul titolo e le keywords |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 04 Lug 2006 11:04 Oggetto: |
|
|
ma allora vedi che sei tesoro?
pensavo mi avresti riempito di calci sulle gengive....
comunque...ora ho capito cos'è la descrizione..avevo capito male...
Descriizione:Sito attualità,giochi,download utili e molto altro(sperando che ci credano sul serio)
Footer:inseriro le solite scritte della serie"sito senza scopi di lucro" e poi i vari banner....
per tutto l'aiuto che mi stai dando oltre alla foto in perizoma leopardato di invito acena...in un night club...lo spogliarello lo farò io |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Lug 2006 11:09 Oggetto: |
|
|
per inserire il titolo "Informazioni on-line" e farlo comparire nella barra in alto della finestra del browser, modifica come sotto il tag <title>
| Codice: |
<head>
<title>Informazioni on-line</title>
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
|
poi inserisci lo stesso titolo nella parte di codice che sara' visualizzata dal navigatore ed esattamente inseriscila come segue:
| Codice: |
<div id="header">
<h1>Informazioni on-line</h1>
</div>
|
nota: fai sempre attenzione al nome dei div dove inserisco i vari pezzi: ti aiutera' a non perdere il filo (sarebbe inutile che io ogni volta riportassi tutto il codice, riporto giusto il pezzetto che ti serve e tu modifichi il template a cui stiamo lavorando facendo riferimento appunto ai nomi - agli id intendo - dei div, in questo caso del div head)
passiamo ai meta keywords e description:
| Codice: |
<head>
<title>Informazioni on-line</title>
<meta name="keywords" content="politica, attualità, informazione, notizie, fumetti, giochi, cartoni animati, virus, firewall, download" />
<meta name="description" content="Sito di politica, attualità, informazione e notizie riguardanti in particolar modo fumetti, giochi, cartoni animati e con una sezione dedicata a virus, firewall e materiale liberamente scaricabile" />
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
|
ricapitoliamo: a questo punto il tuo template (il file template.html) dovrebbe essere fatto cosi':
| Codice: |
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="it">
<head>
<title>Informazioni on-line</title>
<meta name="keywords" content="politica, attualità, informazione, notizie, fumetti, giochi, cartoni animati, virus, firewall, download" />
<meta name="description" content="Sito di politica, attualità, informazione e notizie riguardanti in particolar modo fumetti, giochi, cartoni animati e con una sezione dedicata a virus, firewall e materiale liberamente scaricabile" />
<link href="stile.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenitore">
<div id="header">
<h1>Informazioni on-line</h1>
</div>
<hr />
<div id="menu">
<ul>
<li><a href=" [nome_pagina.html] "> [nome pagina] </a></li>
</ul>
</div>
<hr />
<div id="contenuto">
[qui ci andra' poi il contenuto delle pagine, ma per ora lascia vuoti]
</div>
<hr />
<div id="footer">
</div>
</div>
</body>
</html>
|
dubbi? domande? se ci sono problemi chiedi liberamente; se invece ci sei, dimmelo che passiamo alla fase successiva
L'ultima modifica di rebelia il 04 Lug 2006 12:36, modificato 1 volta |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 04 Lug 2006 11:15 Oggetto: |
|
|
| ci sono....per adesso si va in scioltezza |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Lug 2006 11:27 Oggetto: |
|
|
ok
passo successivo, la creazione di un menu come si deve:
| Codice: |
<div id="menu">
<ul>
<li><a href=" [nome_pagina.html] "> [nome pagina] </a></li>
</ul>
</div>
|
provvedi a integrare questa parte con le voci che mi hai spedito e cioe':
- home page
- chi sono
- articoli
- giochi
- download
- link utili
il risultato dovrebbe essere qualcosa del tipo:
| Codice: |
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="chi_sono.html">Chi sono</a></li>
<li><a href="articoli.html">Articoli</a></li>
<li><a href="giochi.html">Giochi</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="link.html">Link utili</a></li>
</ul>
</div>
|
nota: NON ti preoccupare se ancora le varie pagine (index.html - chi_sono.html - articoli.html etc) non ci sono: per ora e' importante che ci siano i collegamenti
quando sei arrivato fin qua, fai un fischio |
|
| Top |
|
|
Wolverine
Dio minore
Registrato: 27/07/05 10:56
Messaggi: 817
Residenza: Tamen-ni-gru
|
| Inviato: 04 Lug 2006 11:53 Oggetto: |
|
|
| ci sono..... |
|
| Top |
|
|
rebelia
Dio maturo
Registrato: 17/07/03 09:22
Messaggi: 7987
|
| Inviato: 04 Lug 2006 12:04 Oggetto: |
 |
|
ok, e' giunto il momento di clonare le pagine
- prendi il tuo file template.html
- prima di qualsiasi altra cosa, salvalo come index.html
poi prendi questa parte qui:
| Codice: |
<div id="contenuto">
[qui ci andra' poi il contenuto delle pagine, ma per ora lascia vuoti]
</div>
|
e trasformala in questo modo:
| Codice: |
<div id="contenuto">
<p>Buongiorno a tutti e benvenuti. Questo è il mio bel sito,scritto appositamente da me( e da coloro che mi hanno aiutato).</p>
<p>Voglio comunicarvi da subito che sto facendo del mio meglio per rendere il sito invitante e presentabile,e vi invito quindi da subito a segnalarmi la presenza di errori o lacune (ogni consiglio è ben accetto).</p>
<p>In questo dominio troverete articoli inerenti attualità, politica et similia, download utili (antivirus, firewall ecc.) e giochi che potrete gestire a vostro piacimento (da mettere sul vostro sito o da usare per i fatti vostri). Vi auguro (e mi auguro) di divertirvi.</p>
<p>Buona permanenza</p>
<p>Webmaster Qvirites</p>
</div>
|
in pratica ho inserito il contenuto della tua attuale home suddividendolo in paragrafi sia perche' il testo VA inserito nei paragrafi, sia perche' usandone piu' di uno si migliora la leggibilita'
a questo punto, salva di nuovo il tuo file
nella tua cartella in questo momento dovrebbero esserci tre files:
- template.html
- stile.css
- index.html
giusto?
nota: che ne dici di mettere nel footer i bannerini che hai creato? |
|
| Top |
|
|
|
|
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
