Introduzione html prima parte

Appunti HTML

Perché occuparmi del codice?

Anche se non sarò un tecnico, devo sapere…

Dov’è il codice

Cosa fa il codice

Come ritoccare il codice

Perché fare un sito?

Per chi fare un sito?

Chi realizza un sito?

Con che strumenti?

Perché fare un sito?

Avere visite• (fare traffico)

Ospitare pubblicità

Per vendere qualcosa• Per farsi

conoscere

Per diffondere

un’idea

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

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!

La Stampa, oggi

…e c’è anche la carta….

Per chi

Il corriere, oggi

…e c’è anche la carta….

Per chi

Per fare il nuovo sito della BBC…

Per chi

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?

Chi fa un sito? web agencycreativo • 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?

Chi lo fa?

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 .js(javascript)File .js

(javascript)File .js(javascript)File .js

(javascript)

File .htmlFile .html


File .html

Con che strumenti si fa un sito?Con che cosa?



File .js(javascript)File .js

(javascript)File .js(javascript)File .js

(javascript)



File .html

Descrive sommariamente la pagina

formatta esattamente la pagina

Esegue piccole automazioni nella pagina (e molto altro)

NON è programmazione

Èprogrammazione

Introduzione html prima parte

Design

Transcript of Introduzione html prima parte