per programmare i nostri siti web useremo due linguaggi:
- HTML
- CSS
Il CSS ( Cascading Style Sheets, in italiano: fogli di stile) è un linguaggio per la definizione del layout dei documenti HTML,e quindi per la loro presentazione. L'introduzione del CSS si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare.
Una cosa fondamentale è che questi due linguaggi funzionano insieme, pertanto ricordatevi di salvarli nella stessa cartella e senza usare spazi ne maiuscole!!!
Per programmare in HTML ci sono diversi programmi, noi useremo l'editor testuale CoffeeCup
( ecco il link per scaricarlo: http://www.coffeecup.com/free-editor/ )
Chi ha già altri programmi,come Dreamweaver, è liberissimo di usarli.
Guida HTML: http://www.html.it/guide/guida-html/
Creare una nuova pagina HTML in CoffeeCup:
Per creare una nuova pagina andate su File e cliccate su New blank page/New HTML page
vi apparirà la struttura base dell' HTML, che come potete notare è composta da due blocchi principali:
<head> nel quale vanno inserite le informazioni principali sulla pagina, utili per i motori di ricerca
<body> il contenuto
Noi, per ora, ci occuperemo principalmente del body.
Salvare la pagina HTML in CoffeeCup:
Per salvare andate su File e cliccate Save/Save as
rinominate la vostra pagina come volete, ma NON usate maiuscole, spazi ecc!!! E aggiungete l'estensione ".html"
esempio: miapagina.html
Fondamentale è salvare le pagine HTML e i fogli di stile nella stessa cartella!
Visualizzare la pagina HTML:
Andate nella cartella dove avete salvato il file e cliccateci sopra, vi si dovrebbe aprire una pagina del browser dove potrete visualizzare il vostro lavoro e vedere così se avete inserito bene tutti i codici.
I TAG:
Per programmare ci serviremo di una serie di marcatori (i TAG), a cui viene affidata la visualizzazione e che hanno differenti nomi a seconda della loro funzione.
I tag vanno scritti dentro le parentesi angolari "< >", il testo o contenuto va inserito tra il tag d'apertura "<tag>" e quello di chiusura, nel quale si aggiunge lo slash "/" : </tag> .
Il risultato complessivo sarà una cosa di questo tipo:
<tag> testo </tag>
Ecco il link alla guida: Lezione 5: i TAG dell'HTML
Buona programmazione a tutti! :)
Nessun commento:
Posta un commento