Comment créer une page de renvoi personnelle simple à l'aide d'Adobe Muse

Le processus de conception d'un site Web comporte deux étapes principales. La première consiste à concevoir l'apparence des pages et la seconde à traduire le design dans le produit réel - les pages Web. La première étape nécessite des compétences de conception, tandis que la deuxième étape nécessite une expertise en codage. Le problème est qu'il est difficile de trouver une personne qui possède les deux compétences..

Pour ceux qui ont de meilleurs yeux pour le design (et aucun intérêt pour le codage), il y a Muse d'Adobe. La société affirme que cette application AIR multiplate-forme peut aider n'importe qui à concevoir et à publier des sites Web HTML sans avoir à écrire du code..

Commencez à planifier votre page de destination personnelle

Une question avant de commencer. Pourquoi quelqu'un utiliserait-il un outil de création Web tel que Muse alors que vous pouvez utiliser WordPress et ses thèmes à la place? La réponse est “personnalisation”. Même s'il existe littéralement des milliers de thèmes WordPress, le personnaliser selon vraiment répondre à nos besoins est difficile. Une autre raison est que l'utilisation d'un système de base de données avancé WordPress pour un site simple et linéaire serait excessive.

Vous pouvez télécharger Muse sur le site. Il est disponible gratuitement jusqu'à la version v.1.0 au début de 2012. L'application fonctionne sous Windows et Mac, mais il est nécessaire que votre système dispose d'AIR installé..

Pour mieux comprendre le fonctionnement de Muse, essayons de l'utiliser pour créer une page de destination personnelle simple. Cinq conseils pour créer une page de destination personnelle et cool. Cinq conseils pour créer une page de destination personnelle et élégante. Pour en savoir plus, consultez Flavors.me Flavorsme - Créez votre propre page Web personnalisée gratuite Flavorsme - Créez votre propre page Web personnalisée gratuite Lisez Plus ou About.me. Commencez par choisir “Créer un nouveau site” à partir de la fenêtre de démarrage ou du menu Fichier.

• Ensuite, il vous sera demandé de personnaliser votre site en choisissant la largeur de la page, le nombre de colonnes, les marges, etc..

• La première étape de la création d’un site Web consiste à décider du nombre de pages qu’il contient et de la relation entre les pages. Vous pouvez facilement ajouter, supprimer et réorganiser des pages dans le “Plan” la fenêtre.

• Clique le “+ (plus)” bouton pour ajouter, et le “X” bouton pour fermer. Cliquez sur le nom de la page à renommer, puis faites glisser et déposez pour réorganiser.

• Au bas de la page, vous pouvez voir la page A-Master. C'est le modèle qui sera utilisé sur votre site. Donc, s’il existe des éléments que vous souhaitez conserver sur toutes vos pages, il serait tellement plus facile de définir les éléments dans A-Master au lieu de les répéter encore et encore..

Commencer la construction

• Si vous double-cliquez sur l'une des pages, celle-ci sera ouverte dans un nouvel onglet. Vous pouvez commencer à créer et à concevoir les pages en utilisant les outils de la barre d’outils supérieure..

• Les autres outils qui vous aideront tout au long du processus de conception sont les suivants: “Panneaux” sur la droite. Vous pouvez afficher ou masquer ces panneaux via le menu Fenêtre.

• Pour construire notre page d'arrivée personnelle, changeons l'arrière-plan en insérant une image. Vous pouvez personnaliser l'image en modifiant l'échelle et la position.

• Ensuite, ajoutons un menu de navigation en le sélectionnant dans le panneau Widget, puis en le faisant glisser dans la page Web..

• Vous pouvez personnaliser le menu de navigation à l’aide des touches “Les options“. Cliquez sur la petite flèche bleue pour appeler la fenêtre Options.

• Vous pouvez également modifier l’aspect du texte (type, couleur, taille) à l’aide des touches “Texte” onglet dans les panneaux de droite.

• Vous pouvez ensuite ajouter des textes et des rectangles à l’aide des outils de la barre d’outils. Faites glisser ces éléments à la position souhaitée et personnalisez-les via les panneaux de droite. Pour ajouter des liens externes (ou d’autres éléments HTML), utilisez la commande “Insérer HTML” menu sous “Objet“.

• Notez le code HTML des liens dans la fenêtre contextuelle et cliquez sur OK pour l'ajouter au site..

• Semblable aux autres éléments, le code HTML inséré est hautement personnalisable. Malheureusement, nous ne pouvons toujours pas changer la couleur du lien. Espérons que cette fonctionnalité apparaîtra dans une future version de l'application.

• Une fois que tout est défini, vous pouvez voir le résultat en cliquant sur le bouton “Aperçu” lien.

La dernière étape

• Une fois que tout est défini, vous êtes prêt à mettre votre site sur le Web. Pour ce faire, utilisez le “exporter en HTML” menu sous “Fichier“.

• Choisissez l'emplacement de sauvegarde du projet et cliquez sur “Exportation” .

• Si vous souhaitez associer votre page de renvoi personnelle à une URL que vous possédez déjà, utilisez un client FTP adéquat. Les 3 meilleurs clients FTP gratuits pour Windows Les 3 meilleurs clients FTP gratuits pour Windows FTP est une méthode utile de partage de fichiers. pour télécharger des fichiers sur un hôte Web. Voici les meilleurs clients FTP que vous pouvez récupérer gratuitement. Lisez Plus pour télécharger tout le contenu du dossier sur votre compte d'hébergement Web. Puisque différents hébergeurs utilisent différents paramètres, veuillez consulter votre hébergeur à ce sujet..

Cette courte expérience nous a montré que la création d’une page de destination personnelle à l’aide de Muse est aussi simple que l’ajout et la personnalisation d’éléments. Mais Muse est également capable de créer des sites plus complexes comportant plusieurs pages. Il existe de nombreux exemples de sites Web montrant ce que Muse peut faire sur leur ordinateur. “Vitrine” page. Pour en savoir plus sur Muse, vous pouvez visiter leur “Apprendre” page.

Que penses-tu de Muse? Voulez-vous essayer cet outil pour vous aider à construire votre site web? Partagez votre opinion dans les commentaires ci-dessous.

En savoir plus sur: Adobe Air, Web Design, Développement Web, Outils pour les webmasters.