Prima lezione del corso "Web & Graphic Design" in collaborazione con l'associazione studentesca Link Udu Lecce.
Il percorso illustra come si è arrivati all'attuale Responsive, dopo un periodo condito da <tables> e Flash, per poi arrivare al full-CSS grazie anche al Web 2.0 e Wordpress.
CONTENUTI DEL CORSO:
HTML 5 + CSS 3
Responsive Web Design
Tipografia
Drupal 7
Content Strategy
Information Architecture
Tips & Tricks
Web Designer e Social Media
Guida al Freelancing
TUTOR del corso: Andrea Riezzo - web designer - Freelance - Blogger Professionista - Content Strategist - Videomaker
http://androe.com
http://follow.androe.com
http://altroportaleunisalento.jimdo.com/progetti-corsi/archivio-a-a-2012-13/10-corso-di-web-graphic-designer/
15. DESIGN
NOUN
a plan or drawing produced to show the look and
function or workings of a building, garment, or other
object before it is made
[mass noun] the art or action of conceiving of and
producing a plan or drawing of something before
it is made
VERB
do or plan (something) with a specific purpose in mind
fonte: Oxford Dictionaries Online http://oxforddictionaries.com/definition/english/design
martedì 22 gennaio 13
19. WEB DESIGNER
programmazione
martedì 22 gennaio 13
20. PHP
WEB DESIGNER
programmazione
martedì 22 gennaio 13
21. javascript PHP
WEB DESIGNER
programmazione
martedì 22 gennaio 13
22. javascript PHP
WEB DESIGNER
programmazione HTML
martedì 22 gennaio 13
23. javascript CSS PHP
WEB DESIGNER
programmazione HTML
martedì 22 gennaio 13
24. javascript SEO CSS PHP
WEB DESIGNER
programmazione HTML
martedì 22 gennaio 13
25. javascript SEO CSS PHP
WEB DESIGNER
programmazione HTML TIPOGRAFIA
martedì 22 gennaio 13
26. javascript SEO CSS PHP
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
martedì 22 gennaio 13
27. javascript SEO CSS PHP
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
28. javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
29. javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
30. jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
31. USER INTERFACE
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
32. jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
CMS
martedì 22 gennaio 13
33. jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
USO DEI SOCIAL MEDIA
CMS
martedì 22 gennaio 13
34. jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP USO DEI SOCIAL MEDIA
CMS
martedì 22 gennaio 13
35. content strategy
jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP USO DEI SOCIAL MEDIA
CMS
martedì 22 gennaio 13
36. content strategy
GRAPHIC DESIGN
jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP USO DEI SOCIAL MEDIA
CMS
martedì 22 gennaio 13
37. content strategy
GRAPHIC DESIGN
jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP USO DEI SOCIAL MEDIA
economia
CMS
martedì 22 gennaio 13
38. content strategy
GRAPHIC DESIGN
jQuery USER INTERFACE LEGGI
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
martedì 22 gennaio 13
39. GRAPHIC DESIGN web marketing
content strategy
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
martedì 22 gennaio 13
40. animazione
GRAPHIC DESIGN web marketing
content strategy
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
martedì 22 gennaio 13
41. animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
martedì 22 gennaio 13
42. animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
IMPRENDITORIA
martedì 22 gennaio 13
43. animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia
IMPRENDITORIA FREELANCING
martedì 22 gennaio 13
44. animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
IMPRENDITORIA FREELANCING
martedì 22 gennaio 13
45. INFORMATION ARCHITECTURE
animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
IMPRENDITORIA FREELANCING
martedì 22 gennaio 13
46. PSICOLOGIA
INFORMATION ARCHITECTURE
animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
IMPRENDITORIA FREELANCING
martedì 22 gennaio 13
47. PSICOLOGIA
INFORMATION ARCHITECTURE
animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
team management
IMPRENDITORIA FREELANCING
martedì 22 gennaio 13
48. PSICOLOGIA
INFORMATION ARCHITECTURE
animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
team management
IMPRENDITORIA FREELANCING WEB PUBLISHING
martedì 22 gennaio 13
49. PSICOLOGIA PROJECT MANAGEMENT
INFORMATION ARCHITECTURE
animazione CSS3 + HTML5
GRAPHIC DESIGN content strategyweb marketing
USER INTERFACE LEGGI
jQuery
javascript SEO CSS PHP accessibilità
WEB DESIGNER
programmazione HTML UX TIPOGRAFIA
MARKUP CMS
USO DEI SOCIAL MEDIA
SOCIAL NETWORKING economia branding
team management
IMPRENDITORIA FREELANCING WEB PUBLISHING
martedì 22 gennaio 13
55. HTML
HYPERTEXT MARKUP LANGUAGE
martedì 22 gennaio 13
56. HTML
HYPERTEXT MARKUP LANGUAGE
martedì 22 gennaio 13
57. HTML
HYPERTEXT MARKUP LANGUAGE
Testo visualizzato su
dispositivi elettronici
dotato di hyperlink
cliccabili.
Lettura del documento
non lineare.
martedì 22 gennaio 13
58. HTML
HYPERTEXT MARKUP LANGUAGE
Testo visualizzato su Regole che definiscono la
dispositivi elettronici rappresentazione di un testo,
dotato di hyperlink affidata (nel caso di HTML) a
cliccabili. un software.
Lettura del documento
non lineare.
martedì 22 gennaio 13
72. uso delle tabelle per il layout
<table>
facili da usare uso improprio
WYSIWYG codice sporco
struttura “solida” ... anzi sporchissimo
IE ... fuori standard
martedì 22 gennaio 13
146. RESPONSIVE
WEB DESIGN
« in essence, RWD is adapting a website
to best fit the device viewport. »
martedì 22 gennaio 13
147. RESPONSIVE
WEB DESIGN
✓ Accessibilità (canonical web location)
✓ Conservabilità (un solo HTML)
✓ Usabilità (facile da navigare su tutti i dispositivi)
martedì 22 gennaio 13
148. RESPONSIVE
WEB DESIGN
FRAMEWORK
martedì 22 gennaio 13
151. RESPONSIVE
WEB DESIGN
Google approva ufficialmente
martedì 22 gennaio 13
152. RESPONSIVE
WEB DESIGN
Google approva ufficialmente
Navigazione sito tap-oriented
martedì 22 gennaio 13
153. RESPONSIVE
WEB DESIGN
Google approva ufficialmente
Navigazione sito tap-oriented
Interfaccia web che trascura
l’hover dei link?
martedì 22 gennaio 13