Area Tecnica

Da Guidi tu o guido io.

Jump to: navigation, search

La Formattazione Wiki

Contents


L'Edit

Inizialmente, come per la costruzione di una normale pagina web, la creazione del sito wiki può risultare difficoltosa. Tuttavia, con queste semplici regole, sarà possibile utilizzare tutti gli strumenti Wiki.


La cosa che più ci interessa consiste nell'aggiornamento del sito e nella sua formattazione. Si dovrà quindi visualizzare la pagina che vogliamo modificare o aggiornare, per poi cliccare sul comando Edit (in alto, tra i due tasti Discussion ed History) e cominciare ad apportare i cambiamenti al testo, attraverso un Editor.


Immagine:Editor Serio2.JPG

Immagine:Pulsante grassetto.JPG Grassetto

'''testo'''

testo

Immagine:Pulsante_corsivo.JPG Corsivo

''testo''

testo

Immagine:Pulsante_Link_Interno.JPG Link interno

[[pagina principale]]

Il link interno allo spazio wiki si crea digitando le doppie parentesi quadre [[ nome della pagina ]] contenenti il nome esatto della pagina di destinazione.

E' essenziale che il testo all'interno delle parentesi sia esattamente uguale al nome della pagina

pagina principale

Nel caso si desideri utilizzare una parola diversa dal titolo della pagina, basterà scrivere nelle parentesi:

[[nome reale della pagina | testo alternativo del link]]

testo alternativo del link

Immagine:Pulsante_Link_Esterno.JPG Link esterno

Il link esterno può essere creato semplicemente digitando, per esteso, il nome della pagina di destinazione:

http://www.guidituoguidoio.it/

Se si desidera, invece, utilizzare un semplice testo, basterà digitare all'interno di due parentesi quadre il nome della pagina per esteso e, immediatamente dopo, la parola o la frase che si desidera avere per link: [http://www.guidituoguidoio.it Guida!] = Guida!

Immagine:Pulsante_Capitoli.JPG Capitoli e sottocapitoli

== Capitoli e sottocapitoli ==

=== Secondo livello ===

Secondo livello

==== Terzo livello ====

Terzo livello

===== Quarto livello =====

Quarto livello

====== Quinto livello ======

Quinto livello

Immagine:Pulsante_Linea_Orizzontale.JPG Linea divisoria

----


Immagine:Pulsante_Immagine.JPG Inserire un'immagine interna

Prima occorre eseguire l'upload.

Dal menu toolbox sulla sinistra cliccare "Upload" e, attraverso il pulsante "Sfoglia", caricare l'immagine sul server. Annotarsi il nome del file. Nella pagina in cui si desidera inserire l'immagine inserire lo script corrispondente e il nome dell'immagine nello spazio indicato.

[[immagine:einstein.jpg]]

foto di einstein
Enlarge
foto di einstein

Inserire un indice aggiuntivo

L'indice aggiuntivo e' quel riquadro in cima che linka tutti i titoli e sottotitoli.

Ricordarsi di aggiungerne uno anche all'inizio.


__TOC__


L'indice aggiuntivo, però, si inserisce automaticamente quando vengono inseriti più capitoli o sottocapitoli in una pagina. Se non lo si desidera, occorre digitare un altro comando al suo posto.


__NOTOC__

Immagine:Pulsante_Ignora_Wiki.JPG Disabilitare il codice Wiki

Serve a nn fare funzionare i codici che date nella sezione edit <nowiki>== codice che voglio far vedere ==</nowiki>

== codice che voglio far vedere ==

Le Tabelle

La struttura del codice di quest'ultime è molto simile a quella delle normali costruzioni di codici html.


1° Voce 2° Voce 3° Voce
1° Voce B 2° Voce B 3° Voce B


{| border="1" cellpadding ="20" cellspacing="0" width= "100%"


!align= "center" |'''1° Voce'''


!align= "center" |'''2° Voce'''


!align= "center" |'''3° Voce'''


|-


!align= "center" |'''1° Voce B'''


!align= "center" |'''2° Voce B'''


!align= "center" |'''3° Voce B'''


|}


Passiamo all'analisi dei singoli elementi del codice.


Border: lo spessore dei bordi. 1 è lo spessore minimo, con 0 il bordo risulterà invisibile, ma comunque esistente. Potrebbe servire a dare un'impostazione o un allineamento particolare al testo.


Cellpading: le dimensioni, in lunghezza e larghezza, delle singole celle;


Cellspacing: se si da un valore a questo elemento, la tabella viene inserita in un riquadro le cui dimensioni sono dettate dal valore assegnato,


Width: dando un valore a questo elemento, più quest'ultimo è alto e più la tabella si avvicina al margine sinistro della pagina, aumentando la propria larghezza (un valore a WIDTH di 100% presenta una tabella che percorre tutta la larghezza della pagina visualizzata);


Align: da l'allineamento della scritta rispetto ai bordi della cella e può essere a destra (right), a sinistra (left) o centrato (center);


|- : questo comando fa terminare la prima riga e da inizio alla seconda.

Gli Elenchi

Esistono due tipi di elenchi principali in Wiki: quello puntato e quello numerato.

Elenco Puntato

  • Voce 1
  • Voce 2
  • Voce 3
    • Voce 3.1
    • Voce 3.2


* Voce 1

* Voce 2

* Voce 3

** Voce 3.1

** Voce 3.2


Elenco Numerato

  1. Voce 1
  2. Voce 2
  3. Voce 3
    1. Voce 3.1
    2. Voce 3.2


# Voce 1 # Voce 2 # Voce 3 ## Voce 3.1 ## Voce 3.2


Risorse sul Web

Un importante aiuto vi è offerto da "Web publishing con Blog e Wiki" Autore: Alberto Mari, Editore: APOGEO, acquistabile dal seguente sito internet: http://www.apogeonline.com/libri/88-503-2292-5/scheda

Qualche aiuto sul Wiki, anche per chi è alle prime armi: http://it.wiki.mcneel.com/default.aspx/McNeel/WikiAiuto.html

Il sito di MediaWiki, raggiungibile anche da fondo pagina: http://www.mediawiki.org/wiki/MediaWiki

Alcune Curiosità sul Wiki, con accenni alle sue origini: http://googlisti.com/2006/09/02/limportanza-di-chiamarsi-wiki.html

Un file PDF dove scoprire le evouluzioni del Web e del Wiki: http://www.colognole.org/gulli/html/lenzi/Wiki.pdf

Gli Obiettivi, La storia ed altre informazioni su Wikipedia: http://it.wikipedia.org/wiki/Wikipedia

Installare Un Wiki

Requisiti necessari per installare un wiki:

Software(Procurarselo da http://www.mediawiki.org/).

Server web a disposizione.

Interprete del linguaggio di programmazione PHP; deve essere integrato con il server web http://www.php.net

Il server MySQL http://www.mysql.org

Usare L'History

Tramite il comando History è possibile visualizzare tutte le modifiche apportate alla pagina nella quale il visitatore si trova. Grazie a "Compare selected version" è possibile inoltre evidenziare le correzioni e confrontare la versione corrente con le versioni precedenti con informazioni riguardanti l'autore delle correzioni e delle modifiche, data e giorno.

Pagine Correlate

Colori HTML