Articoli in questa categoria Vorrei creare un sito web. Cosa mi serve? Creare un sito web in linea di massima è più semplice di quanto si possa immaginare. Sostanzialmente per poter pubblicare un sito online è necessario un La struttura di un sito Questa è una guida per prendere confidenza con il web design in modo pratico e rapido: data la complessità della materia e le numerose discipline che la compongono non sarà una guida completa ma servi... HTML(5) e CSS, gli standard Iniziamo questa lezione parlando del W3C (il signor 'standard'). Non facciamoci spaventare dalla sigla, non c'è niente di più familiare: W3 sta per "3 volte W", cioè World Wide Web, un termine che si ... La prima pagina HTML Per iniziare prendiamo uno dei template per le pagine HTML più utilizzati, HTML5 Boilerplate, e vediamo come risulta una pagina vuota HTML (semplificata per i nostri scopi): <!DOCTYPE html> <... Tag HTML fondamentali per i contenuti Iniziamo a fare la conoscenza dei tag basilari per la scrittura dei contenuti in una pagina HTML e orientarci con elementi di base del Web design. HTML <p> : testo e paragrafi Innanzitutto il t... I CSS e il testo Nelle lezioni precedenti abbiamo scritto le prime righe di CSS, iniziando col definire il tag principale, quello che è prima di tutto "visibile", cioè il <body>, e a seguire <h1>, <h2&g... Da JPG a HTML e CSS: impostare lo sfondo Trasformare un progretto grafico in codice HTML e CSS richiede capacità di astrazione poiché bisogna soffermarsi ad osservare la nostra grafica e pensarla suddivisa per blocchi o divisori, nome che co... Box Model, div, section, id e classi In questa lezione mettiamo le basi per rappresentare praticamente gli spazi delineati nel nostro layout, imparando come si definiscono e dimensionano le aree nel file HTML e come modificarle grazie ai... Suddividere il layout in sezioni Ora, osserviamo il nostro layout con occhi "sintetici" e cerchiamo di capire come potremmo suddividere la nostra grafica per box: Figura 7. Prima suddivisione del layout Ad un occhio esperto appare su... Il menu del sito: liste e link La prima area che abbiamo definito nel layout è il menu di servizio. Per far sì che il colore di sfondo prenda tutta la larghezza possibile abbiamo già impostato la sua larghezza con il valore 100%. O... La testata: image replacement per il logo del sito Ora possiamo riprendere il layout che avevamo lasciato incompleto ed affrontare la creazione delle aree più complesse con le conoscenze appena apprese. Ripartiamo dalla testata ed analizziamone i sing...
