il mio sito - presentazione

Introduzione

(Questa pagina si presenta soltanto se, da 'cantoeprego', scegli: mi diletto -> il mio sito. Stampa questa pagina, potrai così leggerla e seguire le istruzioni anche dopo esserti scollegato da internet.)

La sezione 'il_mio_sito' ti fornisce tutte le istruzioni per creare una cartella, con i files necessari, per predisporre un piccolo sito sul tuo PC usabile senza avere il collegamento ad internet, ma avente le stesse caratteristiche e lo stesso linguaggio di un vero sito su internet.

Raggiungerai così due obiettivi:
- creare un sistema ipertestuale per raccogliere e consultare i tuoi documenti ed appunti
- imparare gli elementi fondamentali per la creazione di un vero sito su internet.

Per vedere come sarà il sito sul tuo PC, dopo aver completato tutti i passi, fai clic qui; per modificare ed ampliare il sito, segui il capitolo: 'Come modificare ed ampliare il sito'; per domande o suggerimenti, puoi rivolgerti a: info@cantoeprego.it; per trovare concetti espressi in modo più completo ed approfondire la conoscenza di internet, consulta la sezione ... sapere è facile ....

Definizioni preliminari
file
Una raccolta di informazioni collegate tra di loro (es. elenco di dipendenti di una azienda, le righe di un documento o i punti di una immagine).
La gestione (scrittura iniziale, lettura o modifiche successive) di un file viene effettuata da programmi.
L'elencazione, il cambiargli nome, lo spostamento o la cancellazione dei files è svolta dal Sistema operativo stesso. Ogni file è identificato da un nome e da un suffisso, separati da punto.
cartella o directory
un unico elenco di migliaia di nomi di files è di difficile gestione, ma può essere suddiviso in gruppi più piccoli elencati in una cartella. Il riferimento a nome-cartella/nome-file ne facilita l'uso da parte degli utenti e dei programmi. Una cartella può contenere anche altre cartelle.
programma
sequenza logica di istruzioni, che collocata nella memoria del computer ed eseguita dalla CPU, mette in relazione le informazioni, richieste a terminale o lette dai files, al fine di ottenere altre informazioni.   Un programma è Word (scrive documenti), Outlook (raccoglie e spedisce la posta), Firefox (visualizza pagine da internet), il Sistema operativo Windows XP (gestisce il computer nel suo funzionamento).
editor
Programmi per la gestione di files di testo:
- gli editor di testo (esempio: gEdit o Notepad), consentono di scrivere solo testo senza caratteri di formattazione
- i programmi di videoscrittura (es.: OpenOffice o Word) oltre al testo inseriscono altri caratteri non visibili per la formattazione (qui inizia testo scritto in neretto, qui finisce; qui inizia un testo centrato, qui finisce); o per inserire immagini.
per creare una cartella
-> gestione risorse: fai clic su c: -> File -> nuova cartella: scrivi il nome (ad esempio: il.mio.sito oppure mio_sito oppure nomechemipare)
per creare un file
- attivare un editor di testo
- scrivere le righe di testo
- memorizzare il file: -> File -> Salva come ... (indicarne il nome più il suffisso).

Passi da seguire per creare il sito

  1. crea una cartella con un nome che desideri
  2. crea i files html:
    - i files devono essere memorizzati con il nome indicato nella cartella appena creata (il suffisso è .htm)
    - anziché riscrivere ogni carattere, è possibile fare copia ed incolla del testo già scritto
    - la suddivisionne in righe e la presenza di più spazi o righe vuote, serve solo per una più facile lettura, ma è inifluente per il funzionamento.
    1. crea il file: mio.index.htm 
      <html>
<frameset cols="24%,*"> 
    <frame name="mioind"  src="mio.indice.htm"  frameborder="1">
    <frame name="miotes"  src="mio.intro.htm"   frameborder="1">
</frameset>
</html>
      (questo file sarà la home page: dichiara che lo schermo viene diviso in due colonne:
      - la prima, larga 24% dello schermo, si chiama "mioind" e riceve il file "mio.indice.htm"
      - la seconda larga 76% dello schermo, si chiama "miotes" e riceve il file "mio.intro.htm")
    2. crea il file: mio.indice.htm 
      <html>
<head> <base target="miotes"> </head>
<body>
<h1> il mio sito <br /> indice <br /> </h1>
1 - <a href="intro.htm">introduzione</a>    <br />   
1.1 - <a href="elenco_telefono.htm">elenco telefono</a>  <br />   
1.2 - <a href="testo_1.htm">testo 1</a>  <br />   
</body> </html>
      (questo file apparirà nella colonna di sinistra e costituirà l'indice del sito, con possibilità di saltare alle varie pagine)
    3. crea il file: mio.intro.htm 
      <html>
<body>
<h1>il mio sito <br />pagina di copertina </h1>
Se stai leggendo questa pagina:  <br />
- hai creato una cartella principale e ci hai salvato i files:  <br />
. mio.index.htm  <br />
. mio.indice.htm  <br />
. mio.intro.htm  <br />
. elenco_telefono.htm  <br />
. testo_1.htm  <br />
- hai fatto doppio clic sul file 'mio.index.htm' e Internet Explorer o Firefox o Opera ... visualizza queste pagine.
</body>
</html>
    4. crea il file: elenco_telefono.htm 
      <html>
<body>
<h1> Elenco telefono </h1>
<table>
<tr> <th> nome </th> <th> nota</th> <th> cellulare </th> <th> telefono casa </th> </tr>
<tr> <td> nome 1 </td> <td> - </td> <td> 123 45 67 891 </td> <td> 06 555 44 333 </td> </tr>
</table>
</body> </html>
      (contiene una tabella adatta a contenere i numeri di telefono)
    5. crea il file: testo_1.htm 
      <html>
<body>
<h1> testo_1 </h1>
<p> Qui tutto il testo che vuoi. </p>
</body> </html>
      (contiene un semplice documento di testo)
  3. Attivazione del sito
    -> gestione risorse: fai clic su c: -> fai doppio clic su -> cartella creata per il sito -> fai doppio clic sul file: mio.index.htm, verrà il browser (Firefox, Internet Explor, ...) per la sua visualizzazione.

    N.B. per vedere una pagina modificata, alle volte, è necessario premere sull'icona di 'Reload / Aggiorna'
    Mentre vedi una pagina, se fai cli con il tasto destro del mouse, appare una finestra che riporta, tra l'altro, 'HTML': se fai clic puoi vedere il contenuto della pagina nella sua forma originaria html.

Come modificare ed ampliare il sito