Articles

Affichage des articles du juin, 2017

[Adobe Muse] Ajouter un compteur de drapeau à votre site

Image
Vous voulez être plus proche de vos visiteurs et savoir de quel pays ils viennent et d'où on vous visite le plus ? Vous pouvez ajouter un compteur de drapeau à votre site Adobe Muse, très facilement et rapidement, grâce à l'ajout d'un code HTML

1.Accédez au site Web Flag Counter et copiez le Code HTML pour les sites Web. Le code est enregistré dans votre presse-papiers. 


2. Accédez maintenant à votre site Adobe Muse. Cliquez sur Objet -> Insérer un code HTML


3. Une fenêtre s'ouvrira. Coller (clic droit -> coller ou cmd / ctrl + V) le code html et cliquer sur OK.


4. Lorsque vous cliquez sur OK, une image avec un compteur apparaîtra.


Avec ces étapes simples, vous obtiendrez votre compteur de drapeau. Les drapeaux apparaîtront automatiquement lorsque votre site Web détectera la localisation de votre visiteur et ajoutera de nouveaux drapeaux et augmentera le nombre de visiteurs à chaque fois.





Css peeper nouvel outil pour les Web designers

Image
Vous vous êtes déjà demandé quelle est la police utilisée par ce site ou encore la palette de couleur ou l’icône ?  Ici je vous présente un inspecteur web et recherche de code, c'est un moyen plus visuel et simple pour les concepteur web.



CSS Peeper est une extension Chrome, disponible dans le Chrome Store.Comme vous pouvez lire dans leur site web, il s'agit d'un «Smart CSS viewer adapté aux concepteurs».En tant que Concepteur de Muse, cette extension est devenue mon nouvel outil préféré. Essayez, vous l'adorerez aussi!

C'est très simple à utiliser. Vous pouvez télécharger l'extension ici. Une fois téléchargée, une icône apparaîtra en haut à droite de Chrome.Chaque fois que vous souhaitez inspecter un élément, il vous suffit de cliquer dessus et une fenêtre avec toutes les informations apparaîtra. 

La première chose qu'il montrera est l'information générale du Web. Vous pouvez voir la palette de couleurs utilisée. Copiez directement le code hexadécimal…

[Adobe Muse] Ajoutez un modéle 3D

Image
La visualisation des modèles 3D en ligne peut être très difficile car les utilisateurs devaient parfois télécharger un logiciel spécifique. Aujourd'hui vous avez la possibilité d'ajouter facilement des fichiers ou des modèles 3D à votre site Adobe Muse.

Pour cela vous avez la possibilité sur Adobe Muse d'intégrer l'HTML un code source généré par un site web tiers. Ici vous allez apprendre à intégrer une vue interactive d'un modèle 3D dans votre site Adobe Muse.

Pour cela la meilleure option est de télécharger ou d'obtenir un modèle d'un site comme Sketchfab. Vous pouvez alors télécharger votre propre modèle ou en choisir un dans la communauté. Vous y rencontrerez différents modèles créés avec différents logiciels de modélisation 3D comme Cinema 4d, Blender, SketchUp, Solidworks, AutoCAD ou 3ds Max. 

1 Allez sur Sketchfab pour télécharger votre propre modèle ou en choisir un, cliquez dessus pour voir l'aperçu, puis cliquez sur le bouton Embed et copie…

[Adobe Muse]Menu avec un effet Parallax

Image
L'effet Parallax (Parallax effect)  est devenu très populaire dans la conception de sites web.  Grâce à celui-ci, vous pouvez créer différents effets visuels  avec un arrière-plan du site qui se déplace à différentes vitesses de celles du reste des éléments de la page, comme par exemple un menu... 


Dans Adobe Muse, vous pouvez également réaliser ces effets à l'aide de l'onglet effet de défilement. Dans ce tutoriel, vous apprendrez à créer un effet de défilement parallax horizontal. Prenez vos graphiques préparez votre histoire et commençons !


 1. Choisissez la couleur de votre fond (ici nous allons utiliser une seule couleur). Placez vos graphiques dans votre espace de travail Muse, en vous assurant qu'il y ai un espace suffisent entre eux, vous pourrez ensuite faire des ajustements. 





2. Allez dans l'onglet effet de défilement, puis cliquez sur chaque élément et déterminez le mouvement, effectuez cette étape avec tous les éléments de votre page, ensuite prévisualis…

[Adobe Muse] Créez un site internet en 15minutes à partir d'un modèle

Image
Il est vrai de dire que l'utilisation d'un modèle pour créer votre site Internet est un gain de temps, surtout pour les débutant de Muse, ou les personnes qui veulent créer leur premier site avec Muse, il est plus simple de commencer en modifiant un modèle à votre guise. Ici nous allons apprendre les étapes de base pour changer tous les éléments d'un modèle de site Internet pour le mettre à votre goût.

Ici nous allons utiliser comme modèle "Musem" que vous pouvez retrouver ici c'est un modèle simple que vous pouvez suivre comme guide. Ouvrez le dans votre Adobe Muse et commençons.


1. Nous allons d'abord modifier les images du modèle en ajoutant les images de notre choix. Vous pouvez remarquer ici qu'il y'a une couche avec une faible opacité au dessus de l'image, que nous allons également modifier. Il faut la rétrécir pour que vous puissiez sélectionner l'image. Supprimez donc l'image de base et mettez la votre, changez les couleurs de …

[Adobe Muse] Créer un texte animé en plein écran

Image
Pas besoin de télécharger des widgets aujourd'hui nous allons apprendre à créer un fond d'écran avec un texte animé et cela grâce au widget du Diaporama et celui de tooltip. Celui-ci s'adapte à la largeur ainsi qu'à la hauteur de tous les navigateurs, ce qui vous évitera de redimensionner.

1. Faites glisser le diaporama tout en vous assurant de supprimer images, boutons...

2. Ensuite faites glisser le widget Tooltip et centrez-le. Allez dans les options du widget=>Sélectionnez position empilée=>Lecture automatique, puis modifiez la vitesse de transition à 1.5 secondes. En fin supprimez tous les traits... jusqu'à ce que ça soit transparent.
Puis ajoutez votre zone de texte, écrivez votre texte en le personnalisant.





3. Sélectionnez les boutons de déclenchement et modifiez leur couleur lorsqu'ils sont actifs et normaux à l'aide du Panneau des États.




Suivez les étapes pour l'appliquer sur votre arrière plan, ou inspirez vous en pour créer le votre.

J…