1
Un webdesigner:
c’est quoi???
2
Un webdesigner: c’est quoi?
HTML
3
JS
CSS
Design
Flash
Illustartion
Un webdesigner: c’est quoi?
4
« Savoir coder pour designer »
Gain de temps
Le Web = conception
Un webdesigner: c’est quoi?
5
+ =
Design
Graphisme
Concevoir
Elaborer
Outils du webdesigner
 Logiciels d’infographies
 Programmes d’intégrateurs web
6
Logiciels d’infographie
7
Gimp Photoshop Fireworks
N’oublions pas aussi les logiciels complémentaires:
Illustrator Flash M...
Programmes d’intégrateur web
8
Komodo Edit Dreamweaver IE TESTER
Notepad++
Programmes d’intégrateur web
Pourquoi ?
 Libre
 Efficace
 HTML, CSS, PHP...
9
HTML5 & CSS3
10
HTML5
 Dernière version de HTML
 Nouvelles balises
 Harmoniser les médias
 Structure plus sémantique
11
HTML5
Peut on l’utiliser ?
 OUI !!!
 Meilleur sémantique
 Non nocif pour le référancement
 Être à l’avant garde
12
HTML5
A t-on des exemples?
 Google
 Alsacreations.fr
 youtube.com
 nikebetterworld.com
 Etc...
13
CSS3
 Dernière évolution CSS
 Nombreux effets
 Indépendant de
14
CSS3
Peut on l’utiliser ?
 OUI !!!
 Compatibles avec et
 Certaines propeiétés OK
15
CSS3
Peut on l’utiliser ?
 Mais...
 Limité à certains navigateurs 
16
Prochain SlideShare
Chargement dans…5
×

Débutez Html5 et css3

1 350 vues

Publié le

c une simple présentation à propos du métier du webdesigner ainsi que les nouveautés de HTML5 et CSS3

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 350
Sur SlideShare
0
Issues des intégrations
0
Intégrations
134
Actions
Partages
0
Téléchargements
27
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Débutez Html5 et css3

  1. 1. 1
  2. 2. Un webdesigner: c’est quoi??? 2
  3. 3. Un webdesigner: c’est quoi? HTML 3 JS CSS Design Flash Illustartion
  4. 4. Un webdesigner: c’est quoi? 4 « Savoir coder pour designer » Gain de temps Le Web = conception
  5. 5. Un webdesigner: c’est quoi? 5 + = Design Graphisme Concevoir Elaborer
  6. 6. Outils du webdesigner  Logiciels d’infographies  Programmes d’intégrateurs web 6
  7. 7. Logiciels d’infographie 7 Gimp Photoshop Fireworks N’oublions pas aussi les logiciels complémentaires: Illustrator Flash Maya, C D...
  8. 8. Programmes d’intégrateur web 8 Komodo Edit Dreamweaver IE TESTER Notepad++
  9. 9. Programmes d’intégrateur web Pourquoi ?  Libre  Efficace  HTML, CSS, PHP... 9
  10. 10. HTML5 & CSS3 10
  11. 11. HTML5  Dernière version de HTML  Nouvelles balises  Harmoniser les médias  Structure plus sémantique 11
  12. 12. HTML5 Peut on l’utiliser ?  OUI !!!  Meilleur sémantique  Non nocif pour le référancement  Être à l’avant garde 12
  13. 13. HTML5 A t-on des exemples?  Google  Alsacreations.fr  youtube.com  nikebetterworld.com  Etc... 13
  14. 14. CSS3  Dernière évolution CSS  Nombreux effets  Indépendant de 14
  15. 15. CSS3 Peut on l’utiliser ?  OUI !!!  Compatibles avec et  Certaines propeiétés OK 15
  16. 16. CSS3 Peut on l’utiliser ?  Mais...  Limité à certains navigateurs  16

×