Dreamgratuit - Philosophie

Le système de grille ("Grid System") est un concept hérité des temps lointains de la presse au marbre (c'est tout dire !) où la mise en page était contrainte par la technique. Le gabarit des pages faisait la loi de la première à la dernière (page) et les graphistes qui ont travaillé aux temps héroïques de la "compo" en gardent un souvenir ému (mais néanmoins douloureux parfois). Rigide par nature, ce système est néanmoins totalement adapté aux problématiques des sites magazines auxquels il permet de ne pas verser dans un joyeux... [Lire la suite]

Vous connaissez certainement le site Owni dont le design, extrêmement pointu, est une référence pour les webdesigners (sans parler de la qualité des contenus qui est aussi une référence). Vous avez sans doute remarqué le menu de navigation horizontal, avec ce petit effet sympa sur le background des items menus. Cette technique dite "floating bubble" (bulle flottante), obtenue de JQuery, vous est maintenant accessible via Dreamweaver grâce à ce très complet tutorial vidéo, malheureusement en anglais (le commentateur parle... [Lire la suite]

Suite à la question d'une lectrice sur un problème de menu Spry de Dreamweaver, je mets en ligne quelques tutoriaux utiles pour ceux qui souhaiteraient utiliser ce fonctionnel. 1. Un tutorial vidéo basique mais en français 2. Un tuto vidéo en anglais avancé et très détaillé NB : Comme tout les tutoriaux vidéo de Tutvid, l'accent américain est très prononcé et le débit très rapide. Si vous ne maitrisez pas bien la langue de Shakespeare, passez votre chemin :) Ce tutorial aborde aussi la partie CSS des menus Spry. ... [Lire la suite]

Avant d'entrer dans le vif du sujet, je vais commencer avec une note plus personnelle. J'ai appris la typographie alors que j'étais une débutante dans une (très) grande maison d'édition. Je travaillais au "studio" et un des maquettistes seniors, proche de la retraite, a entrepris de me transmettre les rudiments de son métier. Il avait commencé sa carrière comme ouvrier typographe en travaillant "au marbre". Sa propre jeunesse était au temps où les lettres étaient encore fondues au plomb et où les "bas de... [Lire la suite]

Il est un domaine où Dreamweaver (et donc les développeurs Adobe) a une bonne marge de progression : j'ai nommé les raccourcis des CSS. En effet le logiciel ne sait pour l'instant pas proposer une aide à la construction de ces raccourcis et, pour bénéficier de l'aide de l'interface, il faut en passer par les propriétés pleines. Pourquoi utiliser le raccourcis plutôt que les propriétés pleines ? Les CSS permettent de séparer contenu et aspect de ce contenu. Elles contribuent à ne pas surcharger le code HTML et donc d'économiser... [Lire la suite]

Le site Just Dreamweaver offre plusieurs templates gratuites de très belle facture. La licence "free" est offerte à la condition de maintenir le lien de pied de page vers le site dans le footer (licence complète à 20 $, sans mention dans le pied de page). Pourquoi bouder son plaisir ? Ces templates comprennent les fichiers Fireworks et toutes les illustrations vectorielles nécessaires à l'adaptation à vos propres besoins (y compris parfois les fichiers sources PSD pour Photoshop). A noter toutefois : parfois ces templates... [Lire la suite]

Non, non, vous ne rêvez pas... Vous le découvrez en lisant ces lignes, le site Dreamweaver Gratuit fait peau neuve. Comme vous pouvez le constater, j'ai voulu la jouer un peu "décalé" par rapport aux sites "geek" habituel : je donne dans le résolument girly, raisonnablement, certes, puisque je reste dans les tons classiques du vert Dreamweaver (au lieu d'un rose plus attendu dans ce style de design), mais girly tout de même. Que mes (très et majoritairement) nombreux lecteurs masculins ne m'en tiennent pas... [Lire la suite]

Voici une (petite) vidéo pour apprendre à faire des coins arrondis en CSS avec Dreamweaver. Il s'agit d'une méthode assez basique mais très efficace :) Web_design_round_cornersenvoyé par knowledgeocity

Je sais, je sais... Le site que vous consultez ne représente pas une performance graphique... et pourtant, mon premier job, c'est la direction artistique... Voici ma liste des 20 incontournables en matière de design de site web : Au commencement était... l'ergonomie : Un peu de théorie, ça ne fait pas de mal : http://www.ergolab.net/. Comprendre le pourquoi et le comment  de l'usability... Une excellente ressource. Ma bible. Comprendre les CSS et les mettre en application : les normes du W3C : http://openweb.eu.org/... [Lire la suite]

Vous me direz, il y a les menus Spry pour faire ça... Ou alors plus simplement les attributs  : ul li a {display: block;width : 100px;} Oui, mais... essayez d'enlever la largeur des menus et voyez ce qui se passe sous IE6 !!... Je désirais un menu simple et surtout facilement paramétrable selon mon design ce que Spry ne me permettait pas totalement ! J'ai longtemps cherché sur le web aussi bien sur la toile française que le web anglophone. Ce sera finalement un site italien qui apportera la solution à mon problème ! ... [Lire la suite]