CMS joomla, css, templates: je suis perdu!

CMS joomla, css, templates: je suis perdu! - Web design - Graphisme

Marsh Posté le 26-11-2007 à 23:51:25    

J'ai un hebergement pro, joomla administrator est installé et fonctionne.
J'ai visionné beaucoup de templates joomla pour faire mon site (sous CMS c'est une première pour moi), mais il y a toujours quelquechose qui cloche, ou à l'inverse il n'y a qu'un détail qui me plaît mais je suis incapable de savoir comment le reproduire.
Prendre une idée par ci et une idée par là exige de créer son propre template.
Le problème c'est que ça a l'air de demander un gros apprentissage, et en plus je ne sais pas quels sont les effets réalisables grâce à css et quels sont ceux pour lesquels on doit utiliser photoshop.
J'ai téléchargé Topstyle3 (dur!, pas tout compris..), lu des docs et des pseudo-tutos joomla, des tutos css, mais je patauge.Vraiment, je pensait que les choses se clarifieraient au fur et à mesure, mais au contraire elles s'obscurcissent.  
J'ai par le passé réalisé de jolis sites en html/java avec une pointe de php (adaptation de scripts en fait), mais aujourd'hui je sens bien que je suis dépassé.
Je veux vraiment franchir le pas, sans devoir faire un apprentissage de 6 mois pour faire UN site. En plus ça urge.
Je cherche des conseils très orientés design et templates, des urls, ou des bouquins qui ne me laissent pas seul face à mon imagination peu débridée.


Message édité par xolth le 27-11-2007 à 22:29:49
Reply

Marsh Posté le 26-11-2007 à 23:51:25   

Reply

Marsh Posté le 27-11-2007 à 09:31:14    

Utiliser un cms, c'est facile si on utilise que les fonctions de base et les templates sans y toucher (quoique...)
 
Simplement ces scripts sont des machines de guerre impitoyable et si tu veux foutre les mains dans le cambouis, faudra apprendre à la fois :
 
- PHP/MySQL
- CSS
- HTML/XHTML
- Le design avec toutes ces contraintes (logiciels, technique, etc)
 
Ca fait 15 ans que je fais ça... D'abord en amateur, pusi en pro et de nouveau en amateur. C'est des heures incalculable de travail et d'autodidactisme, de recherche, d'analyse, de compréhension. De réussites, d'echecs, etc...
 
Un joomla ne pourra jamais te convenir à 100% sauf si tu fout les mains dedans, mais tu va sans doute le modifier, le perfectionner et te retrouver avec ta propre usine à gaz... comprhénsible que par toi même...
 
Bref, les 6 mois d'apprentissage, tu va devoir te les taper, mais pense que ca veut rien dire 6 mois, ca ca évolue vite... Tu sera en perpetuel apprentissage et que les bases necessaires et compléte demande plus de 6 mois de cet apprentissage...
 
Il est difficile d'être à la fois designer, programmeur. Beaucoup de candidats et peu d'élus... Rien n'est impossible, il suffit d'y croire...


---------------
Rien est impossible, il suffit d'y croire !
Reply

Marsh Posté le 27-11-2007 à 19:20:58    

Oubli Topstyle, c'est le genre d'outil qui est surement pratique mais seulement qd on est déjà à l'aise avec les CSS. En plus de l'apprentissage des CSS tu ajoutes la prise en main du soft et celle de Joomla. A mon sens il vaut mieux faire les choses les unes après les autres.
 
Commence par voir comment les CSS fonctionnent (va voir les articles/tutos d'alsacreations.com ou d'openweb) dans les grandes lignes.
A partir de ces connaissances et du design que tu as en tête, tu pourras décider d'une architecture html (template)
 
Bon courage.
 
 


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 27-11-2007 à 22:26:32    

Merci pour ces remarques objectives et constructives.  
Je cherchais la facilité et la rapidité, je me rends compte que le choix css+joomla est réservé au étudiants ou à ceux qui ont le temps de voir venir. Dommage, le concept me plaisait bien. Ca va me faire mal de retourner au rigide dreamweaver.

Reply

Marsh Posté le 28-11-2007 à 03:16:46    

Moi je dis bravo pour TopStyle un outil très intéressant pour coder des classes proprement avoir un petit aperçue de ce qu'il se passe et des tas de petits avantages.

 

"Ceux qui touchent" au contraire utilise notpad2 ou n'importe quel bloc note, ils ne s'embarrassent plus d'autres programmes.

 

Le problème avec les cms c'est que le coeur est codé de l'an 40, les nouveaux modules sont vaguement xhtml, la css est codé "en fonction", elle fait souvent 10 km de long avec une class par balise et parfois plus...

 

Le plus propre pour apprendre xhtml et css, c'est comme tout : la ligne droite.
Tu prends une page blanche, une feuille de style css vierge et tu commences pas à pas.
une div avec bordure, dedans un h1 puis un p puis un ul.
Tu joues avec les styles pour placer, habiller ces éléments en cherchant a faire le moins de code possible pour le plus de flexibilité grace aux propriétés d'héritage du css.

 

Info gratuite : en disant
<div class="ma_div">
<h1>....</h1>
<p>...</p>
<ul><li>...</li></ul>
</div>
Il est possible de "viser" tous les éléments dans la css, un par un sans autre class.
Comment ?
Grace à une certaine façon d'appeler les class:
DIV.ma_div{....} ceci concerne la div
DIV.ma_div H1{...} concernera le H1, seulement celui présent dans une div de class "ma_div"
DIV.ma_div P....
DIV.ma_div UL...
DIV.ma_div UL LI... cette façon de coder pointe vers des éléments hérité, "contenu dans", c'est très précis et ça permet aussi de ne pas surcharger le code html.

 

Les débutants se heurtent souvent aux différentes façons de coder une class ou id qui peuvent paraître superflues.
Mais :
.bleu{...}
n'a rien à voir avec
DIV P.bleu{...}
ni
DIV.header P.bleu{...}

 

Le premier cas est une class volante pouvant s'appliquer plusieurs fois dans le code html et à n'importe quoi.
Le deuxième cas s'applique a tout P de class "bleu" contenu dans une div.
Le troisième cas ne s'applique qu'au P de class "bleu" contenu dans la les div de class "header".

 

Mais ça se complique quand on définit ses class en plusieurs étapes.
Exemple :
.bleu{color: blue;}
3 lignes après
.bleu{font-weight:bold;}
Donne : {color:blue; font-weight:bold}
Par contre
DIV.header P.bleu{color:blue}
3 lignes après
P.bleu{font-weight:bold;}
Donne : {color:blue;}
Le fait de définir un P.bleu avec la méthode de ciblage bloque toute modification ultérieure. Ceci est souvent cause d'incompréhensions.

 

En règle général, le fait de s'épandre en trop de class finissant par agirent les une contre les autres, ruines tous les efforts des apprentis codeurs.

 

Le CSS c'est simple, si on l'applique avec une méthode stricte et un code html simple simple simple. (un site complexe pouvant être codé de façon simple justement grâce à la puissance de la css qui fait le sale boulot des positionnements acrobatiques.)


Message édité par Lactique le 29-11-2007 à 22:29:45

---------------
Studio CréeAll
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed