Corso CSS - Lezione 1 - Collegare i fogli di stile CSS
Non spiegherò a cosa serve il CSS. Se hai aperto questo corso significa che desideri impararlo. Da parte mia posso solo dire che le potenzialità del CSS sono molto ampie e permettono di impaginare layout di qualsiasi complessità. D’altra parte, l’uso del CSS implica che dovrai rinunciare a diversi attributi dei tag come size, color, bgcolor, align e altri che “interferiscono” con il CSS.
Lezione CSS - Lezione 2 - Iniziamo a usare i CSS. Proprietà CSS background, color.
Ciao a tutti. Quindi, nella lezione precedente ho creato due file: uno HTML e uno CSS. Ecco il loro codice:
index.html:
<html> <head> <title>Corso CSS</title> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> </head> <body> <p>Impara CSS insieme a drupalbook.org</p> <p>Seconda riga: impara CSS insieme a drupalbook.org</p> </body> </html>
style.css:
Corso di CSS - Lezione 3 - Proprietà background-color, font-style, font-weight, text-align, text-decoration, text-transform.
Nel corso del tempo, con l’evoluzione dell’HTML e l’uso diffuso dei CSS, molti tag sono diventati obsoleti e dovrebbero essere evitati — tra questi ci sono <font>, <b>, <i> e <center>. Più avanti vedremo altri tag “vietati”. Le proprietà CSS che imparerai ti permetteranno di eliminare codice superfluo dall’HTML e di spostare la formattazione nei file CSS, dove è più corretto che stia.
Corso di CSS - Lezione 4 - Proprietà display. Differenza tra div e span.
Nelle lezioni precedenti abbiamo collegato un file CSS e scritto un po’ di codice per vedere come funziona. In questa lezione ci concentreremo su una proprietà molto importante: display. La proprietà display determina come viene mostrato un elemento HTML nel documento — se verrà visualizzato in linea con il testo o come un blocco con larghezza e altezza proprie. Cominciamo dal comportamento predefinito dei tag: <div> viene mostrato come un blocco, mentre <span> come testo in linea.
Corso di CSS - Lezione 5 - Proprietà float e clear. Flusso e fine del flusso del testo.
Immagina un fiume di montagna impetuoso, che scorre veloce e rumoroso. E ora, sul suo cammino, incontra una roccia: il fiume la aggira. Se la roccia si trova a sinistra rispetto alla direzione del flusso, il fiume la aggira da destra; se invece è a destra, la aggira da sinistra. Allo stesso modo funziona la proprietà CSS float.
Corso di CSS - Lezione Conclusiva - Dall’HTML/CSS a Drupal
Con questa lezione si conclude il corso di CSS, ma non lo studio del CSS. Ti propongo di passare alla pratica e continuare ad approfondire CSS attraverso la creazione di un tema per Drupal. Troverò un layout in formato PSD su Internet e lo trasformeremo in un tema per Drupal basato sul tema Zen.
Puoi anche passare direttamente allo studio di PHP:
Lezioni di JavaScript (manuale, corso autodidatta)
JavaScript è uno dei linguaggi di programmazione più popolari al mondo. Anche se con il tempo ha perso un po’ delle sue posizioni di dominio, resta comunque un linguaggio fondamentale che molti programmatori decidono di imparare.
JavaScript ti sarà necessario per lo studio di jQuery, che a sua volta è un framework basato su JavaScript. Per questo, prima di passare a jQuery, è importante conoscere le basi di JavaScript.
Il codice JavaScript si inserisce direttamente nel codice HTML di una pagina tramite i tag <script></script>:
Lezione di JavaScript 1 – Variabili e operazioni su di esse
Non mi dilungherò a descrivere tutti i tipi di variabili e tutte le operazioni possibili: non è necessario per il nostro obiettivo principale, che è comprendere la sintassi di base di JavaScript per poi passare allo studio di jQuery. In seguito potrai migliorare le tue conoscenze e abilità in JavaScript. Se desideri approfondire JavaScript in sé e non ti interessa usare un potente framework come jQuery, ti consiglio di cercare un manuale più completo. Ma se vuoi creare siti in Drupal e imparare jQuery, allora sei nel posto giusto. Iniziamo!
Lezione di JavaScript 2 – Struttura if
In questa lezione analizzeremo come utilizzare la struttura if in JavaScript. La sintassi di JavaScript è molto simile a quella di PHP (entrambi i linguaggi sono stati pensati per programmatori provenienti da C++), quindi puoi leggere di più sull’istruzione if in questa lezione di PHP:
Lezione di JavaScript 3 – Cicli while e for
In questa lezione analizzeremo i cicli in JavaScript. Come ho già detto in precedenza, la sintassi di PHP è molto simile a quella di JavaScript, quindi puoi anche dare un’occhiata ai cicli in PHP:
Lezioni di PHP - Lezione 12 - Cicli while, foreach, for
Con una sola differenza: in JavaScript non esiste il ciclo foreach(), quindi in futuro useremo il metodo each() di jQuery per scorrere gli elementi.