DBM Web Design

Listing des tutoriels

page 1

• Comprendre le RWD et créer un site Responsive
  Comment concevoir aujourd'hui une interface qui réagira aux écrans de demain ? Comment ajuster le rendu à son support ? Telles sont les questions du Webdesigner, plus que jamais confronté à la problématique du multi-écran ...

• Créer un site Web
  Je vais, au travers de ce dossier, vous informer sur les fondamentaux de la création Web.
  Présentée sous forme d'étapes, cette méthode, vous garantie de ne rien laisser au hasard et vous indiquera les pistes de reflexion indispensable lors de la création de votre site web.

• Créer votre boutique en ligne en toute simplicité
  Cette question, vous vous l'etes certainement déjà posée si vous avez une boutique ou un produit à vendre, mais avez vous déjà réfléchi aux avantages et inconvénients pour vous et vos clients ? Voici un début de réponse ...

• Coder en HTML
  L'HTML, littéralement HyperText Markup Language, est un language de balisage utilisé pour structurer sémantiquement et mettre en forme le contenu des pages Web.
  Nous allons voir, dans ce dossier, les bases du codage HTML et vous fournir les connaissances nécessaires à la création de vos premières pages Web.

• Coder en CSS
  A travers ce dossier, vous allez voir l'interet d'utiliser des feuilles de styles lors de l'élaboration de votre site, les principales propriétés CSS, les règles de syntaxe du CSS et son intégration dans votre code HTML.
  La mise en forme de votre site, sera votre identité visuelle. Alors autant ne pas la bacler !

• Appliquez des effets visuels de transitions à vos liens
  Je vais, dans cet article, vous fournir quelques codes CSS3 permettant d'appliquer des effets visuels de transition au survol de vos liens. Cette petite touche de style apportera à votre site un coté dynamique et facilitera la navigation de vos visiteurs.

• Un bouton de navigation design
  Voici une petite astuce, ou plutot quelques lignes de code, qui vous permettrons de réaliser et d'intégrer dans votre site un sympathique bouton "next-prev" sans utiliser d'images, uniquement à l'aide de CSS. En bonus, vous trouverez le code vous permettant de réaliser des triangles uniquement à l'aide de CSS.

• Réaliser un élément intéractif avec Flash Pro
  Vous allez voir, dans ce tutoriel, comment diviser un élément en plusieurs zones, rendre chacune de celle-ci réactive au survol de la souris et capable de rediriger le visiteur de votre site vers l'url de votre choix lorsque celui-ci clique sur la zone voulue. Ce module est réaliser à l'aide de Flash Pro et piloté par un fichier xml.

• Un portfolio en HTML5, CSS3 et JQuery
  Voici un petit code qui va vous permettre de présenter votre galerie d'images aux visiteurs de votre site avec une touche de dynamisme et d'interactivité grace à une navigation sur les deux axes, au clavier ou à la souris.