Guida H.T.M.L. e C.S.S.

I pilastri del web

Come dice il titolo HTML e CSS sono due pilastri del web, ma ne esiste un terzo, vale a dire Javascript un linguaggio di programmazione usato per dare il comportamento ad un sito.

Il sito Spazioprever utilizza script, javascript e la libreria jquery, e istruzioni PHP per la creazione dinamica delle pagine.

Html è il linguaggio più diffuso per creare pagine web.
Il 6 agosto 1991 gli scienziati Tim Berners Lee e Robert Calliau, ricercatori del CERN di Ginevra, pubblicarono online il primo sito scritto con un linguaggio ideato proprio a questo scopo HTML, (Hypertext Mark-up Language) una versione "ridotta" del SGML. Il 30 aprile 1993 il CERN ufficializzò il World Wide Web.
Berners Lee mise a punto anche lo strumento per leggere i file creati con l'html vale a dire il browser.

Oggi la quasi totalità delle pagine web si basa su questo linguaggio o su uno dei suo stili, HTML4, XHTML 1
Oggi l'HTML è giunto alla versione HTML5, e si compone di un centinaio di tag.

Molto diffuso è l'XHTML che si fonda sugli stessi principi dell'HTML ma è scritto con la sintassi più rigorosa dell'XML.

I CSS, ovvero cascading style sheet (fogli di stile a cascata), sono la tecnologia elaboarata dal World Wide Web Consortium - W3C per definire e gestire l'aspetto delle pagine web, (caratteri, colori, impaginazione), in modo indipendente dalla struttura.

Definiti per la prima volta nel dicembre del '96, sono stati via via ridefiniti, per giungere all'attuale versione CSS 3. Solo negli ultimi anni i vari browser, hanno implementato un supporto relativamente sicuro per i CSS.

Un suggerimento

In questa guida alcuni esempi di codice vanno a capo in un nuovo rigo. Questo è dovuto a motivi strutturali e per rendere più facile la lettura degli esempi.

Quando scrivete il codice è preferibile scriverlo sempre di seguito, senza interruzioni di riga.

Scrivere per il web

Scrivere ipertesti per il web, non è come scrivere testi per la stampa. Anche in questo caso, una guida può essere d'aiuto.

 

Tutorial X/HTML e CSS - Guida elaborata da: Bianchi Roberto - Spazioprever

Risorse in rete
  • HTML
    Sito italiano di riferimento per corsi e tutorial sul web.
  • lau.csi.it
    Strumenti, riferimenti, supporto per orientare gli sviluppatori all'accessibilità e usabilità dei siti web.
  • Italian web design
    Community per il Webdesign - articoli, tutorial, consigli utili.
  • Trucchi CSS
    Moltissimi "trucchi" CSS, in inglese
  • CSS clickchart
    Tabella delle nuove specifiche CSS3
  • web design
    Tutorial in inglese per css e html - informazioni su risorse e programmi per il web design
  • W3C
    Sito di riferimento per gli standard internazionali - in inglese.
  • w3schools
    Tutorial guide e corsi per il web design - in inglese.
  • Validatore
    Per validare le pagine e creare documenti conformi agli standard.
  • A List Apart
    Il sito italiano di "A list apart", articoli e notizie per il webdesign.
  • your inspiration web
    Informazioni sul web, linguaggi, markup, css e moto altro.
  • meyerweb
    Il sito di Eric Meyer, guru dei css (in inglese)
  • Java - Android
    corso online di java e android.
Bibliografia
  • Bruce Hyslop
    html5 - Guida rapida - Pearson
  • Eric A. Meyer
    Cascading Style Sheet - La guida completa - O'Reilly
  • Eric A. Meyer
    CSS - Guida Pocket - O'Really
  • Gianluca Troiani
    CSS 3 - La nuova frontiera del web design - Apogeo
  • Gianluca Troiani
    CSS2 e CSS3 - Terza edizione - Apogeo
  • Gianluca Troiani
    Responsive Web Design - Apogeo
  • Jennifer Niederst Robbins
    HTML & XHTML - Guida Pocket - O'Really
  • Jason Beaird
    Web design - Per creativi, grafici, sviluppatori - Apogeo
  • Joel Sklar
    Principi di Web design - Apogeo
  • Editor HTML
  • PSPad
    Editor freeware
  • Notepad++
    Editor gratuito
  • Synwrite
    Editor freeware
  • Filezilla Programma FTP per l'upload sui server
  • Grafica
  • Paint.net
    Software gratuito per disegnare, editare immagini e svolgere operazioni di fotoritocco
  • Color schemer
    Programma in versione trail per la definizione dei colori

CSS Valido!