background preloader

Design

Facebook Twitter

[WEBDESIGN] Comment bien choisir ses couleurs pour créer un site. Vous êtes nombreux à créer des sites internet, ou des supports de communications avec des choix de couleurs judicieux.

[WEBDESIGN] Comment bien choisir ses couleurs pour créer un site

Mais nous ne sommes pas tous experts, et certains ne savent pas comment allier les couleurs entre elles. Nous allons voir quelques exemples qui seront illustrés à l’aide d’un cercle chromatique.

MENU

Css. Joomla 1.5 Template Tutorial. In This Chapter What is a Joomla template?

Joomla 1.5 Template Tutorial

What functions are performed by a Joomla template, and what is the difference when a template has no content versus when content is added into the Content Management System (CMS). How does the localhost design process differ to that of a static (X)HTML web page? What are the implications of tableless design in Joomla and the relationship between W3C standards, usability, and accessibility? What files make up a Joomla template, and what functions do they perform? This sample content is excerpted from the forthcoming book, titled Joomla! The author, Barrie North creates Joomla Templates and Tutorials at www.compassdesigns.net. What Is a Joomla Template? A Joomla template is a series of files within the Joomla CMS that control the presentation of the content.

Figure 9.1 Template with and without content Figure 9.1, part A, shows the template in use with sample content. Localhost Design Process Localhost Server Options W3C and Tableless Design. 3: Free Web Design Tools. CSS Layout Generator. About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated.

CSS Layout Generator

10 techniques avancées et secrets de CSS2. A l'heure où les anciennes versions d'Internet Explorer disparaissent, il devient plus que temps de s'ouvrir aux secrets d'un langage malheureusement trop peu connu : CSS2, ou plus précisément CSS2.1.

10 techniques avancées et secrets de CSS2

De larges parties de CSS2 ont été occultées en raison des faiblesses d'IE6 puis d'IE7. Le marché actuel nous offre enfin la possibilité, au cas par cas, de négliger ces anciennes versions du navigateur de Microsoft. Les possibilités offertes par CSS2 sont bien plus vastes que vous ne l'imaginez… Un monde sans Internet Explorer 6 Selon les statistiques européennes, le vénérable ancêtre IE6 ne représenterait aujourd'hui que 2% du marché.

Min-width, max-width, min-height, max-height Les propriétés de minima et maxima, reconnues dès IE7, facilitent la vie et évitent l'usage de JavaScript dans de nombreux cas de figure : :first-child La pseudo-classe CSS2 :first-child offre la possibilité de cibler uniquement le premier élémént au sein de son parent. :hover Sélecteur d'enfants (A > B) Mockups & Rough : gagnez du temps ! Ça y est, vous devez créer un nouveau site internet !

Mockups & Rough : gagnez du temps !

Comme d'habitude, après avoir sabré une célèbre boisson alcoolisée, c'est direction tête baissée dans Photoshop pour attaquer le design. N'est-ce pas la marche à suivre ? Pas vraiment. Si il s'agit d'un projet personnel pour lequel vous savez exactement où vous voulez aller en ayant tout votre temps, pourquoi pas. Mais sinon c'est jouer un coup de poker. Il existe deux étapes essentielles avant la conception du graphisme : le mockup (appelé aussi zoning, wireframe - ou fil de fer) et dans certains cas le rough.

Création d'un site internet : le workflow 1. C'est le pilier d'un projet : sans lui vous ne savez pas où vous allez ni quelles sont les fonctionnalités attendues. 2. Chacun a des goûts différents : c'est fantastique ! Le design se veut le reflet graphique du cahier des charges (apparence, mise en forme des contenus, ergonomie…). 3. Lorsque la maquette est validée, on passe à l'intégration en page web. Les grilles dans le webdesign. "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !

Les grilles dans le webdesign

" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web.