Incominciamo col vedere come ottenere la nostra prima pagina HTML nel modo in cui desideriamo visualizzarla.

Se vogliamo impostare un colore di sfondo è necessario impostare il relativo attributo del tag body. Così:

bgcolor sta per “background color”, cioè “colore di sfondo”. Molti colori sono disponibili utilizzando le corrispondenti parole chiave in inglese.

Qui potete trovare un esempio della pagina con lo sfondo blu

Tuttavia non è consigliabile inserire la notazione del colore facendo riferimento a questo tipo di sintassi, dal momento che non possiamo sapere esattamente a quale tonalità di colore corrisponda il blu del computer dell’utente. È preferibile in molti casi utilizzare la corrispondente codifica esadecimale del colore, che ci permette – tra le altre cose – di scegliere anche tonalità di colore non standard. Con la notazione esadecimale il nostro esempio diventa:

Ecco una tabella con la notazione di alcuni colori (molti di essi sono disponibili anche nelle varianti “dark” e “light”, ad esempio: “darkblue”, “lightblue”):

colore
parola chiave
notazione esadecimale

arancione
orange
#FFA500

Il numero di colori che l’utente ha a disposizione dipende dalla scheda video. Oggi si va da una risoluzione minima di 256 colori a una risoluzione che prevede svariati milioni di colori.

Per capire di cosa stiamo parlando, provate a visualizzare questa pagina: cambiando il numero di colori visualizzati sul monitor. Per fare ciò, in Windows, andate in: Pannello di controllo > Schermo > Impostazioni e cambiate il numero dei colori, applicate i cambiameni e tornate a visualizzare la pagina. Come si vede la visualizzazione della tonalità di colore è sensibilmente diversa passando da 256 a 65.536 colori (16 bit).

Oggi, come l’esperienza vi saprà dire, i colori sono milioni, e spesso si utilizzeranno varie forme di colori magari con pattern sfumati o gradient.

Link del Forum
clicca qui per visuaizzare la lezione

Per qualsiasi domanda vai su Forum PW

Carissimi amici, se ci state seguendo, ciò significa che la nostra guida è facile e soddisfacente, ora, superato il facile ostacolo dei links, passiamo alla formattazione dei testi.

Eccoti qui alla lezione 2 di questo tutorial. Qui conoscerai in modo approfondito tutto cio che riguarda i links, vero e proprio punto di sostegno di un sito web.

Lezione 2
Clicca qui per visualizzare la lezione

Ciao navigatore! Se sei giunto in questa pagina sicuramente hai deciso di acquisire le nozioni base del linguaggio
html in un breve tempo e nel modo più semplice in assoluto.

Requisiti per la buona apprensione:
- Blocco note, Notepad o qualsiasi strumento di testo.
- Browser di sistema (Internet Explorer, Opera, Mozilla Firefox).
- Tanta Tanta calma e pazienza.

PUNTO 1. FONDAMENTA DEL SITO WEB

Visualizza attentamente il codice qui sotto:

******************************************

Benvenuti nel mio sito web

******************************************
ora copialo ed incollalo nel blocco di testo e salvalo con questo nome

“index” con estensione .html - avremo quindi la pagina “index.html”

Analizziamo ora quanto scritto:

…
Questo tag serve a far capire al browser che quello che troverà nel documento non lo dovrà interpretare come semplice testo ma come codice html. Questo tag va aperto all’inizio del documento e poi va richiuso alla fine dello stesso.

…
Il tag contiene le informazioni del documento. Questo tag viene posto subito dopo il tag . All’interno di questo tag vengono posti i tag
Il tag

La foto che segue è stata scattata all’ultimo IAB Forum di Milano… e conferma una situazione palese: Google ha qualche difficoltà di posizionamento.

Per vedere la foto, saltate alla seconda parte…

Statemi bene…

(ripreso da una segnalazione di WebNews.it)

Benvenuto nel nuovo Blog PW. Nato da un’idea dello staff del Forum PW, cercherà di diventare un punto di riferimento per i webmaster, webdesigner SEO e SEM.

Allora non ti rimane che restare su PW