nouvelle skin, css et dreamweaver
Je connais (ou plutôt connaissais) Dreamweaver, et même si j'ai déjà fais des modifications dans des fichiers textes des css et grâce à Firefox webdevellopper, j'aimerais créer ma propre skin et étant graphiste, je préferais travailler en Wysiwyg (avec Dreamweaver).
Le truc, c'est que je n'ai utilisé ce soft que pour des sites statiques.
Est-ce que quelqu'un pourrait me donner la marche à suivre pour "ouvrir" yacs dans ce logiciel ou comment créer une page de base afin de faire ma css que j'irai remettre dans un dossier "skin" dans YAcs?
D'ailleurs, est-ce la bonne méthode
merci pour votre aide
Nath
| Christian from Chonas l'Amballan Associate, 744 posts | J'avoue que j'utilise dream... pour travailler mais je ne l'utilise que très rarement en Wysiwyg. Personnellement je duplique un skin de base (en ce moment c'est totem de Thierry). J'ai mon code css sous dream d'un coté et l'extension firebug sur firefox de l'autre. je fais mes simulation avec firebug et je reporte dans le css. En gros je pourrais me passer facilement de dream... mais maintenant que je l'ai acheté on va pas gacher ! http:actupro.fr |
Macnana![]() 329 posts |
Christian : merci pour ta réponse rapide. En fait, ma question est très basique. Je dois totu reprendre au début ... Comment fais-tu pour ouvrir ton style (ici Totem) avec Dream ? C'est vraiment pour cette étape que j'ai besoin d'aide :embarrassed: Tu dois créer un "pseudo" site pour visualiser, non ? |
| Christian from Chonas l'Amballan Associate, 744 posts | Comment fais-tu pour travailler. Tu as un serveur local sur ta machine de développement ou tu intervient directement en ligne sur tes sites ? |
Macnana![]() 329 posts |
Christian : pour l'instant, j'ai toujours travaillé en ligne (sur un site test) mais j'envisage sérieusement de mettre un serveur local sur mon Mac (ce que je n'ai pas encore réussi à faire :embarrassed:) |
| Christian from Chonas l'Amballan Associate, 744 posts | Alors il faut commencer par installer un serveur local. Je te conseille mamp l'équivalent de wamp pour mac j'ai pas de mac mais ceci peux t'aider : http:www.apprendre-php.com/tutoriels/tutoriel-24-installation-et-prise-en-main-de-mamp.html http:actupro.fr |
Macnana![]() 329 posts |
Christian : merci peux-tu m'éclairer quant à la suite des événements ? Concrètement, une fois le site défini en local (dossier dans Dream et base de données dans le serveur local), que dois-je faire ?
C'est cette étape qui me bloque. merci
nath |
| Christian from Chonas l'Amballan Associate, 744 posts | Installer un yacs tout propre (tuto avec wamp) et editer tes fichiers avec dream. Y'a rien de plus simple je ne vois pas ce qui pourrait te bloquer ! sous dream tu fais "gerer les sites" tu en crée un nouveau en remplissant au moins les informations locales et sa roule tout seul http:actupro.fr |
Macnana![]() 329 posts |
Christian : ok, ben je vais essayer ça, ce soir en rentrant merci |
Macnana![]() 329 posts |
Voilà, tout est installé mais je n'arrive pas à "voir" la css. quand j'ouvre une page php, il n'y a que du code, aucune prévisualisation possible. Quel fichier dois-je ouvrir ou comment créer une page qui me permettrai de visualiser la css? Pour du html, y'a pas de soucis mais ici, je bloque.
merci |
| Christian from Chonas l'Amballan Associate, 744 posts | Alors le fichier php de base dans yacs c'est le fichier template.php dans le repertoire de ton skin. Si tu l'édites tu verra un lien vers ton fichier css exemple : // we have one style sheet for everything -- media="all" means it is not loaded by Netscape Navigator 4 le fichier css est donc lui aussi dans le répertoire de ton skin. si tu veux faire une page d'accueil particulière c'est possible simplement. Il suffit de regarder dans la doc yacs ca doit etre expliqué http:actupro.fr |
Macnana![]() 329 posts |
Christian : ce qui est bizarre, c'est que la page index.php de lyacs, j'arrive à l'ouvrir (et prévisualiser) mais pas les pages php des skins (templates, skin, etc)
|
| Bernard from nearby-an-airport Associate, 6581 posts | Nath, les skins ont fait l'objet d'une analyse technique assez poussée lors d'un clavardage fin Mars. C'est du consistant, qui mériterait d'être repris dans la documentation, mais au moins la matière est là : Skin Party le 20 mars Pour répondre à ta question précisément : tous les fichiers du skin bidule sont dans le répertoire skins/bidule et en plus, suivant les conventions utilisées de façon générale pour yacs, la feuille de style associée devrait s'appeler skins/bidule/bidule.css. Pour initialiser un nouveau style, le plus simple est, comme conseillé par Christian, de dupliquer un style existant. Depuis le panneau de contrôle du site, choisir l'onglet de configuration, puis cliquer sur la commande d'affichage des styles, puis en haut de page choisir la commande de duplication. Ensuite, pour modifier un style, le plus simple est de le faire de façon interactive, en affichant la page de test des styles, également accessible depuis l'index d'affichage des styles disponibles. La page de test des styles affiche une bonne partie des composants DOM et CSS générés par YACS, donc c'est assez pratique pour "faire le tour" durant le design. D'un côté, le navigateur pour recharger la page de test des styles après modification. De l'autre, un éditeur pour la feuille de style, qui peut être Dreamweaver je suppose. J'ai travaillé avec cet outil il y a quelques années, et je suppose qu'il a bien évolué depuis. L'une des façons de procéder peut-être est de sauver la page de test des styles sous forme d'une page web statique, avec l'extension .html, dans le répertoire de ton style. Puis utiliser Dreamweaver pour éditer cette page, et les styles qui s'y rapportent. Bien sûr, les modifications du contenu de la page n'auront aucune influence sur les templates .php utilisés dynamiquement par yacs. Mais au moins, si ça fonctionne comme prévu, tu pourrais modifier la feuille de style en WYSIWYG, ce qui serait assez appréciable.Lorsque la page de test des styles fournit le résultat escompté, on peut alors activer le style, puis parcourir les pages d'aide pour vérifier les autres éléments graphiques utilisés par YACS. En fin de parcours, il faut créer une archive, de préférence au format .tgz avec le sous-répertoire de ton style et tous les fichiers qu'il contient. Ce fichier peut être envoyé à un serveur en production pour créer ou mettre à jour un style.Tient nous au courant... |
Macnana![]() 329 posts |
Bernard & Christian: Bon, ben merci. J'ai enfin réussi à visualiser, j'ai testé, j'arrive à changer ... ben y'a plus qu'a ! dès que c'est fini, je vous tiens au courant. |
Macnana![]() 329 posts |
Bernard : J'ai testé directement sur la page php. Mais ta méthode me parait plus facile, et productive. Comment, je passe ma page test.php en html? Merci encore
Nath
Euh ... quitte à parraître débile : c'est quoi, les DOM ? |
ThierryP![]() from Nice, Drap Associate, 1136 posts | Enregistrer sous ? Sous firefox : Fichier/Enregistrer sous Un annuaire propulsé par YACS - Skins pour Yacs : YordPress 5.3 - Bonbon Skin 1.2 - Totem 930 |
| Christian from Chonas l'Amballan Associate, 744 posts | Ben voui. C'est pareil sous opéra http:actupro.fr |
Macnana![]() 329 posts |
Christian : Effectivement, ça a marché au poil ... fallait pas chercher compliqué quand on peut faire simple
Merci à tous les 2 |
Rate this page
Posted by Macnana on Apr. 15, commented by Macnana on Apr. 18, (popular)

