perché studiare html e css

1. Appunti HTML

2. Perché occuparmi del codice?
Anche se non sarò un
tecnico, devo sapere…
Dov’è il codice
Cosa fa il codice
Come ritoccare il
codice

3. Perché fare un sito?
Per chi fare un sito?
Chi realizza un sito?
Con che strumenti?

4. Perché fare un sito?
Avere visite
• (fare traffico)
Ospitare
pubblicità
Per vendere
qualcosa
• Per farsi
conoscere
Per
diffondere
un’idea

5. Per chi fare un sito?
• Per i miei clienti
• Per i miei potenziali clienti
• Per i motori di ricerca (Google, Yahoo, Bing)
• Per i social network (FB, twitter, youtube,Google+…)
• Per i computer (Mac, windows, linux…)
• Per i browser (I.E., Firefox, Safari, Chrome…)
• Per i dispositivi mobili (iPhone, iPad, telefoni/tablet
android, windows phone…)
Per chi

6. Centinaia di milioni di siti nel mondo
Farsi trovare non è meno importante che dire le
cose giuste nel modo giusto
Fonte: http://www.gandalf.it
Per chi
Per sempre più persone, ciò che non è su
Google, non esiste!

7. La Stampa, oggi
…e c’è anche
la carta….
Per chi

8. Il corriere, oggi
…e c’è anche la carta….
Per chi

9. Per fare il nuovo sito della
BBC…
Per chi

10. Chi fa un sito? - Idea sbagliata
Il cliente ha un
bisogno di
comunicazione
web
Il creativo la
disegna e la
pubblica
Il tecnico
risolve i
problemi
Chi lo fa?

11. Chi fa un sito? web agency
creativo
• realizza un’idea
Marketing
• Propone la
strategia di
comunicazione
HTML-ista
• Compatibilità,
efficienza
Esperto SEO
• ottimizza per google
Programmatore
• parti dinamiche
sistemista
• sicurezza del sito
Analisi del
traffico
Ruoli diversi, ma non
nettamente separati,
ognuno deve capire il
linguaggio degli altri
e lo segue! Chi lo fa?

12. Chi lo fa?

13. Con che strumenti si fa un sito?
Con che cosa?
Fantastico editor
HTML
(ieri frontpage, oggi
DreamWeaver….)
Editor facilitato
(Pspad,…)
Blocco note di
windows
File .css
File .css
File .css
File .css
File .css
File .css
File .js
(javascript)
File .js
(javascript)
File .js
(javascript)
File .js
(javascript)
File .html
File .html
File .html
File .html
File .html

14. Con che strumenti si fa un sito?
Con che cosa?
File .css
File .css
File .css
File .css
File .css
File .css
File .js
(javascript)
File .js
(javascript)
File .js
(javascript)
File .js
(javascript)
File .html
File .html
File .html
File .html
File .html
Descrive sommariamente la
pagina
formatta esattamente
la pagina
Esegue piccole automazioni
nella pagina (e molto altro)
NON è
programmazione
È
programmazione