Torna alla home page

Cambridge Centre of English

logo_con_ombra.png

Cambridge Centre of English

Via Rainusso, 144 - 41124 Modena - Italia


TEL: 39-059-9782849 / 39-059-9785557 / FAX - 39-059-828549


 

Guida all'uso dei marcatori

Situx usa un suo linguaggio di markup (di tipo descrittivo) per rappresentare i contenuti. Molto ispirato a quello usato dai wikipediani per scrivere le pagine.

Si possono inserire foto, enfatizzare parti di testo, creare liste, tabelle, link, ecc.

In pratica si inseriscono determinati "marcatori" in punti precisi del testo, spesso all'inizio della riga.

Per ottenere gli effetti che vedi nella colonna a sinistra scrivi quello che c'è nella colonna a destra.

Il testo può essere raggruppato in paragrafi. Questo è il primo paragrafo.Per separare i paragrafi bisogna andare a capo almeno 2 volte.

Il singolo a-capo non produce alcun effetto.

Per ottenere un singolo a-capo
fai in questo modo.

Gli spazi bianchi ripetuti non producono alcun effetto. Ma non bisogna iniziare la riga con uno spazio bianco.

Il testo può essere raggruppato in paragrafi. Questo è il primo paragrafo.Per separare i paragrafi bisogna andare a capo
almeno 2 volte. 

Il singolo a-capo
non 
produce
alcun
effetto.

Per ottenere un singolo a-capo [br] fai in questo modo.

Gli spazi      bianchi
ripetuti    non producono 
alcun       effetto. 
Ma non bisogna iniziare la riga con uno spazio bianco.

Ci sono tre gradi di enfasi: il corsivo, il grassetto e il corsivo grassetto.

Ci sono tre gradi di enfasi: 
''il corsivo'', '''il grassetto''' 
e il ''''corsivo grassetto''''. 
  1. Questa è una sezione di livello 1
    1. Questa è una sezione di livello 2
      1. Questa è una sezione di livello 3
  2. Questa è un'altra sezione di livello 1

Questa è una sezione di livello 1


Questa è una sezione di livello 2


Questa è una sezione di livello 3

Questa è un'altra sezione di livello 1


L'indice viene creato automaticamente in base alle sezioni.

=Questa è una sezione di livello 1=
==Questa è una sezione di livello 2==
===Questa è una sezione di livello 3===
=Questa è un'altra sezione di livello 1=

L'indice viene creato automaticamente 
in base alle sezioni.

Le liste possono essere numerate oppure no. Ecco una lista numerata:

  1. primo elemento della lista
  2. secondo elemento
    1. sotto-elemento del secondo elemento
  3. terzo elemento.

Ecco invece una lista non numerata:

  • primo elemento della lista
  • secondo elemento
    • sotto-elemento del secondo elemento
  • terzo elemento.

I due tipi si possono usare anche in combinazione:

  • primo elemento non numerato
  • secondo elemento non numerato
    1. primo sotto-elemento numerato
    2. secondo sotto-elemento numerato
  • terzo elemento non numerato
Le liste possono essere numerate oppure no. 
Ecco una lista numerata:
#primo elemento della lista
#secondo elemento
##sotto-elemento del secondo elemento
#terzo elemento.

Ecco invece una lista non numerata:
*primo elemento della lista
*secondo elemento
**sotto-elemento del secondo elemento
*terzo elemento.

I due tipi si possono usare anche 
in combinazione:

*primo elemento non numerato
*secondo elemento non numerato
*#primo sotto-elemento numerato
*#secondo sotto-elemento numerato
*terzo elemento non numerato

Le definizioni sono coppie titolo-spiegazione.

Questo è un titolo
e questa la sua spiegazione
Questo è un altro titolo
e questa la sua spiegazione
Le definizioni sono coppie titolo-spiegazione.
;Questo è un titolo:e questa la sua spiegazione
;Questo è un altro titolo:e questa la sua spiegazione
Le righe che cominciano con uno o più spazi bianchi
conservano la formattazione originale.

Gli     spazi     in più    rimangono e puoi inserire qualsiasi
carattere.
           (__) 
           (oo) 
    /-------\/  
   / |     ||   
  *  ||----||   
     ~~    ~~    

 Le righe che cominciano con uno o più spazi bianchi
 conservano la formattazione originale.
 
 Gli     spazi     in più    rimangono e puoi inserire qualsiasi
 carattere.
            (__) 
            (oo) 
     /-------\/  
    / |     ||   
   *  ||----||   
      ~~    ~~   
Per dire qualcosa in modo evidente metti il simbolo ":" all'inizio della riga.
:Per dire qualcosa in modo evidente metti il simbolo ":" all'inizio della riga. 

Per fare i link usa questa tecnica. Se vuoi che la pagina linkata si apra in una nuova finestra usa le parentesi doppie.

Per fare i link usa [http://www.google.com questa tecnica].
Se vuoi che la pagina linkata si apra in una nuova finestra 
usa [[http://www.google.com le parentesi doppie]].

Gli indirizzi email possono essere cliccabili come per es. termos@massimo.termanini.name.

Gli indirizzi email possono
essere cliccabili come per es.
[email:termos@massimo.termanini.name].

Con questa prima tecnica puoi inserire immagini esterne (che non sono su questo sito) incollando l'indirizzo (http://eccetera).

Ma puoi anche inserire una delle immagini precedentemente caricate (immagini interne) semplicemente indicando il nome del file. Nel prossimo esempio si inserisce il file default.jpg precedentemente caricato. Default

Per spingere una foto sulla destra, lasciando che il testo fluisca alla sua sinistra, fai come nei primi 2 esempi.

Default Questo esempio illustra l'impiego della stessa immagine, però allineata a sinistra. In questo caso il testo fluisce sulla sua destra.

Terzo possibile allineamento: Default

l'immagine centrata.

In ogni caso puoi usare l'immagine come link in questo modo:

Default Cliccando sull'immagine navighi verso l'indirizzo specificato dopo il simbolo "|".

[immagine:http://www.situx.org/immagini/thumbs/situx.jpg]]
Con questa prima tecnica puoi inserire 
immagini esterne (che non sono su questo sito) 
incollando l'indirizzo (http://eccetera).

Ma puoi anche inserire una delle immagini 
precedentemente caricate (immagini interne)
semplicemente indicando il nome del file.
Nel prossimo esempio si inserisce il file 
default.jpg precedentemente caricato.
[immagine:default.jpg]] 

Per spingere una foto sulla destra, 
lasciando che il testo fluisca
alla sua sinistra, fai come nei primi
2 esempi.

[[immagine:default.jpg] 
Questo esempio illustra l'impiego
della stessa immagine, però 
allineata a sinistra. In questo caso
il testo fluisce sulla sua destra.

Terzo possibile allineamento: 
[[immagine:default.jpg]] 

l'immagine centrata.

In ogni caso puoi usare l'immagine come link 
in questo modo:

[[immagine:default.jpg|http://www.google.it]  
Cliccando sull'immagine navighi verso l'indirizzo specificato dopo il simbolo "|".

Default Le icone sono immagini miniaturizzate e cliccabili.

Quando le clicchi si apre l'immagine nelle sue dimensioni originali.

L'allineamento delle icone (destra, sinistra o centro) è gestito come quello delle immagini (vedi sopra)

[[icona:default.jpg] 
Le icone sono immagini miniaturizzate e cliccabili.

Quando le clicchi si apre l'immagine nelle sue dimensioni originali.

L'allineamento delle icone (destra,  sinistra o centro)
è gestito come quello delle immagini (vedi sopra)

Per inserire il link a un documento archiviato si fa così: file.pdf.

In aggiunta puoi specificare la frase da cliccare per scaricare il documento.

Per inserire il link a un documento
archiviato si fa così: [documento:file.pdf].

In aggiunta puoi specificare
la [documento:file.pdf frase da cliccare] per scaricare il documento.

Il testo si può colorare con questa tecnica. I nomi da usare (oltre a "limegreen") sono questi.

Se vuoi usare un colore che non ha un nome, usa quest'altra tecnica. Dove il numero esadecimale del colore è preceduto dal simbolo #.

Il testo si può colorare 
con [colore:limegreen questa tecnica].
I nomi da usare (oltre a "limegreen") sono 
[http://www.w3schools.com/css/css_colornames.asp questi].

Se vuoi usare un colore che non ha un nome,
usa [colore:#E42D3A quest'altra tecnica]. 
Dove il numero esadecimale del colore 
è preceduto dal simbolo #.

Per fare una tabella semplice fai così:

Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Per mettere anche il titolo :

Questo è il titolo della tabella
Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Per mettere i titoli alle singole colonne:

Questo è il titolo della tabella
Titolo della Colonna 1 Titolo della Colonna 2 Titolo della Colonna 3
Colonna 1, riga 1 Colonna 2, riga 1 Colonna 3, riga 1
Colonna 1, riga 2 Colonna 2, riga 2 Colonna 3, riga 2

Funziona anche la sintassi verticale:

Colonna 1, riga 1 Colonna 2, riga 1
Colonna 1, riga 2 Colonna 2, riga 2

La tabella risulta automaticamente connotata con la classe CSS "tabellasemplice".

Se vuoi mettere una classe CSS personalizzata usa questa tecnica:

Colonna 1, riga 1 Colonna 2, riga 1
Colonna 1, riga 2 Colonna 2, riga 2

Per fare una tabella semplice
fai così:
{| 
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|- 
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere anche il titolo :
{|
|+ Questo è il titolo della tabella
| Colonna 1, riga 1 || Colonna 2, riga 1 || Colonna 3, riga 1
|- 
| Colonna 1, riga 2 || Colonna 2, riga 2 || Colonna 3, riga 2
|}

Per mettere i titoli alle singole 
colonne:
{|
|+ Questo è il titolo della tabella
! Titolo della Colonna 1 !! Titolo della Colonna 2 !! Titolo della Colonna 3
|- 
| Colonna 1, riga 1      || Colonna 2, riga 1      || Colonna 3, riga 1
|- 
| Colonna 1, riga 2      || Colonna 2, riga 2      || Colonna 3, riga 2
|}

Funziona anche la sintassi verticale:
{| 
| Colonna 1, riga 1 
| Colonna 2, riga 1
|- 
| Colonna 1, riga 2 
| Colonna 2, riga 2
|}

La tabella risulta automaticamente connotata con la classe CSS "tabellasemplice".

Se vuoi mettere una classe CSS personalizzata usa questa tecnica:

{miaclasse|
| Colonna 1, riga 1 
| Colonna 2, riga 1
|- 
| Colonna 1, riga 2 
| Colonna 2, riga 2
|}

Elenco degli emoticons

  1. Sorriso Sorriso Sorriso
  2. Sorrisone Sorrisone Sorrisone Sorrisone Sorrisone
  3. Triste Triste Triste
  4. Occhiolino Occhiolino Occhiolino
  5. Lingua fuori Lingua di fuori Lingua di fuori
  6. Sorpreso Sorpreso Sorpreso
  7. Scettico Scettico
  8. Senza parole Senza parole
  9. Non posso parlare Non posso parlare Non posso parlare Non posso parlare Non posso parlare
  10. Sono innocente Sono innocente Sono innocente
  11. In lacrime In lacrime In lacrime In lacrime In lacrime
  12. Bacio Bacio Bacio
  13. Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico Ghigno diabolico
  14. Ho gli occhiali Ho gli occhiali Ho gli occhiali Ho gli occhiali Ho gli occhiali
  15. Sorrido con gli occhiali Sorrido con gli occhiali Sorrido con gli occhiali
Elenco degli emoticons
#Sorriso :-) :)
#Sorrisone :D :-D XD xD
#Triste :( :-(
#Occhiolino ;) ;-)
#Lingua fuori :P :-P
#Sorpreso :O :-O
#Scettico :-/
#Senza parole :|
#Non posso parlare :x :X :-x :-X
#Sono innocente O:) O:-)
#In lacrime ;( ;-( :'( :'-(
#Bacio :* :-*
#Ghigno diabolico ]:) ]:-) >:) >:-) ]:->
#Ho gli occhiali 8-| 8| B-| B|
#Sorrido con gli occhiali 8-) B-)

Aisli Alte ESOL


 

situx.org Valid XHTML 1.0 Transitional Valid CSS! Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0