Precedente :: Successivo |
Autore |
Messaggio |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 23 Giu 2006 18:30 Oggetto: Immagini e collegamenti |
|
|
Esatto...quel tontolone sono io...Ho un problemuccio:sto lavorando sul mio sito...(anche se lo spazio mi è dato da altervista).E non riesco a inserire banner nella pagina iniziale.Per adesso potrei anche farne a meno e accontentarmi di un semplice codice ipertestuale(naturalmente parlo di codice HTML) tramite punti di ancoraggio....ma così risulta bruttino,a me pacciono le immagini e i colori.Tra i comandi non trovo l'opzione per portare l'immagine dall'hd al sito.Posso farlo,ma si limita a inserire in un'altra pagina l'immagine in questione.Io invece ho interesse a portare l'immagine direttamente nell'home e poi inserire un codice di trasferimento.Chi mi aiuta?nn ci capisco un gran che  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 23 Giu 2006 18:56 Oggetto: |
|
|
Ok...l'immagine l'ho inserita...peccato che il codice sia sbagliato.Difatti non riesco a creare il collegamento.
ho inserito il seguente codice:
Codice: | <IMG src="http://qvirites.altervista.org/immagini/HOME.jpg" usemap="#home">
<MAP NAME="home">
<AREA SHAPE=default HREF="http://qvirites.altervista.org/">
</MAP> |
inoltre,inserendo il codice tra e mi appare l'immagine ma su sfondo bianco.Se invece lo inserisco tra l'immagine appare sullo sfondo che avevo definito con il codice esadecimale,ma i paragrafi in non si leggono più....che devo fare?sono in crisi  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 23 Giu 2006 19:06 Oggetto: |
|
|
come non detto...ho risolto un problema
Codice: | <A href="http//qvirites.altervista.org/"><IMG src="http://qvirites.altervista.org/immagini/HOME.jpg"></A>
|
mi rimane però il problema del colore di sfondo |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 25 Giu 2006 11:16 Oggetto: |
|
|
Wolverine ha scritto: | ...
inoltre,inserendo il codice tra e ... |
fallo e ti spello vivo
tra la chiusura di head e l'apertura di body NON ci va codice!
per il resto non sono sicura di aver capito: puoi per cortesia rispiegarmi la storia de paragrafi?
e ancora: se ti piacciono "le immagini e i colori", che ne diresti di riprogettarlo da zero con noi qui sul forum?
un passo alla volta potremmo progettare un layout che ti ispira, tradurlo in codice valido e trasferirlo nel tuo spazio web: pensaci  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 26 Giu 2006 19:29 Oggetto: |
|
|
rebelia ha scritto: |
fallo e ti spello vivo
tra la chiusura di head e l'apertura di body NON ci va codice!
per il resto non sono sicura di aver capito: puoi per cortesia rispiegarmi la storia de paragrafi?
e ancora: se ti piacciono "le immagini e i colori", che ne diresti di riprogettarlo da zero con noi qui sul forum?
un passo alla volta potremmo progettare un layout che ti ispira, tradurlo in codice valido e trasferirlo nel tuo spazio web: pensaci  |
per adesso ho risolto alcuni problemi....adesso mi sto cimentando nell'impostazione generale....a proposito:
Se volessi creare uno sfondo colorato,che tende a sfumare(es.:si parte dall'azzurro e si finiscie con il blu)usando il codice html,e non inserendo una semplice immagine,come potrei fare?con il codice esadecimale mi sebra impensabile....  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 26 Giu 2006 19:47 Oggetto: |
|
|
Wolverine ha scritto: | inserendo una semplice immagine |
il modo per ottenere un simile effetto e' quello di creare una gif verticale anche stretta pochi pixel e alta come tutta la sfumatura e poi inserirla nel body in questo modo:
Codice: |
body {background: url(sfumatura.gif) repeat-x top left;
|
oppure ti puoi cimentare in questa cosa folle a base di div e css
(grazie a iosoloio per il link, finalmente sfruttato a dovere!)
e per i curiosi, un pezzo del codice utilizzato dall'autore:
Codice: |
<div style="background:rgb(100,100,200)"><!-- --></div>
<div style="background:rgb(100,100,200)"><!-- --></div>
<div style="background:rgb(100,100,199)"><!-- --></div>
<div style="background:rgb(100,100,199)"><!-- --></div>
<div style="background:rgb(100,100,198)"><!-- --></div>
<div style="background:rgb(100,100,198)"><!-- --></div>
<div style="background:rgb(100,100,197)"><!-- --></div>
<div style="background:rgb(100,100,197)"><!-- --></div>
<div style="background:rgb(100,99,196)"><!-- --></div>
<div style="background:rgb(101,99,196)"><!-- --></div>
<div style="background:rgb(101,99,196)"><!-- --></div>
<div style="background:rgb(101,99,195)"><!-- --></div>
<div style="background:rgb(101,99,195)"><!-- --></div>
<div style="background:rgb(101,99,194)"><!-- --></div>
<div style="background:rgb(101,99,194)"><!-- --></div>
<div style="background:rgb(101,99,193)"><!-- --></div>
<div style="background:rgb(101,99,193)"><!-- --></div>
<div style="background:rgb(101,99,192)"><!-- --></div>
|
... ovviamente continua su questo tono per altre due spanne di pagina almeno  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 26 Giu 2006 21:30 Oggetto: |
|
|
rebelia ha scritto: |
tra la chiusura di head e l'apertura di body NON ci va codice!
|
perchè?
l'ho fatto...eppure è tutto ok....guarda con i tuoi occhi
ECCO |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 26 Giu 2006 21:48 Oggetto: |
|
|
Wolverine ha scritto: | rebelia ha scritto: |
tra la chiusura di head e l'apertura di body NON ci va codice!
|
perchè?
l'ho fatto...eppure è tutto ok....guarda con i tuoi occhi
ECCO |
seria: e' tutto ok semplicemente perche' i browser sono stati abituati a inghiottire e risistemare tutti gli errori di sintassi compiuti da chi scrive codice, ma in realta' c'e' un ente - il world wide web consortium (w3c) - che scrive le regole da seguire e la grammatica da usare
questa grammatica non solo dice che non ci va nulla tra la chiusura di head (parte che legge solo il browser) e l'apertura del body (parte che viene visualizzata all'utente), ma anche che non puoi mettere un link li' cosi', senza prima racchiuderlo ad esempio dentro un div
percio' la tua pagina non dev'essere:
Codice: |
...
</head>
<a href="#"...></a>
<body>
...
|
ma dev'essere invece:
Codice: |
...
</head>
<body>
<div>
<a href="#"...></a>
...
|
nessuno ti obbliga, naturalmente, ma seguendo determinate regole hai una maggior certezza che il tuo lavoro lo vede sicuramente piu' gente (non tutti i browsers visualizzano i "pasticci")
up to you man!  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 09:28 Oggetto: |
|
|
grazie ....ora ho capito....ma il non necessita del finale giusto?come il per i paragrafi..... |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 27 Giu 2006 10:46 Oggetto: |
|
|
Wolverine ha scritto: | il non necessita del finale giusto?come il per i paragrafi..... |
tutti e due lo necessitano, per la verita', solo che io ti ho inserito soltanto il pezzetto di codice necessario
per l'esattezza una pagina *deve* avere i seguenti elementi:
Codice: |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD (tipo di linguaggio utilizzato) ">
<html>
<head>
<title>titolo che compare nella barra in alto</title>
</head>
<body>
<div>
[contenuto chiuso in titoli, paragrafi, liste, tabelle etc]
</div>
</body>
</html>
|
non tutti inseriscono la dtd (la prima riga) ma sarebbe meglio farlo: se dichiari al browser quale linguaggio si trovera' di li' in avanti gli sara' piu' semplice interpretare il codice e la pagina sara' restituita piu' velocemente
tutti gli altri elementi sono proprio indispensabili; nell'head inoltre puoi inserirci varie altre info per il browser e per i motori di ricerca come ad esempio la descrizione, le parole chiave, il nome dell'autore etc ed eventualmente ci linkerai il css esterno (o i css esterni, se ne hai piu' d'uno) e anche un file di javascript che utilizzi... cose cosi' insomma
per quanto riguarda p, in effetti in passato html non ne richiedeva la chiusura (neanche di li etc), ma ormai conviene utilizzare direttamente xhtml che lo pretende cosi' come pretende la chiusura dei tag "vuoti", cioe' dove una volta scrivevi
<br>
ora devi scrivere
<br />
sono pochissime regole, ma ti assicuro che se inizi a scrivere codice nel modo corretto, alla lunga ti troverai benissimo  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 10:54 Oggetto: |
|
|
ho capito...quando ho incominciato a leggere e a interessarmi di html,avevo capito che nei codici br e p non fosse necessario chiudere....ma d'altronde mi sono rifatto a libri un po' vecchiotti ...comunque,da quel che ho capito il codice xhtml non è poi così diverso.Per quel che riguarda parole chiave et simila....le ho già inserite nel codice del sito,anche se adesso mi servono a ben poco.Più che altro devo capire come inserire banner laterali...devo usare i frame? |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 27 Giu 2006 11:03 Oggetto: |
|
|
Wolverine ha scritto: | inserire banner laterali...devo usare i frame? |
non necessariamente, anzi i frames sono deprecati ed e' meglio non utilizzarli
puoi creare una colonna ad hoc ad esempio con un div flottante e inserirli li' dentro
ho dato un'occhiata al tuo sito e se mi permetti un commento ha un errore di fondo: quando entri in una delle sezioni, non hai piu' modo di tornare alla home se non con il tasto back del browser: ecco, sarebbe meglio prevedere che il menu principale sia riprodotto in tutte le pagine, cosi' il navigatore sa sempre dov'e' e come girarsi
inoltre, se il motore di ricerca indicizza una delle pagine interne anziche' la home, un navigatore che arriva fin li' non sa come fare a visitare il resto del sito, percio' ti consiglio di riproporre i pulsantoni o cmq un qualche sistema di navigazione in tutte le pagine  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 16:24 Oggetto: |
|
|
rebelia ha scritto: | Wolverine ha scritto: | inserire banner laterali...devo usare i frame? |
ho dato un'occhiata al tuo sito e se mi permetti un commento ha un errore di fondo: quando entri in una delle sezioni, non hai piu' modo di tornare alla home se non con il tasto back del browser: ecco, sarebbe meglio prevedere che il menu principale sia riprodotto in tutte le pagine, cosi' il navigatore sa sempre dov'e' e come girarsi
|
lo so...non è stata una dimenticanza...ma una mancanza di tempo ....ultimamente non mi collego molto e non riesco a fare tutto ciò che vorrei....quindi...vado piano piano ...un pezzettino alla volta...a proposito...potresti spiegarmi meglio la questione <div> per i banner?per piacere  |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 27 Giu 2006 16:56 Oggetto: |
|
|
Wolverine ha scritto: | potresti spiegarmi meglio la questione <div> per i banner?per piacere  |
no, pero' ti spiego un'altra cosa che ti servira' di piu'
quando si mette in piedi un sito si crea innanzitutto un template che preveda *tutti* gli elementi comuni alle varie pagine: intestazione (logo etc), menu di navigazione ed eventuale pie' di pagina e SOLO DOPO si creano le pagine!
credi a me che son vecchia e saggia ( ):
-fatti il template e salvalo
-risalvalo chiamandolo index e inseriscici il contenuto della home
-riapri il template
-risalvalo con un altro nome e crea la seconda pagina
-riapri il template... etc etc etc
e ora veniamo ai banner; puoi fare due cose: suddividere la parte centrale della tua pagina in due colonne e usarne una per il contenuto e una per i banner, oppure usare per questi ultimi il pie' di pagina
la prima soluzione comporta la scelta tra una tabella (metodo sconsigliato ma piu' semplice) oppure dei div (metodo consigliato ma che richiede un minimo di lavoro in piu', ma comunque nulla che sia fuori della tua portata, te lo assicuro )
la seconda soluzione non comporta nulla di nulla, tranne creare un div a fondo pagina e inserirci tutti i banner che vuoi... a proposito di banner! quanti e quanto grandi sono? |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 17:05 Oggetto: |
|
|
rebelia ha scritto: |
a proposito di banner! quanti e quanto grandi sono?
|
sinceramente sono indeciso....te che mi consigli...80x30(ma mi sembrano piccolini) oppure qualche cosa di più grande...
Ti dico da subito che avevo intenzione di inserire un banner per il sito della mia amicona madvero,uno per l'olimpo,uno per beppe grillo e altri per siti di amici miei e siti che ritengo utili.Non sono banner che inserisco a mo' di affiliazione,ma come semplici collegamenti a siti di una certa utlità |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 27 Giu 2006 17:16 Oggetto: |
|
|
Wolverine ha scritto: | sinceramente sono indeciso....te che mi consigli...80x30(ma mi sembrano piccolini) oppure qualche cosa di più grande...
Ti dico da subito che avevo intenzione di inserire un banner per il sito della mia amicona madvero,uno per l'olimpo,uno per beppe grillo e altri per siti di amici miei e siti che ritengo utili.Non sono banner che inserisco a mo' di affiliazione,ma come semplici collegamenti a siti di una certa utlità |
ok
come sai, anche il web ha le sue mode: i classici banner che si vedevano fino a qualche tempo fa hanno fatto il loro tempo e ora vanno di moda i banner piiiiiiiccoli piccoli; personalmente mi piacciono molto di piu', percio' credo che 80x30 vadano benissimo
tra l'altro, puoi anche metterli tutti in fila nel div: essendo le immagini elementi in linea, semplicemente andranno a capo quando il numero avra' coperto lo spazio a disposizione
quindi il codice che userai sara' qualcosa tipo:
Codice: |
<div id="footer">
<a href="http://www.madvero.it" title="Vai al sito di Madvero"><img src="immagini/madvero.gif" alt="Il sito di Madvero" /></a>
<a href="http://www.zeusnews.com" title="Vai al notiziario di Zeusnews"><img src="immagini/zeusnews.jpg" alt="Zeusnews - Notizie informatiche" /></a>
[ etc etc etc ]
</div>
|
puoi evidenziare il div ad esempio con un bordino o uno sfondo di colore diverso dal resto della pagina  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 17:26 Oggetto: |
|
|
adesso provo a lavorarci su e poi ti dico...devo ancora farmi i banner  |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 27 Giu 2006 20:30 Oggetto: |
|
|
per adesso ho inserito i banner al fondo...ma per metterli ai lati? |
|
Top |
|
 |
rebelia Dio maturo


Registrato: 17/07/03 09:22 Messaggi: 7987
|
Inviato: 27 Giu 2006 20:36 Oggetto: |
|
|
Wolverine ha scritto: | per adesso ho inserito i banner al fondo...ma per metterli ai lati? |
wolveri', capiamoci bene: in questo modo non vai da nessuna parte!
lascia momentaneamente da parte il sito attuale, mettiti li' e butta giu' un template e se hai bisogno ti do una mano io o chi passa di qua, che di disponibili e bravi ce ne sono diversi; quando avrai il tuo template, recupererai i contenuti del sito attuale e li utilizzerai per riempirlo, ma a rappezzare come stai facendo vien fuori solo un casino (scusa la franchezza, ma e' cosi' per quanto ci si giri attorno)
se vuoi i banner da un lato ok, ma - soprattutto lavorando con i div - per farceli stare bisogna lavorare su TUTTA la struttura, non solo al div che li contiene! |
|
Top |
|
 |
Wolverine Dio minore


Registrato: 27/07/05 10:56 Messaggi: 817 Residenza: Tamen-ni-gru
|
Inviato: 29 Giu 2006 20:30 Oggetto: |
|
|
scusa se ti risp solo adesso ....è che sono straimpegnato...oggipomeriggio sono riuscito a uscire dopo tanto tempo....comunque,ritornando a noi...devi capire che io sono tonto per natura...quindi...potresti spiegarmi csa sono i template?
per piacere  |
|
Top |
|
 |
|