|
Compas est un logiciel de création CSS open-source utilisé par les concepteurs Web de créer des feuilles de style CSS . Mise en route peut être difficile si vous n'êtes pas habitué à utiliser une interface de ligne de commande, où vous tapez du code dans le invite de commande Windows au lieu d'utiliser une souris. Compass tourne sous Ruby et utilise un logiciel appelé Sass, qui est également un logiciel de conception CSS qui tourne sous Ruby. Lorsque vous installez Compass à votre ordinateur, Sass est également installé automatiquement . Vous n'avez pas besoin de configurer Sass afin d' utiliser la boussole . Pour installer et exécuter Compass vous aurez besoin d' un accès administratif à votre ordinateur Windows. Instructions
Installation
1 Assurez-vous que vous avez Ruby installé sur votre ordinateur . Vous pouvez télécharger Ruby pour Windows à partir rubyinstaller.org . Suivez les instructions à l'écran pour l'installer.
2 Cliquez sur le bouton "Démarrer " , cliquez sur " Exécuter" puis taper " cmd" dans le champ de texte. Appuyez sur " Entrée". L'écran d'invite de commandes s'ouvre.
3 type " gem install boussole " dans l' invite de commande et appuyez sur "Entrée". Cela installe Sass et Compass sur votre ordinateur.
Création d'un projet
4 Créer un nouveau dossier pour stocker votre premier projet en tapant " md /test" dans l'invite de commande , en remplaçant . "test" avec le nom que vous souhaitez utiliser pour le dossier
5 Créer votre premier projet en important du Plan directeur de Compass en tapant " boussole Créer /test /myproject - avec plan» dans l'invite de commandes et appuyez sur " Entrée". Remplacer " myproject " avec n'importe quel nom pour votre projet.
6 Type de "cd /test " et appuyez sur Entrée pour déplacer le Command Prompt à cette dossier.
7 Ouvrez une nouvelle fenêtre de navigateur Web et accédez à la boussole - style.org . Cliquez sur le lien " Blueprint " pour parcourir les modules de bleus disponibles. Blueprints sont disponibles pour les boutons , couleurs et de nombreuses autres options .
8 Copier la commande d'importation de modèle dans l'invite de commande . Le modèle est ajouté à votre projet de Compass .
9 Lire les tutoriels et des pages de soutien à fond sur le site compas - style.org pour apprendre comment personnaliser votre fichier CSS en utilisant l'invite de commande .
|
