Webdesign et Infographie : Différence entre versions

De Ekopedia
Aller à : navigation, rechercher
(Les logiciels)
 
(8 révisions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
 +
{{Admissibilité}}
 +
 
== Webdesign ==
 
== Webdesign ==
  
Le webdesign est un terme anglais qui peut très bien se traduire par "Conception de pages web".
+
Le webdesign est un terme anglais qui se traduit par "Conception de pages web".
  
Nous allons examiner les technologies qui permettent de le réaliser, les logiciels à utiliser ainsi que des notions de conception graphique.
+
L'aspect graphique d'un site web détermine en partie le succès qu'il remporte auprès des visiteurs potentiels. Donc, lorsqu'on crée un site web, il est important de le concevoir en terme de graphisme, exactement comme on le ferait pour un magazine ou un livre.
  
 
=== Les technologies ===
 
=== Les technologies ===
Ligne 9 : Ligne 11 :
 
Les pages web sont stockées sur un serveur informatique appelé serveur web, sous la forme de fichiers d'extension HTML (.html).
 
Les pages web sont stockées sur un serveur informatique appelé serveur web, sous la forme de fichiers d'extension HTML (.html).
  
Ces fichiers peuvent être associés à des feuilles de style (CSS) et des instructions interprétées dans un langage appelé Javascript.
+
Ces fichiers peuvent contenir des feuilles de style (CSS) et des instructions écrites dans un langage appelé Javascript.
On peut stocker en réalité tout type de fichier sur un serveur web: images, vidéos, sons, musiques...  
+
On peut également stocker sur un serveur web: images, vidéos, sons, musiques... en réalité, tout type de fichier.  
  
==== Javascript ====
+
Javascript est un véritable langage de programmation, utilisé pour créer une navigation plus dynamique à l'intérieur d'un site web.
  
Il s'agit d'un véritable langage de programmation facile à apprendre, mais qui nécessite de bonnes capacités d'abstraction pour être maîtrisé.
+
=== Les logiciels ===
  
Il est utilisé pour lier les différents éléments d'une page web à des actions de navigation.
+
De nombreux logiciels ont été développés pour créer des pages web. On trouve principalement en logiciel de design web propriétaire, Adobe '''Dreamweaver''', et en [[logiciel libre]], Kompozer et sa version récente '''BlueGriffon'''.
Son apprentissage n'est pas indispensable dans le design pur et dur, mais c'est un plus pour créer une navigation dynamique à l'échelle d'un site.
 
  
=== Les logiciels ===
+
Un bon logiciel de dessin ou éditeur d'images est indispensable pour réussir de belles pages. Si vos pages ne contiennent que du texte, ce n'est pas du design graphique! On peut également utiliser des photos libres de droits pour enrichir le design de son site.
  
De nombreux logiciels ont été développés pour créer des pages web. On trouve principalement en logiciel de design web propriétaire, Adobe '''Dreamweaver''', et en logiciel libre, Kompozer et sa version récente '''BlueGriffon'''.
+
=== Le graphisme ===
  
Les éditeurs de texte comme Bluefish sont plutôt réservés aux programmeurs, car on ne voit pas l'aspect graphique de ce qu'on conçoit.
+
Le design de pages web est principalement une conception graphique. On commence en général par un croquis rapide de l'apparence générale de la page, on fait un schéma de la navigation sur le site web, et ensuite on commence le design à proprement parler.
  
Un bon logiciel de dessin ou éditeur d'images est indispensable pour réussir de belles pages. Si vos pages ne contiennent que du texte, ce n'est pas du design graphique!
+
Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès.
  
Nous allons maintenant voir quelques conseils pour concevoir graphiquement vos pages web.
+
La conception graphique fait appel à l'usage créatif de fontes, photos, effets picturaux, logos, couleurs de texte et de fond, dessins, dégradés, encadrés, etc...  
  
=== Le graphisme ===
+
Il existe de nombreux sites web et de magazines consacrés au design photo ou web, sans compter l'inspiration fournie par la multitude de sites et de blogs qui sont souvent très créatifs.
  
Le design de pages web est principalement une conception graphique. On commence en général par un croquis rapide de l'apparence générale de la page, on fait un schéma de la navigation sur le site web, et ensuite on commence le design à proprement parler.
+
Lorsque l'on publie des articles sur un blog, l'hébergeur propose un cadre pour créer des modèles (''templates'') qui sont souvent plus faciles à éditer que lorsque l'on crée un site de zéro.
  
Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès.
+
=== Voir aussi ===
  
La conception graphique fait appel à l'usage créatif de fontes, photos, effets picturaux, logos, couleurs de texte et de fond, dessins, dégradés, encadrés, etc... Il existe de nombreux sites web et de magazines consacrés au design photo ou web, sans compter l'inspiration fournie par la multitude de sites et de blogs qui sont souvent très créatifs.
+
* [[Marketing]]
 +
* [[Photographie]]
  
[[Catégorie:à classer]]
+
{{Portail Communiquer}}
 +
[[Catégorie:Communiquer]]

Version actuelle en date du 27 octobre 2012 à 13:30

Webdesign[modifier]

Le webdesign est un terme anglais qui se traduit par "Conception de pages web".

L'aspect graphique d'un site web détermine en partie le succès qu'il remporte auprès des visiteurs potentiels. Donc, lorsqu'on crée un site web, il est important de le concevoir en terme de graphisme, exactement comme on le ferait pour un magazine ou un livre.

Les technologies[modifier]

Les pages web sont stockées sur un serveur informatique appelé serveur web, sous la forme de fichiers d'extension HTML (.html).

Ces fichiers peuvent contenir des feuilles de style (CSS) et des instructions écrites dans un langage appelé Javascript. On peut également stocker sur un serveur web: images, vidéos, sons, musiques... en réalité, tout type de fichier.

Javascript est un véritable langage de programmation, utilisé pour créer une navigation plus dynamique à l'intérieur d'un site web.

Les logiciels[modifier]

De nombreux logiciels ont été développés pour créer des pages web. On trouve principalement en logiciel de design web propriétaire, Adobe Dreamweaver, et en logiciel libre, Kompozer et sa version récente BlueGriffon.

Un bon logiciel de dessin ou éditeur d'images est indispensable pour réussir de belles pages. Si vos pages ne contiennent que du texte, ce n'est pas du design graphique! On peut également utiliser des photos libres de droits pour enrichir le design de son site.

Le graphisme[modifier]

Le design de pages web est principalement une conception graphique. On commence en général par un croquis rapide de l'apparence générale de la page, on fait un schéma de la navigation sur le site web, et ensuite on commence le design à proprement parler.

Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès.

La conception graphique fait appel à l'usage créatif de fontes, photos, effets picturaux, logos, couleurs de texte et de fond, dessins, dégradés, encadrés, etc...

Il existe de nombreux sites web et de magazines consacrés au design photo ou web, sans compter l'inspiration fournie par la multitude de sites et de blogs qui sont souvent très créatifs.

Lorsque l'on publie des articles sur un blog, l'hébergeur propose un cadre pour créer des modèles (templates) qui sont souvent plus faciles à éditer que lorsque l'on crée un site de zéro.

Voir aussi[modifier]


Crystal Clear app linneighborhood.png
Portail Communiquer – Articles Ékopédia concernant la Communication