struttura di un elemento html



<a href="http://www.mtv.it">il sito MTV</a>

elemento "a" <a href="http://www.mtv.it">il sito MTV</a>

tag apertura "a" <a href="http://www.mtv.it">

tag chiusura "a" </a>

l'"attributo" href ha un "valore"(http://www.mtv.it)

gli attributi vanno messi nel tag di apertura e non di chiusura

esistono due "stili" di html due famiglie di linguaggio

  • html "classico"
  • xhtml

la scelta di quale linguaggio usare dipende dall'autore

micro regoletta

1) se faccio un sito che voglio sia compatibile al massimo con i browser moderni ma anche con quelli un po' superati ---> Xhtml 1.0

2) se aggiungo nuove pagine uso la convenzione già esistente

3) se faccio un sito di sperimentazione : HTML 5 (non tutti i client lo vedranno come voglio io)






differenze fra HTML e xhtml


nell' xhtml

1) i tag solo minuscoli
2) i tag vanno sempre chiusi !
3) gli attributi hanno sempre un valore
4) gli attributi vanno sempre tra virgolette

il tag per mettere una linea orizzontale

in HTML <HR> oppure <hr>

in xhtml <hr />



struttura di una pagina html


la prima cosa che possiamo trovare
dichiarazione Doctype (il tipo di documento)

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
per l'html 5
<!DOCTYPE html>

dopo
c'è l'elemento html che comprende tutta la pagina

<html lang="it" dir="ltr" >

la prima sezione del codice è racchiusa nell'elemento head

comprende il Titolo del documento nell'elemento title

può comprendere
informazioni su altri file utili alla visualizzazione della pagina
-programmi
-fogli di stile o comandi di stile
informazioni utili per i motori di ricerca o per le persone tag meta
-quando (o se) indicizzare la pagina
-una descrizione approfondita del contenuto
- descrizioni relative a lingua e caratteri

<meta name="robots" content="index, follow" />




dopo la head c'è l'elemento body con il
contenuto vero e proprio

approfondimenti elementi di html e xhtml

Domande e risposte di progettazione web


Q&A

cosa è un website ?
una collezione di documenti multimediali
e applicazioni strutturata (ipertestuale)

cosa bisogna considerare come prima cosa quando preparo un sito web ?

qual è l'obiettivo : ogni progettazione non può non partire dall'obiettivo!


cosa ci serve per fare un sito web ?

-pre-progettazione
analisi target
stato dell'arte /concorrenza/ benchmarking

-dominio
-spazio web (server)
-contenuto
-testi
-immagini
-video
-applicazioni
-musica etc.
-documento di progettazione web
-grafica
- mock-up (simulazione dell'interfaccia)
- template grafico (photoshop !)
-strutturale -
- albero (grafo) del sito
-documenti
- html (files)
- css (stile)
- programmazione
- javascript
- linguaggi "lato server"
- elaborati grafici e m/mediali per il web

quali sono i ruoli in un progetto web, le professioni del web ?

- web designer
progettista di website
disegna l'interfaccia grafica
controlla la strutturazione
(art director / web architect )
- grafico web
realizza l'interfaccia grafica
loghi immagine coordinata etc.
-esperto Flash
- programmatore web / sviluppo web
applicazioni
basi di dati
-accatiemmeellista
-esperto CSS
-esperto Flash
- web master
è il supervisore e manutentore di un sito web
- aggiornamento
- email
- il contatto tecnico /commerciale
- web content editor
realizza, edita, pubblica contenuto per il web
- cms editor / cms specialist
- copy / copywriter