Creare un sito da zero / i contenuti

di Maria Silvana Radice






I contenuti
Create a site from scratch / contents


Questa pagina e` una continuazione della guida Come creare un sito da zero, passo a passo..

Ora che avete imparato a creare le pagine, vediamo come inserire i vari contenuti..

Come inserire le immagini..

Per prima cosa, dovete creare una cartella "immagini" all'interno della cartella del sito. Le immagini vanno caricate usando questa stringa:

<a href="URLcollegamento" target="_blank"><img src="URLimmagine" alt="testo"><a />

Dove....
  • Al posto di URLcollegamento, potete inserire il link apribile cliccando sull'immagine (opzionale).
  • Al posto di URLimmagine, dovete mettere l'indirizzo (o percorso) dell'immagne.
Il tag "alt" serve ad inserire la descrizione dell'immagine per i motori di ricerca.
Il tag  target="_blank" fa aprire il link in una nuova scheda del browser. Se non volete questo, potete toglierlo.

Le immagini vanno inserite tra <body> e </body> e all'interno del div riferito alla sezione in cui volete che compaiano.

Se preferite, potete inserire le immagini tramite un editor html come Kompozer.

Dopo che il vostro sito sara` stato pubblicato e si trovera` sullo spazio hosting, potrete inserire le immagini anche usando il file-manager integrato nel vostro cPanel.

Per prima cosa, dovete creare una cartella, che contenga le immagini, all'interno della cartella public_html.

Per caricare le immagini nella nuova cartella creata, dovete cliccare su "upload" e cercarle nel vostro pc.

Importante: le immagini caricate dovranno avere nomi senza spazi vuoti. Le parole dovranno essere separate solo da trattini, altrimenti non saranno riconosciute.

Es: 11-12-2012-gitaalmare.jpg

Consiglio, anche, di usare sempre e solo lettere minuscole, per evitare errori.

Potrete, comunque, caricare le immagini e poi rinominarle.

Una volta caricate le immagini, aprite  l'HTML edit della pagina in cui volete inserirle.
Posizionate il cursore nel punto in cui volete mettere l'immagine e cliccate, in alto, sull'icona corrispondente.
Si aprirà una finestra con le cartelle presenti. Cliccate (2 volte) su quella che contiene le vostre immagini..




..e poi, cliccate (1 volta) sull'immagine scelta. A destra, appariranno i dettagli dell'immagine, cliccate su options..





Come vedete, avete la possibilità di modificare le dimensioni dell'immagine (occhio alle proporzioni!), di aggiungere un bordo e di stabilire la posizione e la distanza del testo intorno all'immagine. Fatto tutto, cliccate su "Insert" e l'immagine apparirà nella vostra pagina.
Cliccando sull'immagine caricata e usando i comandi nella barra degli strumenti, in alto, potrete posizionarla a dx, o in centro, o a sx.

E', anche, possibile inserire le immagini tramite il loro URL. Per fare questo dovete scegliere "Web location", in alto a sx. Quindi, inserite l'indirizzo dell'immagine in basso, nella casella apposita e cliccate sullo spazio bianco dell'anteprima per vederla apparire..




..anche qui, avrete la possibilità di modificare le dimensioni e le varie impostazioni secondo le vostre necessità.

Come includere contenuti tramite iFrame:

Questo e` il modo piu` semplice per aggiungere contenuti esterni in una pagina del sito.
Un iFrame (frame in linea) e` come una finestra aperta in una pagina.
Tramite un iFrame e` possibile inserire in una pagina html un'altra pagina html. Chi non e` nuovo di questo sito, avra` gia` letto altre guide in cui ho indicato l'uso di iFrame per inserire slideshow e altro. La comodita` sta nel fatto che non si appesantisce il sito e che e` possibile modificare il contenuto all'origine, trasmettendo tale modifica a tutte le pagine in cui l'iFrame e` contenuto.
La cartella che contiene il file.html e gli altri file, eventualmente, necessari, puo` essere caricata nella stessa cartella del sito, oppure in un sito di archivio, oppure ancora su un altro hosting.

Fatto questo, basta prelevare l'indirizzo del file.html e inserirlo nel codice dell'iFrame....

<iframe style="
width: 100%;
height: 400px;
display: block;
overflow: hidden;
border: 1px solid #ccc;" src="file.html"></iframe> 


L'iFrame dovra` essere inserito nella sezione <body> della pagina del sito e/o nel div relativo alla zona in cui dovra` apparire l'effetto (es: <div id="content">).

Leggi anche: Includere javascript


Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in     



1
  2   3   4   5   6   7   8   9
Leggi il prossimo argomento:  Fare un sito con PHP ->>