Allora ragazzuoli! Fatto i compiti?

Di cosa si parla oggi? Ovviamente sempre di CSS! Se siete rimasti un po' indietro sulla struttura delle pagine, andate a cercare un po' su google qualche bella guida su XHTML. Internet ne è pieno! Occhio ho volutamente detto XHTML piuttosto che HTML. Se dovete partire da zero è meglio cominciare direttamente con l'XHTML: è migliore ed è nettamente più logico. Se volte qualche altra dritta sul markup (si chiamano così i linguaggi come HTTML) chiedete pure!

Dove lo mettimo il CSS? Bravi nell'attributo styleeee!

Come spostare un elemento a destra o a sinistra di un altro? Per anni (e ancora oggi) si sono utilizzate le tabelle, ma noi che siamo avaaaaaanti anni luce non ci accontentiamo mica!

Prima cosa. Create un tag immagine "img" (ricordatevi lo slash finale) e poi per esempio un tag paragrafo "p" (ricordatevi di chiuderlo) ed inserite in esso un testo. Su da bravi andate a rivedervi come si creavano!

Quindi, ricapitolando, mettete prima l'immagine e poi il testo. Seguit questo ordine mi raccomando!

Ohhh... e qui viene il bello! Inserite questo codice nello style dell'immagine. Tadaaaaaaannn! L'immagne verrà affiancata come per magia a sinistra del testo. Ovviamente potete utilizzare anche

float: right;

per spostare l'immagine a destra.

Facile, no?

Ora diamo un po' di margini!

margin: 0 5px 5px 0;

Ohhh...ideale per il float a sinistra! A cosa lo applichiamo? Ovviamente sempre alll'immmagine! Ricordatevi di staccare le due regole CSS con un punto e virgola!

E con il float right? Beh basta capire la sintassi dell'istruzione precedente e poi potete capirlo autonomamente. Il primo valore è il margine di NORD il secondo è di OVEST il terzo di SUD e il quarto di EST! Come un orologio in sostanza! 5px è il valore del margine in pixel!

margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;

Potete anche definire un solo margine utilizzando questi codici!

Alla prox! Segnalatemi i vostri risultati!

Vi segnalo uno stralcio del post del mio relatore sul suo blog. E' a dir poco spassoso! XD hahahah

Eh eh eh. Luna non te la prendere! Però ora capisci perchè sono così malato! Hahahahah XD

INFORMATICI vs BIOLOGI: 1-0 ... palla al centro!

Allora ... vediamo vediamo. Cosa si può dire sui font? Precisiamo una cosa. I font sono locali, quindi cambiano da macchina a macchina. Qual è il problema? Se vuoi usate un font che un altro non ha siete fregati. Quindi ... font strani ... gotici ... e chi più ne ha più ne metta ... metteteci una pietra sopra... ve lo sconsiglio vivamente! Come si fa per utilizzarli? Semplice! Come avete già fatto! Create una immagine, scrivete con il vostro bel carattere arzigogolato et voilà! Tutti i siti seri che fogliono dare un tocco di stile utilizzano questa tecnica, nessuno si sogna mai di definire caratteri assurdi dentro l'attributo style. Beh ... dai Tullio sei stato un po' troppo severo. Ok scusate scusate. Mi faccio prendere troppo la mano. Fatta questa premessa ora impariamo come si cambia il tipo di carattere con il CSS. Aspettate ... fermi tutti! Sapete tutti cos'è il CSS. Vedo qualcuno disattento. Vi do un esempio facile facile. Quando definite lo stile all'interno dell'atributo "style" state programmando con CSS! Yuupppieeee! Beh iniziamo... Cosa dobbiamo scrivere all'interno dello style? Innanzi tutto ricordiamoci di scriverlo sempre fra apici (meglio quelli doppi)! ... secondo ricordiamoci che le regole/proprietà devono essere separate da "punti e virgola"

Partiamo con una carrellata:

font-family: Georgia, 'Times New Roman', serif;

Definiano una famiglia di font. Se non va bene uno, il browser utilizza il successivo. Se il nome di un font contine uno spazio al suo interno usiamo gli apici come nell'esempio

font-size: 30px;

Scritte gigantesche o illeggibili? Questa proprietà fa al caso vostro =P

font-weight: bold;

Il grassetto!!! evvaaaii! Probabilmente (e sottolineo probabilmente perchè non è sempre detto) il tag strong fa la stessa cosa. Ma sintatticamente non è la stessa cosa. Lascio il compito ai secchioni della classe di scoprire perchè.

font-style: italic;

Un bel corsivo .. veramente sexy!

text-align: right;

Mettiamo il testo dove vogliamo! Potete usare anche left, center e justify

text-decoration: underline;

Sottolineamo il testo! Da usare con parsimonia mi raccomando. Le parole sottolineate di solito identificano i link. Non fate impazzire i vostri lettori o vi visiteranno solo astrofisici daltonici!

font: bold 12px Georgia, "Times New Roman", serif;

Potete dire anche buona parte delle cose imparate in un colpo solo! Ok?

color: red;
oppure
color: #64ee4e;

E' arrivato finalmente il momento del colore! Potete mettere il nome inglese oppure indicare il codice del colore preceduto dal cancelletto

Basta inserire tutto nell'attributo style! Semplice, no?

Attenzione al fantomatico tag "FONT" ... è deprecato ... quindi usatelo a vostro rischio e pericolo ;-)

Per chi ha ancora sete di CSS:
CSS su html.it

Se non vi vengono alcuni esempi lasciate un commento indicando il post su cui avete provato il codice. Se ho tempo sono lieto di darvi una mano!

Tutto ok! Vi stavate preoccupando, vero?
Era un cavetto traballante! Ora l'ho cambiato.

Spero che questo post vi possa essere d'aiuto. Ora che non ci sono ancora i tag automatici vi insegno un po' di cose per essere comunque autonomi. Innanzi tutto vi insegno un po' di regole base:
Cos'è un tag?
Detto in parole spicciole è un elemento racchiuso fra il minore e il maggiore... esempi: <p> <div> <strong> <em> <a>
Regole ferree da rispettare?
Visto che in questi giorni avete avuto qualche casino, vi posso dire che il problema più importante è quello della chiusura dei tag. Vanno sempre chiusi! es: <p></p> <div></div> ... semplice, no? Chiudere vuol dire semplicemente inserire un tag, scrivere il contenuto e infine chiudere il tag riscrivendolo con uno "/" dentro. Seconda regola: i tag vanno chiusi in ordine! Ovviamente come avete già capito, i tag possono essere "annidati" ovvero messi uno dentro l'altro. Ma c'è modo e modo. Per esempio questo è sbagliato: <div><p></div></p> ... questo è corretto <div><p></p></div> semplice no? ... "basta poco che ce vo'"?
Mi spieghi qualche tag base?
Ok oggi sono buono!
<div>SCRIVO QUI</div>
consideratelo un po' come il jolly! Dev'essere usato per contenere altri tag. Non va generalmente usato all'interno di altri se nn all'interno di un div stesso.
<p>SCRIVO QUI</p>
Ecco come fare un paragrafo! ... un po' di spaziatura in alto e un po' di spaziatura in basso al vostro testo
<a href="QUI METTO L'INDIRIZZO DEL LINK">QUI IL TESTO</a> ecco come fare i link cliccabili!
<img src="indirizzo dell'immagine" alt="QUI DICO COSA DESCRIVE L'IMMAGINE" />
Vi consiglio di non fare i furbetti a non mettere l'attributo alt. Ok funziona lo stesso però pensate che fate un favore a gente meno fortunata di voi. Ohhhhhhh... NOVITA'!!! Questo è un tag che non va chiuso! infatti se vedete ha uno "/" in fondo.
<br />
Ecco come andare a capo! anche questo non va chiuso! ... ricordate di mettere lo "/" in fondo mi raccomando
<ul>
<li>I elemento</li>
<li>II elemento</li>
<li>III elemento</li>
</ul>
Ecco come si fa una bella lista della spesa! provate a sostituire il tag "ul" con "ol" vi compariranno i numeri!
<strong>SCRIVO QUI</strong>
Usatelo per esempio all'interno di un tag "p". Vi darà "forza" al vostro testo. Solitamente un bel grassetto
<em>SCRIVO QUI</em>
Diamo un po' di enfasi al testo! SOlitamente corrisponde ad un corsivo.
Potete combinare anche i due così <strong><em>SCRIVO QUI</em></strong> L'importante è che seguite le regolette di prima!
Come dare un po' di stile?
Ovviamente con l'attributo style!!! es: <div style="QUI METTO LE PROPRIETA' DEL MIO TESTO">PIPPO VA IN VACANZA</div>
Basta solo sapere quali sono le proprietà no?

Magari ve lo spiego nella prox puntata ... intanto vi lascio questo da provare:

<div style="text-align:center; font: Comics sans"><em><strong>SCRIVO QUI</strong></em></div>

Ecco come fare a dare un po' di stile mettendo il carattere Comics sans e a centrare il testo.

Ragazzuoli alla prossima lezione!

Ecco l'intervista fatta a mio zio sul sito dell'università delle Ande.

Entrevista con Francesco Ambrosi

Eh eh... avete visto che parenti importanti ho? =P

sono a pagina 35 ... capitolo "robot virtuale".

In questi giorni mi sto prendendo bene per i Mastodon, davvero un gruppo fenomenale. Vi consiglio l'EP "Remission".

In questo periodo non so proprio cosa mi succede. Non posso muovermi che  vengo perseguitato dalla sfiga. Mi impegno a far andar bene le cose e raccolgo la metà di quello che per cui ho lavorato. Sia a casa sia nello studio non mi sento apprezzato. Nelle amicizie non ne parliamo. Non vale la pena nemmeno aprirsi perchè ho sentito dirmi solo stronzate. E' mai possibile che conosca delle belle persone solo lontano da me? Che non possa svagarmi con loro quando sono teso? Ho conosciuto delle persone su internet con cui mi trovo bene. Cazzo nemmeno una serata al cinema posso fare!
Mi sono un po' stancato di uscire con le persone che conosco qui. I soliti discorsi, i soliti luoghi comuni. E io sempre a dire "si si ok". In questo periodo voglio stare davvero da solo. Mi vergogno troppo di lamentarmi per questa situazione. C'è gente che sta mille volte peggio di me. In qualche modo però mi devo sfogare. Sono anche indietro con la tesi, è meglio che mi concentro solo su questo. Mi spiace solo di tradire le persone che forse mi vogliono davvero bene. Ho ricevuto dei bei messaggi questa mattina. Non pensavo. Sto anche un po' meglio. Preferisco però far sbollire questo periodo. Dove cammino non faccio che disastri. Ho quasi paura a toccare la tesi potrebbe succedere di tutto. Ci manca solo il pc.

Nb: Una ruota forata... radiatore rotto ... coppa dell'olio guasta... e bastaaa!!!

In questi giorni si sono confuse molte cose e molte verità non sono state dette. Si cerca in tutti i modi di fomentare una guerra Islam-Cristianesimo per i propri interessi. L'intervento satirico è stato strumentalizzato per i propri fini elettorali ed economici. Da chiunque.

Quello che mi sembra sconcertante è che nelle religioni (in tutte) ci si ostini a cercare di imporre la propria fede. I problemi stanno sempre negli altri. Questa non è religione è marketing. Questa non è religione è guerra bella e buona.

A volte un fine più alto può nobilitare l'uomo, ma in questi giorni si è visto il contrario. Così come in Italia così come nel mondo arabo.

Il rispetto è importantissimo. Non è concepibile che si arrivi ad insulti in difesa dei propri fondamentalismi. Invece di lottare per una idea di libertà comune si cerca di prevaricare su quella degli altri, con insulti, guerre e altre amenità. Soprattutto da parte delle cariche di uno stato civile o che tale si dichiara.

Non per questo la satira deve farne le spese. Chi non affronta la satira è perchè non ha la coscienza apposto.

Diffidare sempre di chi non ha il senso dello humor e di chi non sa fare autoironia.

Vi lascio un bell'articolo di Daniele Luttazzi su questo argomento: Posso non essere d'accordo con te, ma difenderò fino all'ultimo il tuo diritto di stare zitto!(20 Feb 2006)

Oggi è successo di tutto. E' partita la macchina ho dimenticato il cell a casa ... un bordello! Non vi sto nemmeno a raccontare.

Beh ma l'importante è he ho finito gli esamiiiii! ... Ho finito in bellezza con un trenta EVVAII!