1. Rilevare gli indici
Cara Daniela,
il prossimo lavoro sarebbe, di mettere in rilievo gli indici. Ho pensato di fare un colore di fondo grigio bluastro come lo puoi vedere qui o più avanti su questa pagina come esempio.
A questo scopo includi l'indice (incluso il "titolo" Vengono trattati ... in un paragrafo che inizia e termina con una riga che marca lo "stile" (di seguito marcato in rosso):
>>font-size:small gray bgcolor=#e6e6ff<<
righe del indice con "titolo"
>><<
Per esempio:
>>font-size:small gray bgcolor=#e6e6ff<<
Vengono trattati i seguenti argomenti:\\
[[#paragoni | Paragoni tra Ticino e altri paesi]] %red% | %% [[#posizione
| Posizione del singolo naturopata ]] %red% | %% [[#errori | Errori da
principianti e brutte abitudini ]] %red%|%%
>><<
|
|
|
Basta quindi di infilare davanti e dopo ogni indice le righe marcate in rosso (che puoi copiare sopra e incollare poi ai posti giusti).
8>)__Peter January 07, 2008, at 09:17 PM
Cara Daniela,
brava, con qualche macchia:
se scrivi il seguente, ci sono due errori:
- il primo
>>font-size ... << è superfluo, perché si ripete dopo => cancellare!
- le istruzioni tra
>> ... << devono trovarsi su una riga separata => fare "a capo" dopo <<
Quindi:
>>font-size:small gray<<
>>font-size:small gray bgcolor=#e6e6ff<<Vengono trattati i
seguenti temi:\\
[[#volume | Volume di mercato]] %red% | %%
[[#domanda | Domanda e offerta sanitaria]] %red% | %%
>><<
|
|
va modificato in:
>>font-size:small gray bgcolor=#e6e6ff<<
Vengono trattati i seguenti temi:\\
[[#volume | Volume di mercato]] %red% | %%
[[#domanda | Domanda e offerta sanitaria]] %red% | %%
>><<
|
|
|
e così si presenta come inteso.
8>)_Peter January 11, 2008, at 01:17 PM
2. Inserire immagini
2.1 Istruzione
Non basta inserire solo l'indirizzo dell'immagine, ma devi anche aggiungere le istruzioni di formatazione, al solito la "formula" è:
%rfloat width=200 text-align=center% [[URLsito | URLimmagine]] | '-Didascalia-'
Se invece di rfloat (a destra, testo intorno) scrivi lfloat viene messo a sinistra. Se invece di width=200 (larghezza = 200 px) scrivi width=100, la larghezza viene solo la metà. Se cancelli Didascalia non appare niente (lasci pure stare: text-align=center e: | '--'.
2.2 Spiegazione
''Se non formatti l'indirizzo come p.es. qui, avrai:''
http://medpop.googlepages.com/IconMmP.jpg
''questo risultato:''
|
Se non formatti l'indirizzo come p.es. qui, avrai:
questo risultato:
|
- l'immagine interrompe il testo
- non ce n'è un link
- è orientato a sinistra
- la dimensione dipende dell'originale che si trova sul URL (indirizzo) dell'immagine (questo ha ca. 60 x 60 px).
''Se invece fai una formattazione e un link regola d'arte come la
seguente:''
%rfloat width=100 text-align=center%
[[http://scuolamediabra.blog.excite.it/ |
http://scuolamediabra.blog.excite.it/img/famiglia.jpg]] | '-Famiglia-'
''avrai un risultato tutto diverso come puoi vedere facilmente in questo
piccolo esempio. Noti che il testo scritto sopra la formatazione va sopra
l'immagine, mentre il testo scritto sotto va accanto l'immagine.''
[[<<]]
''Caso mai vorresti interrompere il flusso del testo accanto l'immagine,
scrivi il segno cui sopra: [[<<]] su una riga separata.''
|
Se invece fai una formattazione e un link regola d'arte come la seguente:
Famiglia
avrai un risultato tutto diverso come puoi vedere facilmente in questo piccolo esempio. Noti che il testo scritto sopra la formatazione va sopra l'immagine, mentre il testo scritto sotto va accanto l'immagine.
Caso mai vorresti interrompere il flusso del testo accanto l'immagine, scrivi il segno cui sopra:
su una riga separata.
|
Il risultato è tutto diverso:
- l'immagine non interrompe il testo ed è orientato a destra:
rfloat
- ha una larghezza di 100 px:
width=100
- è linkato sulla pagina originale:
http://scuolamediabra.blog.excite.it/ (si potrebbe anche mettere l'indirizzo dell'immagine: http://scuolamediabra.blog.excite.it/img/famiglia.jpg (a sinistra come URLsito) per farlo vedere in dimensione originale)
- c'è una didascalia minuscola:
| '--' centrato: text-align=center sotto l'immagine.
Spero di avermi spiegato, e anche se non capisci ancora tutto non fa niente: basta infilare la formula:
%rfloat width=200 text-align=center% [[ URLsito | URLimmagine ]] | '-Didascalia-'
prima di mettere un'indirizzo (URL). 8>)__Peter January 11, 2008, at 01:17 PM
3. Regole tipografiche per scritti MedPopWiki
3.1 Aumentare la leggibilità del testo
- fare paragrafi possibilmente ogni poche righe tramite l'introduzione di una riga vuota
- non fare inutilmente righe vuote prima e doppo titoli, liste, tabelle
- usare italic:
'' ... '' per citazioni
- usare grassetto:
''' ... ''' per singole parole rilevanti specialmente in liste
- rimpicciolire commenti, esempi, ... :
'- ... -')
- scrivere in grigio cose meno rilevanti:
%gray% ... %%
- usare liste generiche
* o numerate #
- usare tabelle:
(:table:) inizio tabella; (:cellnr:)nuova riga; (:cell:) nuova casella; ... (:tableend:) fine tabella. Ciascuna istruzione all'inizio di una nuova riga.
- usare un colore come:
%navy% per cose particolarmente rilevanti
- non rendere l'immagine testuale irrequieto con l'eccessivo uso di elementi di stile.
3.2 Strutturazione grossolana del testo
- usare capitoli
!! e sottocapitoli !!! logici
- usare un'indice generale automatico all'inizio della pagina:
(:toc:)
- alla fine di un capitolo:
- ev. una interruzione forzata se ci sono immagini nel capitolo
[[<<]] su una riga separata senza niente d'altro
- una riga vuota seguito da
- ev. l'indirizzo del prossimo capitolo
[[#...]] su una riga separata senza niente d'altro
- una riga orizzontale
---- su una riga separata senza niente d'altro
3.3 Illustrazioni
Testi senza illustrazioni sono dei "mattoni" che non invogliano nessuno a leggere. In questi testi distinguiamo:
- illustrazioni funzionali che sono parte integrante del testo. al solito sono proprie illustrazioni che richiedono almeno un link integrato a un'immagine ingrandito
- illustrazioni invogliatrici al solito sono illustrazioni ricavati da terzi, che per "sportività" e domande di copyright richiedono un link integrato alla pagina "originale" dell'immagine
Le istruzioni dettagliate in merito si trovano sotto Inserire immagini
- dedicare una didascalia alle immagini che non sono "autospiegativi"
- usare possibilmente l'istruzione
%rfloat ...% o %lfloat ...% per il posizionamento a destra o a sinistra con testo circoscritto
- se un'immagine raggiunge il prossimo capitolo: inibirlo con l'istruzione
[[<<]] subito dopo il testo dell'attuale capitolo su una riga separata.
- le regole estetiche per la dimensione di immagini sono vaghe e individuali: non dovrebbero picchiare il testo per il "troppo grande" ne essere dei "rebus di riconoscimento" per il troppo piccolo. Al solito uso
%... width=200 ...% ma con parecchie eccezioni.
3.4 Strutturazione particolareggiata del testo
In testi lunghi e ben strutturati occorrono dei
- sottocapitoli particolareggiati
!!!!, !!!!!, ... . Per non perdere il contesto, occorre fare manualmente degli indici particolareggiati consistenti:
- dei links ai sottotitoli nel capitolo sovrastante
- degli indirizzi dei links da infilare precedentemente ai titoli da linkare
Istruzioni vedi Rilevare gli indici
4.
5.
|
© Cc by P. Forster & B. Buser nc-2.5-it
| 
|
