introduzione html prima parte
DESCRIPTION
perché studiare html e cssTRANSCRIPT
![Page 1: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/1.jpg)
Appunti HTML
![Page 2: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/2.jpg)
Perché occuparmi del codice?
Anche se non sarò un tecnico, devo sapere…
Dov’è il codice
Cosa fa il codice
Come ritoccare il codice
![Page 3: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/3.jpg)
Perché fare un sito?
Per chi fare un sito?
Chi realizza un sito?
Con che strumenti?
![Page 4: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/4.jpg)
Perché fare un sito?
Avere visite• (fare traffico)
Ospitare pubblicità
Per vendere qualcosa• Per farsi
conoscere
Per diffondere
un’idea
![Page 5: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/5.jpg)
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
![Page 6: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/6.jpg)
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!
![Page 7: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/7.jpg)
La Stampa, oggi
…e c’è anche la carta….
Per chi
![Page 8: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/8.jpg)
Il corriere, oggi
…e c’è anche la carta….
Per chi
![Page 9: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/9.jpg)
Per fare il nuovo sito della BBC…
Per chi
![Page 10: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/10.jpg)
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 problem
i
Chi lo fa?
![Page 11: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/11.jpg)
Chi fa un sito? web agencycreativo • realizza un’idea
Marketing• Propone la
strategia di comunicazione
HTML-ista• Compatibilità,
efficienza
Esperto SEO• ottimizza per
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?
![Page 12: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/12.jpg)
Chi lo fa?
![Page 13: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/13.jpg)
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 .cssFile .cssFile .css
File .cssFile .cssFile .css
File .js(javascript)File .js
(javascript)File .js(javascript)File .js
(javascript)
File .htmlFile .html
File .htmlFile .html
File .html
![Page 14: Introduzione html prima parte](https://reader036.vdocuments.net/reader036/viewer/2022081519/557beaf2d8b42a302d8b47d0/html5/thumbnails/14.jpg)
Con che strumenti si fa un sito?Con che cosa?
File .cssFile .cssFile .css
File .cssFile .cssFile .css
File .js(javascript)File .js
(javascript)File .js(javascript)File .js
(javascript)
File .htmlFile .html
File .htmlFile .html
File .html
Descrive sommariamente la pagina
formatta esattamente la pagina
Esegue piccole automazioni nella pagina (e molto altro)
NON è programmazione
Èprogrammazione