Création de sites web adaptatifs dans Adobe Muse

Vous pouvez commencer à créer des sites web adaptatifs dans Adobe Muse de l’une des façons suivantes :

• Utilisation des fichiers de démarrage : Adobe Muse propose des modèles de démarrage personnalisables et adaptatifs pour vous permettre de vous lancer rapidement. Personnalisez les modèles de démarrage et publiez votre site adaptatif en quelques clics. Pour plus d’informations, voir Utilisation de modèles spécialement conçus pour débuter dans la création de sites web adaptatifs.
  
• Utilisation d’une mise en page vierge : Adobe Muse offre une zone de travail vierge sans modèles ou grilles restrictifs pour la conception de sites web adaptatifs. Adobe Muse vous permet de créer des mises en page différentes pour les différentes largeurs de navigateur à partir d’un seul fichier. Pour créer un nouveau site web Adobe Muse adaptatif, voir Créer un site web adaptatif.
  
• Conversion de sites existants en sites adaptatifs : Adobe Muse vous permet de convertir vos sites Adobe Muse existants en sites adaptatifs. Réglez la mise en page de vos sites web Adobe Muse existants sur Largeur fluide, et ajustez le positionnement des objets en fonction de la largeur du navigateur. Pour plus d’informations, voir Conversion de sites Adobe Muse existants en sites adaptatifs.

Lorsque vous ouvrez une page sur un site adaptatif, Adobe Muse affiche Visite guidée sur la création adaptative : un diaporama sur les points d’arrêt, le redimensionnement des objets et la mise en forme du texte pour une mise en page adaptative. Vous pouvez soit poursuivre la Visite guidée sur la création adaptative, soit afficher le diaporama ultérieurement en cliquant sur Aide > Visite guidée sur la création adaptative.

Pour visionner un tutoriel vidéo sur les bases de la conception adaptative dans Adobe Muse, voir Tutoriel vidéo sur la mise en page adaptative.

Adobe Muse propose des modèles pour différents types de sites web, comme par exemple un site personnel ou un site qui présente une exposition de photos.

Pour accéder aux modèles de démarrage, reportez-vous à la section consacrée aux conceptions de démarrage de la page Adobe Muse. Sélectionnez un modèle dans la section, puis cliquez sur Télécharger pour télécharger les fichiers de démarrage.

Lorsque vous ouvrez les fichiers de démarrage, un gabarit et un ensemble de pages individuelles avec des modèles prédéfinis s’ouvrent dans le mode Plan d’Adobe Muse. Vous pouvez choisir Poste de travail (1160 pixels de largeur), Tablette (768 pixels de largeur) ou Téléphone (380 pixels de largeur) dans le panneau supérieur. Vous pouvez également modifier les modèles de démarrage en fonction de vos besoins, puis afficher un aperçu des pages à l’aide de la barre de défilement.

Si vous ne souhaitez pas télécharger le modèle, vous pouvez cliquer sur Aperçu dans la section Conception de démarrage. L’exemple de site s’ouvre alors dans votre navigateur.

Création d’un nouveau site web adaptatif

Pour créer un site avec une mise en page adaptative, sélectionnez l’option Largeur fluide dans la boîte de dialogue Nouveau site. Les objets de la page s’adaptent alors automatiquement à la taille du navigateur. L’option Largeur fluide vous permet également de concevoir un site adaptatif sur une mise en page vierge, sans modèle restrictif ni mise en page prédéfinie.