L’informatique
vestimentaire
SMILE, EmoPulse
C’est un metteur en scène, un chef d’orchestre,
un organisateur : Il structure l’architecture et le contenu du
site web. I...
Print vs Web
Design
HTML L’Hypertext Markup Language, est le format de données conçu
pour représenter les pages web. C’est un langage de balis...
World Wide Web ou WWW, Tim Barners-Lee met en place les bases du
web (le protocole http, le langage Html...).
l’adresse de...
Le premier site web
1992 - DESIGN DES TABLEAUX EN HTML
1993 - 10 Millions d’internautes connectés
600 site web en ligne
1994 - World Wide Web Consortium
« Un seul web partout et pour tous »
W3C, est un organisme de standardisation, fondé en o...
1995 - 1996M74 Millions d’internautes
connectés - 650000 sites web en ligne
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....
1999 CSS3M279 Millions d’internautes connectés -
2,2 millions sites web en ligne
CSS3 introduit de nouvelles fonctions et ...
1998 La naissance du géant Google
détient aujourd’hui de nombreux logiciels et sites web notables parmi
lesquels YouTube, ...
L’internaute devient, grâce aux outils mis à sa disposition, une personne
active sur la toile.
Le Web 2.0
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 bu...
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 d...
2012 Responsive Web Design 2,4 Milliards
d’internautes connectés - 624 millions sites web en
ligne
L’utilisateur peut ains...
Les tendance du web d’aujourd’hui : le parallax scrolling, flat design,
video backgrounds, one page le material design et ...
Quelques chiffres
Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik
Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016
Prochain SlideShare
Chargement dans…5
×

Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016

649 vues

Publié le

Presentation de la première partie du cours web et mobile design
1- Design d'interface histoire et evolution.
2- Qu'est qu'un web designer
3- Du web 1.0 au web 2.0
4- Quelques chifres

Publié dans : Design
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
649
Sur SlideShare
0
Issues des intégrations
0
Intégrations
71
Actions
Partages
0
Téléchargements
25
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier Web et Mobile Design partie I, introduction au web design, Ahmed BACHIR CHERIF ESBA 2015-2016

  1. 1. L’informatique vestimentaire
  2. 2. SMILE, EmoPulse
  3. 3. 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.
  4. 4. Print vs Web Design
  5. 5. 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
  6. 6. 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
  7. 7. Le premier site web
  8. 8. 1992 - DESIGN DES TABLEAUX EN HTML
  9. 9. 1993 - 10 Millions d’internautes connectés 600 site web en ligne
  10. 10. 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 Web Réf: WIKIPEDIA
  11. 11. 1995 - 1996M74 Millions d’internautes connectés - 650000 sites web en ligne
  12. 12. 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
  13. 13. 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.
  14. 14. 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.
  15. 15. L’internaute devient, grâce aux outils mis à sa disposition, une personne active sur la toile. Le Web 2.0
  16. 16. 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
  17. 17. 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.
  18. 18. 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.)
  19. 19. 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.
  20. 20. Quelques chiffres
  21. 21. Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik
  22. 22. Screen shoot : Conférence Algeria 2.0 Septembre 2015 par Samir Bellik

×