Nous mettrons à jour notre Politique de confidentialité prochainement. En voici un aperçu.

L'essentiel de Muse CC 2015

Exporter son site en HTML et en CSS

Testez gratuitement nos 1334 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Exportez votre site en HTML et en CSS directement sur votre disque dur. Cette option vous permet de retoucher votre code dans un autre éditeur, avant de le charger manuellement vers un serveur de votre choix.

Transcription

Félicitation votre travail dans Muse est à présent terminé. Votre site est fini, il a été testé avec succès, il reste maintenant à l'héberger sur internet. Et bien dans ce chapitre je vous propose justement d'explorer les diverses possibilités de publication de votre site. Mais avant de vous lancer dans ce chapitre et si vous avez accès aux sources de cette formation et bien je vous invite à mettre en pause cette vidéo et à passer un petit peu de temps à inspecter les différentes pages de ce site. En effet depuis la fin du chapitre précédent, et bien j'ai défini des points d'arrêt sur chacune de mes pages, et j'ai défini également le comportement des divers éléments de mon site dans chacun de ces points d'arrêt. Je vous invite donc à prendre un petit peu de temps pour inspecter ce qui a été fait, afin évidemment de vous en inspirer pour vos propres projets. Alors une fois que vous êtes prêts, et bien vous rappeler qu'il y a 4 modes de vue principaux, le mode plan dans lequel je me trouve pour le moment, le mode conception, le mode aperçu, et puis maintenant on va s'attarder sur le mode Publier. Alors à côté du mode Publier, J'ai cette petite flèche qui descend, qui m'indique que Muse me propose 3 façons de publier mon site, et la première de ces façons que nous allons aborder dans cette vidéo, et bien c'est l'exportation au format HTML. Ça, ça signifie que vous allez demander à Muse de générer donc les fichiers HTML CSS, Java script etc de ce site, et puis de stocker le résultat de cette génération directement en local sur votre disque dur. A vous par la suite donc de manuellement transferrer ces différents fichiers que Muse aura généré vers votre service d'hébergement pour alors effectivement publier votre site sur internet. Pour exporter au format HTML, et bien vous pouvez utiliser l'option qui est ici, ou bien dans le menu Fichier vous rendre ici sur Exporter au format HTML, ce qui me permet de vous montrer le raccourci clavier associé à cette opération, commande E si vous êtes sur Mac contrôle E pour ceux qui utilisent Windows, voila je vais donc cliquer ici. Vous avez cette petite boite ici, alors comme j'utilise des polices web qui font partie du service Type kit et bien Muse doit vérifier que j'ai bien accès à ce service payant donc je vais cliquer sur Suivant, c'est bien vérifié donc j'ai bien accès à tout ça, je vais maintenant devoir spécifier l'URL de mon site donc le nom de domaine que je compte utiliser, à vous bien sûr de réserver ce nom de domaine par ailleurs donc en dehors de Muse ici Muse ne vous aidera pas à faire ça. Ensuite vous allez devoir choisir l'emplacement vers lequel vous voulez exporter votre site sur votre disque dur alors là je vais simplement cliquer ici sur ce bouton, et choisir dans le dossier chapitre 8 des sources de cette formation et bien le dossier Export que j'ai prévu à cet effet. Je vais donc choisir cette destination, sélectionner ceci, et puis tout simplement cliquer sur Ok, et laisser faire Muse le reste du travail. Et bien voila quand Muse a terminé vous voyez que par défaut Muse va vous afficher le site ainsi généré dans le navigateur, je vais pour le moment refermer ce navigateur, vous montrer également cette petite boite de confirmation ici, qui apparaît dans Muse, je vais tout simplement cliquer sur Ok la voila, et puis je vais me rendre au niveau de mon dossier Export et vous voyez que maintenant il n'est plus vide ce dossier, Muse y a crée une série de fichiers, notamment vous allez retrouver un fichier HTML pour chacune de vos pages, toutes les feuilles de style CSS sont ici, toutes les différentes images, que vous utilisez sont dans le dossier image, et puis les scripts ici PHP ou Java script dont vous avez besoin se retrouvent dans ce dossier script. Il y a une page pour laquelle vous n'allez pas retrouver forcement de fichiers HTML c'est la page Accueil pourquoi, parce qu'en HTML le nom de la page d'accueil doit toujours être index.html c'est pour vous ne retrouvez pas ici accueil.html et donc pour visionner votre site, vous pouvez également double-cliquer sur cette page index.html qui va donc s'ouvrir ici dans votre navigateur, et vous avez donc maintenant votre produit fini, votre travail finalisé et exporté par Muse sur votre disque dur.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :21 juil. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !