Benvenuto su ITIS Wiki
Vi do il benvenuto a questo mini progetto che ho inizziato da poco con l’unica intenzione di provedere aiuto agli alunni delle classi informatiche e poi poterlo rendere generale per l’istituto. Questo portale web ofrirà solo contenuto Open Source, sia scritto dai alunni (i quali non possono fare profitto del loro lavoro) che dai programmi forniti sulle apposite sezioni. Buona navigazione e buon studio!
Stiamo cercando collaboratori che vogliano contribuire al progetto, per info inviaci un Email Se vuoi semplicemente inviarci il tuo contributo senza fare parte dello Staff ti preghiamo di mandarci il materiale, ben identificato perfavore, a info.itiswiki@gmail.com
Come registrarsi
Una semplice guida per registrarsi al sito di WordPress senza la necessità di creare un blog.
Per registrarsi potete utilizzare semplicemente la sezione -Sign up now-, però sarà necessario, sempre gratuitamente, creare un blog dove potrete crearvi il vostro sito. Oppure cliccando su questo link –> Link
vi potete registrare sempre su questo sito ma come utenti senza però il possesso di uno spazio vostro.
Per registrarsi è necessario solo:
- Scrivere l’username che volete utilizzare, sarà anche il vostro nome per il login(E’ possibile modificarlo successivamente alla registrazione)
- Password (Consiglio scontato: non mettete password troppo semplice es. 123456 000000)
- Riscrivete la vostra Password
- Infine scrivete la vostra e-mail(uno valido, necessario per l’attivazione dell’account)
Se avete dei problemi commentate questo post.
Link in html
Potreste mettere una guida sull’uso dei link in html? Grazie
Sorgente sito
Ciao.. come posso mandare il mio programma sul sito?
HTML base
Come introduzione è forse necessario definire cosa significa HTML e a cosa serve questo linguaggio.
HTML è l’acronimo di HyperText Markup Language(= Linguaggio utilizzato per documenti ipertestuali), il linguaggio è di dominio pubblico ed è caratterizzato dalla possibilità di modificare il testo attraverso l’utilizzo di tag. I tag possono modificare la funzione del testo, ad esempio far diventare una parola un link.
Questo linguaggio principalmente riduce al minimo la possibilità di modifica, a livello grafico, del testo e della pagina creata ( colore del testo, colore dello sfondo, grassetto, ..), perciò la pagina è statica.
Il linguaggio HTML è stato successivamente completato con altri linguaggi: CSS, Java, Javascript, che aggiungono la possibilità di implementare nella pagina
elementi dinamici come Streaming Audio/Video, Slideshow di immagini.
Documenti scritti in linguaggio HTML hanno come tipo( estensione ) .html o .htm .
La struttura di una pagina in linguaggio HTML:
-Un documento HTML inizia con la definizione del tipo di documento che si vorrà scrivere( scusate il gioco di parole ). DTD( Document Type Definition )
-Successivamente alla definizione segue una struttura ad albero con nidificazioni delimitate da tag, che a loro volta posso contenere altri tag. I tag di maggior rilievo sono <html></html> che contiene tutto il “codice” eccetto la definizione del tipo, al suo interno prevede due sezioni molto distinte cioè <head></head> e <body></body>
-Non vi è una ulteriore struttura/formattazione di tag successivamente a queste
In quanto ho parlato di tag, ne elenco alcuni che solitamente si utilizzano di più.
DTD, Questo tag è da posizionare all’inizio del documento in quanto indica al browser il tipo di documento che dovrà successivamente leggere. Basta scrivere una di queste definizioni in base al vostro documento.
HTML 4.01 Strict, da utilizzare se conoscete i tag deprecati e quindi da non utilizzarli e al posto di essi utilizzare linguaggi alternativi( CSS ).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional, non tiene in considerazione dei tag deprecati e quindi è possibile verificare il documento senza grandi problemi riguardanti i tag
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset, Doctype specifico per coloro che vogliono implementare nel loro documento i frame
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Tag interni alla sezione Header e quindi compresi tra <head></head>
Il tag <title></title> visualizza in questo caso “Titolo del documento” nell’intestazione della scheda.
<title>Titolo del documento</title>
Il tag <meta></meta> che fornisce informazioni aggiuntive che possono servire ad altre applicazioni( browser, motori di ricerca ecc.. ). In questo caso il tag <meta> fornisce al browser informazioni aggiuntive riguardante la codifica del charset( necessario per il controllo del documento tramite w3c validator ).
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
Tag interni alla sezione Body e quindi compresi tra <body></body>
Il tag <hn></hn> dove il valore di n può variare da 1 a 6. Questo tag formatta un testo, che è compreso all’interno di esso, che diventa una intestazione( titolo ), quindi crea uno spazio sopra e sotto ad esso( lo spazio è maggiore di uno fatto con <br> ). La dimensione del testo varia in base al valore che si attribuisce a n. Il valore 1 indica la dimensione maggiore, invece 6 la dimensione minore ( sempre riferito all’altezza del carattere ).
<h2>Intestazione</h2>
Il tag <p></p> serve per creare un paragrafo
<p> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took.. </p>
Il tag <br /> serve per interrompere la linea e di conseguenza andare a capo. E’ un tag che non ha una chiusura esterna ma si chiude semplicemente al suo interno.
Lorem Ipsum is simply<br /> dummy text of the printing
Il tag <hr /> serve per creare una linea orizzontale. Come per il tag <br /> questo tag si chiude al suo interno.
<hr />
Per scrivere un commento nel documento senza che il browser lo consideri ( a volte con funzioni speciali è possibile fare delle condizioni utilizzando i commenti ).
<!-- Testo commento che non viene visualizzato dal browser -->
Successivamente abbiamo i tag per la formattazione del testo ( ormai non si utilizzano più, eccetto <b> Grassetto, <i> Italico, sostituiti dal linguaggio CSS ).
I tag per l’implemento di un form( modulo ) che permette all’utente di dare in input alcune informazioni.
<form> <textarea rows="3" cols="40">Casella di testo</textarea> </form>
Implementazione di immagini tag <img>
<img src="immagini/topogigio.jpg" tittle="Immagine" alt="Img">
Formattazione di un testo in modo che diventi un collegamento ipertestuale( link ) .
<a href="#"></a>
Creazione di una lista
Lista ordinata( in ordine numero, alfabetico, .. ) <ol></ol> Lista non ordinata( simboli, quadrati, cerchi, ... ) <ul></ul> <ul> <li>Pane</li> <li>Burro</li> <li>Cioccolata</li> </ul>
Creazione di una tabella
<table border="1"> <tr> <th>Numero</th> <th>Alunno</th> </tr> <tr> <td>1</td> <td>Alunno X</td> </tr> </table>
[SOFTWARE] Sublime Text
Sublime text è un editor di testo con una UI molto carina nella quale si può scrivere in tanti linguaggi, come ad esempio C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java, JavaScript, LaTeX, Lisp, Lua, Markdown, Matlab, OCaml, Perl, PHP, Python, R, Ruby, SQL, TCL, Textile e XML , e leggere con piu chiarezza ed ordine il codice. Sublime Text ha anche la possibilità di avere una visualizzazione fino a 4 schermi per quando abbiamo bisogno di comparare due sorgenti. Il programma è completamente personalizzabile e la cosa piu importante… è gratis!!
Per scaricarlo visitate il sito di Sublime Text
Test Content
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
ITIS Wiki 