atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015
TRANSCRIPT
![Page 1: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/1.jpg)
![Page 2: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/2.jpg)
![Page 3: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/3.jpg)
![Page 4: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/4.jpg)
![Page 5: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/5.jpg)
![Page 6: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/6.jpg)
![Page 7: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/7.jpg)
![Page 8: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/8.jpg)
![Page 9: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/9.jpg)
![Page 10: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/10.jpg)
![Page 11: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/11.jpg)
![Page 12: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/12.jpg)
![Page 13: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/13.jpg)
![Page 14: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/14.jpg)
![Page 15: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/15.jpg)
![Page 16: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/16.jpg)
![Page 17: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/17.jpg)
![Page 18: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/18.jpg)
![Page 19: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/19.jpg)
L’informatique vestimentaire
![Page 20: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/20.jpg)
![Page 21: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/21.jpg)
![Page 22: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/22.jpg)
SMILE, EmoPulse
![Page 23: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/23.jpg)
![Page 24: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/24.jpg)
![Page 25: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/25.jpg)
![Page 26: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/26.jpg)
![Page 27: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/27.jpg)
![Page 28: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/28.jpg)
![Page 29: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/29.jpg)
C’est un metteur en scène, un chef d’orchestre, un organisateur : Il structure l’architecture et le contenu du site web. Il doit déterminer l’ergonomie et la présentation
du site en fonction des objectifs fixés, du public ciblé et de l’image qu’il est chargé de véhiculer au travers du projet.
![Page 30: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/30.jpg)
Réf: WIKIPEDIA
Print vs Web Design
![Page 31: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/31.jpg)
HTML L’Hypertext Markup Language, est le format de données conçu pour représenter les pages web. C’est un langage de balisage permettant d’écrire de l’hypertexte généralement abrégé HTML permet également de structurer sémantiquement et de mettre en forme le contenu des pages, d’inclure des ressources multimédias dont des images, video...
1990 HTML
Réf: WIKIPEDIA
![Page 32: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/32.jpg)
World Wide Web ou WWW, Tim Barners-Lee met en place les bases du web (le protocole http, le langage Html...).l’adresse de ce premier site web fut : http://info.cern.ch/hypertext/WWW/TheProject.htm
et vous pouvez toujours le consulter.
1991 Le premier site web
Réf: (une) histoire du design interactif Etienne Mineur
![Page 33: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/33.jpg)
Le premier site web
![Page 34: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/34.jpg)
1992 - DESIGN DES TABLEAUX EN HTML
![Page 35: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/35.jpg)
1993 - 10 Millions d’internautes connectés 600 site web en ligne
![Page 36: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/36.jpg)
1994 - World Wide Web Consortium
« Un seul web partout et pour tous »
W3C, est un organisme de standardisation, fondé en octobre 1994 chargé de promouvoir la compatibilité des technologies du World Wide WebRéf: WIKIPEDIA
![Page 37: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/37.jpg)
1995 - 1996M74 Millions d’internautes connectés - 650000 sites web en ligne
![Page 38: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/38.jpg)
CSS est introduit par le W3C, améliore l’accessibilité du Web et rend le code HTML sémantique, plutôt que de présentation.
1996 CSS Cascading Style Sheets Feuilles de style en cascade
![Page 39: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/39.jpg)
1999 CSS3M279 Millions d’internautes connectés - 2,2 millions sites web en ligne
CSS3 introduit de nouvelles fonctions et caractéristiques qui changent le visage du web design.
![Page 40: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/40.jpg)
1998 La naissance du géant Google
détient aujourd’hui de nombreux logiciels et sites web notables parmi lesquels YouTube, le système d’exploitation pour téléphones mobiles Android, ainsi que d’autres services tels que Google Earth, Google Maps ou Google Play.
![Page 41: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/41.jpg)
L’internaute devient, grâce aux outils mis à sa disposition, une personne active sur la toile.
Le Web 2.0
![Page 42: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/42.jpg)
le Web mobile prendre le dessus et plus de gens accéder à l’Internet via leur téléphone portable que d’un ordinateur de bureau
2008 Le Web mobile
![Page 43: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/43.jpg)
2010 HTML 5 M2 Milliards d’internautes connectés - 240 millions sites web en ligne
HTML 5 et CSS3 sont en train de créer de meilleurs sites Web avec l’enrichissement de l’expérience utilisateur.
![Page 44: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/44.jpg)
2012 Responsive Web Design 2,4 Milliards d’internautes connectés - 624 millions sites web en ligne
L’utilisateur peut ainsi consulter le même site web à travers une large gamme d’appareils (moniteurs d’ordinateur, smartphones, tablettes, TV, etc.)
![Page 45: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/45.jpg)
Les tendance du web d’aujourd’hui : le parallax scrolling, flat design, video backgrounds, one page le material design et ...
2015 - 3,10 Milliards d’internautes connectés 822 240 nouveaux sites Internet sont mis en ligne chaque jour.
![Page 46: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/46.jpg)
Quelques chiffres
![Page 47: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/47.jpg)
![Page 48: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/48.jpg)
Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik
![Page 49: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/49.jpg)
Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik
![Page 50: Atelier web et mobile design partie i introduction au web design ahmed bachir cherif esba2015](https://reader031.vdocuments.pub/reader031/viewer/2022030316/5872880f1a28ab36118b45dd/html5/thumbnails/50.jpg)