Nouvelle skin, css et dreamweaver

Christian -
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

Actupro
quelques sites yacs : création site internet annuaire pro

Macnana -

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 -
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 ?

Actupro
quelques sites yacs : création site internet annuaire pro

Macnana -

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 -
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/t...in-de-mamp.html

http://actupro.fr

Actupro
quelques sites yacs : création site internet annuaire pro

Macnana -

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 -
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

Actupro
quelques sites yacs : création site internet annuaire pro

Macnana -
Christian : ok, ben je vais essayer ça, ce soir en rentrant merci

Macnana -

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 -
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
	echo " \t".'< link rel="stylesheet" href="'.$context[ 'url_to_root'].'skins/mon_template/mon_template.css" type="text/css" media="all" / >'."\n";

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

Actupro
quelques sites yacs : création site internet annuaire pro

Macnana -

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 -
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...