background preloader

Structurer un site web avec XMind

Structurer un site web avec XMind
Tous les spécialistes vous le diront : le principal problème lors de la création d’un site web, c’est la structure. Difficile, en effet, de visualiser la place de chaque page et les liens entre elles. Le mindmapping peut vous y aider. Le cauchemar des webdesigners, c’est le client qui a une idée floue de ce qu’il veut. C’est un peu normal, pourtant. Prenons un exemple simple : le site d’une boutique de produits provençaux. Première étape : les 4 premières pages La "Provençale" est une boutique. Nous commençons à compléter les pages : Etape 2 : les pages Entreprise et Produits A la page Entreprise, nous pouvons ajouter une page Boutique, qui présente la boutique matérielle, le point de vente. Sur notre page d’accueil, nous pouvons ajouter : un message de bienvenueun lien vers la boutiqueun lien vers les produits Nous pouvons aussi ajouter une page Blog sur laquelle nous publierons les actualités des produits, des marques, des conseils pour nos clients, etc. Etape 5 : les pages produits

Formation facile L'application formation-facile vous permet de vous former aux métiers de l'informatique gratuitement sur votre smartphone ou votre tablette ! Accédez à plus de 300 vidéos gratuites et apprenez à créer des jeux, créer votre site internet, créer des logiciels ou à faire des montages vidéo !Toutes nos formations sont en HD pour un confort maximal. Formation facile c'est des centaines d'heures de tutoriels et plusieurs millions de vues. Si vous appréciez cette application pensez à la noter et à laisser votre commentaire pour nous encourager à réaliser de nouvelles vidéos. The application-easy training allows you to train for careers in computer free on your smartphone or tablet! Easy formation is hundreds of hours of tutorials and several million views. If you like this application consider the note and leave your comments to encourage us to make new videos.

Tutos vidéo programmation, Unity3D, web - formation-facile Ressources Python Ressources didactiques Gérard Swinnen Vous trouverez ci-dessous : en téléchargement libre, les versions numériques de l'ouvrage "Apprendre à programmer avec Python" de Gérard Swinnen (troisième et cinquième éditions), anciennement publié aux éditions O'Reilly et dorénavant édité chez Eyrolles (ISBN 978-2-212-13434-6) ; le code source des exemples et exercices proposés dans le livre ;Les diapositives et le code source des exemples présentés par G.Swinnen au colloque "Libr'East of Paris" (IUT de Marne-la-vallée) les 23 & 24 Avril 2004 ;Les diapositives de la conférence sur Python présentée à l'IUT de Vannes (Université de Bretagne Sud), le 15 Avril 2005 ;La traduction du livre en hongrois (+ lien vers le site web du traducteur).La traduction du livre en arabe (+ lien vers le site web des traducteurs). Les deux dernières éditions traitent de la version 3 de Python. Au sommaire : Préface. *** Traduction hongroise *** Merci infiniment, Péter ! *** Traduction arabe *** ... Téléchargements

INFOREF Zoom sur l'effet parallaxe Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in jQuery-Parallax. Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Des exemples Utilisant le positionnement de la souris digitalhands.net bikingboss.com Utilisant le niveau du scroll nikebetterworld.com ok-studios.de driver-club Principe et théorie Grâce à l'utilisation de JavaScript, il est possible de déplacer les éléments par rapport à la position de la souris ou du niveau de défilement (scroll). Illustration pour le scroll Avec une même distance de scroll, l'élément a aura parcouru une distance plus faible que l'élément b. Illustration pour le positionnement de la souris En pratique Démonstration

7 ressources Javascript pour créer un site full-page ou parallax - ressource-javascript Aujourd'hui sur le Blog du Webdesign, découvrez 7 ressources javascript et jQuery pour créer des sites fullpage ou parallax. Une des grosses difficultés à gérer sur les sites de type full page, ou en construction au scroll est que tous les utilisateurs n'ont pas tous la même résolution d'écran. Comment, dans ces conditions-là, faire en sorte que les sections de pages ressemblent toutes exactement à la maquette, fournis dans une seule taille, évidemment ? En utilisant les bonnes ressources pardi ! Pour vous simplifier la tâche sur votre prochain projet de ce type, le Blog du Webdesign a déniché pour vous 7 ressources vous permettant de faire divers types de sites full-page ou parallax. Parallax.js Parallax.js, comme son nom ne l'indique pas, n'est pas spécialisé dans le parallax mais dans la création de navigation entre "écrans" de taille définis. One Page Scroll Cette ressource javascript vous permettra de mettre en place un effet comparable à celui du site de l'iPhone 5S. Fullpage.js Skrollr

Handpicked free fonts for graphic designers with commercial-use licenses. | Font Squirrel Can I use... Support tables for HTML5, CSS3, etc CSS Zen Garden: The Beauty of CSS Design Télécharger Easy Thumbnails 3.0 Plus d'images Easy Thumbnails est un logiciel gratuit dans la Gestion de la Photo qui va vous permettre tout simplement de créer vos propres vignettes ou images miniatures. Au sein de son interface conviviale, vous allez pouvoir rechercher vos images et créer vos miniatures. Easy Thumbnails prend également en charge la quasi totalité des formats d'images connus : JPEG, JPG, JPEG2000, GIF, PNG, TIFF, BMP, TGA, ICO, etc. Plus d'infos sur Windows sont sur la page consacrée à l'Actualité de Windows et vous pouvez vous rendre sur le Forum dédié aux Logiciels si vous souhaitez participer aux discussions.

Bootstrap, lisibilité, propreté, performance, optimisation ; c'est possible ! On me dit souvent que je n'aime pas Bootstrap, et pour cause, je pense que c'est une regression pour un travail Front-end de qualité. En réalité, ce n'est pas le Framework le fautif, mais la façon dont il est utilisé. Les exemples de mauvaises utilisations sont légions sur le net et les mauvaises intégrations HTML cour les rues. Suis-je donc entrain de dire qu'il y a une bonne et une mauvaise façon d'utiliser Bootstrap ? Séparer le fond et la forme, pour un gain de lisibilité et de propreté,Inclure et générer le stricte minimum pour un gain de performance, avec un exemple d'optimisation de CSS 30 fois plus légère. Non, je suis sérieux, ce billet n'est pas une blague, c'est cadeau, et c'est pour vous. À ne vraiment pas faire, ou l'utilisation Standard de Bootstrap Pour commencer notre réflexion, partons de l'utilisation « standard » de Bootstrap. Voici un petit affichage de grille gratté à la va vite. La feuille CSS Bootstrap est inclue <! Résultat Voir le résultat avec le code Less En Bonus

Your Web, documented · WebPlatform.org

Related: