intégration html 960grid system

[Goldminion]

Bonsoir à tous ,

je sors de formation de webmaster et j'ai été former à réaliser des sites sous joomla mais il y a un probleme.

Tous les sites qu'on nous a fait faire etaient des template réaliser avec artisteer et ducoup je n'arrive pas à integrer mon html pur.

Ma question est :

Quelqu'un peut il m'aider dans la réalisation de l'intégration de ma page d'accueil en pure html5 avec un menu en jquery , pour la mettre dans joomla et creer des pages dynamiques .


Je capte rien dutout a comment on récupere les different lien de menu , j'ai essayer plein de choses comme partir d'un blank template et le formatter au fur et à mesure , rien n'y fait je galere à essayer de trouver comment faire pour manipuler les menus et les structurer comme dans mon html .

Quelqu'un peut m'aider ?

[Rajoz]

Re : intégration html 960grid system

Bonjour Goldminion,

Tu devrais commencer par lire Joomla! 3 Le livre pour tous. Tu y trouveras toutes les réponses aux questions que tu te poses, en particulier sur la rédaction des articles et la gestion des menus.

Amicalement,
Rajoz

[toffffe]

Re : intégration html 960grid system

Salut
Pour styler tes onglets de menu il va falloir que tu apprennes le CSS et à te servir de l'inspecteur de chrome.

Tous les sites qu'on nous a fait faire etaient des template réaliser avec artisteer

Faire une formation artee... pour devenir webmaster

Pour ton menu a quoi veux-tu qu'il ressemble ?
Astu regardé le module maximenuck ? http://www.joomlack.fr/extensions-joomla/maximenu-ck

As-tu apris à ajouter un composant, un module, un plugin durant ta formation ??

[lesoutier]

Re : intégration html 960grid system

je sors de formation de webmaster et j'ai été former à réaliser des sites sous joomla

Apparemment pas très efficace la formation.

[Goldminion]

Re : intégration html 960grid system

Alors , il est vrai que je n'est pas cerné le probleme vraiment tres précisement :

@rajoz : je vais lire le livre pour voir si je trouve comment faire ce maudit menu

@toffffe : voila exactement le genre de cours que j'ai eut durant la formation , un gars qui te dit, tiens tu veux ce menu la , clic la dessus , intalle et hop ca se fait tout seul ... bien evidement j'ai appris a inserer des modules , gerer des plugins et tout de ca mais de maniere beaucoup trop legere ...

Je connais parfaitement le html5 css3 , je débute en js et php mais mon probleme est dans l'intégration pure d'une maquette réaliser en dur ( web 1.0 ) et la mettre dans joomla ( web 2.0 ) sans passer par des plugins comme les ck ou autre trucs tout fait qui sont trop commun et dont j'ai horreur d'implanter dans un site web .

J'utilise chrome et le webkit

@lesoutier : exactement , je me suis fait escroquer durant cette formation je m'attendais à avoir un enseignement pro qui m'aurait permis de faire ce que je suis en train de demander , hors je n'ai été formé qu'a modifié des template déja existant , modifié la css , modifié quelques emplacement de sidebar ou autre modules en bougeant un peu le php , on m'a prit pour un con en me vendant cette formation qui m'a couté un bras , aucun formateur ne nous a appris à créer un menu completement maison et l'intégrer dans un 2.0 ...

ce qui est pourtant la base et le fondement de tout site web original .

Pour résumé j'ai été former à acheter des beau template corporate bien cher et juste modifié un peu de css pour gagner de l'argent , c'est pathétique de voir à quel point le monde de l'informatique est un monde d'escroc pur et simple .


Je cesse mes élucubrations et passe au vif du sujet :

le menu : http://jsfiddle.net/Cudex/eqfwz7zu/6/

C'est moi qui l'ai créer à partir d'un plugin a base de jquery .

Le probleme est le suivant :

Comment faire pour definir les liens de menu et les integrer dans un endroit du code html pour que ca ressemble exactement à mon menu?

Je sais les configurer mais pas les retrouver dans le php ...


J'habite Toulouse , je suis prêt à payer un dev ou une personne capable de résoudre mon problème d'intégration , qui veut bien me former.

[jisse03]

Re : intégration html 960grid system

Bonjour,

Dans les design patterns Joomla!, la logique MVC est à la base de tout.

Les menus et éléments de menus se déclarent dans l'admin, et sont stockés dans des tables de la base de données. La couche présentation est déléguée à un ou des modules (mod_menu nativement).

Pour réaliser ton menu personnalisé, il y a 2 solutions:
1.Développer ton propre module https://docs.joomla.org/Category:Module_Development. C'est par exemple le cas de maximenuCK et autres modules de menus.
2. Créer ton template autour de bootstrap et intégrer un mega menu dans le template. C'est ce qu efont de très nombreux frameworks de templates modernes, par exemple YouJoomla Simple Grid. http://yjsimplegrid.com/ ou autres frameworks du même ordre.

960gridsystem existe depuis longtemps, mais sa conception n'est pas réellement responsive, d'où la suggestion bootstrap, spécifiquement créé dans ce but (changement automatique de la présentation des menus en fonction de la résolution, masquage/démasquage de modules selon le type de terminal de consultation, etc.)

[Goldminion]

Re : intégration html 960grid system

Ok bein je crois que je vais laisser tomber les cms quand il s'agit de faire du propre assez original alors .

Il est sur que tous ou presque utilise bootstrap 3.0 parcque leur environnement facilite l'utilisation du javascript deja present dans ce framework , mais je prefere utiliser 960gs car il est leger , dépourvue de js préfabriqué et aussi responsive .

J'ai vraiment l'impression de jouer à la console de jeu video quand je suis sur ces CMS .

Quelqu'un peux il me dire honnêtement si l'impact sur le référencement d'un site ce joue avec ces sites dynamiques dont n'importe quel illettré ou geek en informatique peux se servir et créer des sites ? ,

OU

est ce que créer des sites statiques en codant soit même avec passion et professionnalisme suivant son niveau a encore de l'avenir et peux il dépasser le référencement d'un cms ?

Pendant ma formation , un expert certifié par Google inc. nous a dit que les moteurs de recherche préfèrent les sites avec base de données ( mais que les sites statique sont aussi très bien pris en considération ).

[lomart]

Re : intégration html 960grid system

Bonsoir,

Google s'en fiche complétement de l'originalité. Ce qui lui plait, c'est d'avoir un contenu riche qui répond aux recherches des internautes. et qui soit rapide et visible sur toutes les tailles d'écran.

On ne fait pas un site pour se faire plaisir, mais pour répondre à un objectif.
C'est cet objectif qui doit définir la technologie à utiliser.

[jisse03]

Re : intégration html 960grid system

Sur les choix Bootstrap vs 960gs, là, chacun a son propre avis.

Pour le référencement, de très nombreux sites réalisés avec des CMS (Joomla!, Wordpress, Typo3, Drupal, ezPublish) sont très bien positionnés en référencement. L'avantage des sites dynamiques est justement le dynamisme, la facilité pour ajouter des contenus.

Poser la question statique vs dynamique revient à remonter la bonne vieille querelle des anciens et des modernes. La conception même du web a évolué, les pratiques également. Un référencement de qualité se réalise maintenant sur quelques centaines de critères, la pertinence des contenus restant (statique ou dynamique) la base essentielle.

Par contre, pour le webmaster, les CMS offrent une souplesse que tout développement à façon n'aura jamais, c'est à dire permettre d'étendre le système en quelques minutes ou heures, sans devoir faire appelk à un développeur.... Et ce critère a également une importance grandissante.

Quelqu'un peux il me dire honnêtement si l'impact sur le référencement d'un site ce joue avec ces sites dynamiques dont n'importe quel illettré ou geek en informatique peux se servir et créer des sites ? ,

Contrairement à ce qu etu peux penser, même un CMS nécessite de la réflexion et de la logique pour réaliser un contenu digne de ce nom. Si par "illétré" tu parles de non programmeurs en PHP/JS/CSS, tu as une approche réductrice et disons lle nettement, assez négative.
Un site ne se mesure pas à son nombre de lignes de PHP/Perl/C#, mais à la valeur de son contenu, son ergonomie, les services rendus... Oublier cet élément essentiel pourrait rapidement te poser des problèmes.

[PhilJ]

Bonsoir,

Je sors de formation de webmaster [...] Pour résumé j'ai été former à acheter des beau template corporate bien cher et juste modifié un peu de css pour gagner de l'argent , c'est pathétique de voir à quel point le monde de l'informatique est un monde d'escroc [...].

Sans vouloir le moins du monde vous froisser, vos propos ressemblent à ceux beaucoup de gens, clients ou pas, mais qui, faute d'être des professionnels du domaine, ont en commun de considérer que la création d'un site internet se ramène purement et simplement à une démarche de programmation : « Ah ! Vous êtes créateur de sites internet, c'est-à-dire programmeur / informaticien... ». Pourtant, il est légitime de se demander s'il est bien raisonnable de réduire ainsi le rôle d'un webmaster. Menez votre petite enquête : vous vous rendrez vite compte que la réussite d'un site internet n'implique nullement l'intégration ou l'adaptation « originale » de layouts ou de scripts.

Un « simple » site vitrine peut requérir une foules d'astuces n'ayant que peu de rapport avec « l'informatique ».

Vous vous mettez d'ailleurs vous-même sur le chemin d'une preuve de ce constat quand vous évoquez la question du référencement :

Quelqu'un peux il me dire honnêtement si l'impact sur le référencement d'un site ce joue avec ces sites dynamiques dont n'importe quel illettré ou geek en informatique peux se servir et créer des sites ? ,

OU

est ce que créer des sites statiques en codant soit même avec passion et professionnalisme suivant son niveau a encore de l'avenir et peux il dépasser le référencement d'un cms ?

Pour vous répondre — honnêtement, ainsi que vous le demandez — la qualité de la SEO n'a à peu près aucun rapport avec l'informatique, et c'est bien ce qui doit faire dire qu'un webmaster n'est pas un informaticien. Un site Joomla peut être très bien conçu ou très mal conçu sur le plan SEO. Un site statique idem.

L'informatique intervient aujourd'hui dans presque tous les métiers. Pour autant tous les professionnels utilisant l'outil informatique ne sont pas, loin de là, informaticiens (et heureusement !).

Pendant ma formation , un expert certifié par Google inc. nous a dit que les moteurs de recherche préfèrent les sites avec base de données ( mais que les sites statique sont aussi très bien pris en considération ).

Avec une telle expertise, vous n'irez pas bien loin.

Ces propos rappellent cette blague :

— J'ai deux chiens. L'un est très gentil.
— Ah oui ? Et l'autre ?...
— Il est très gentil aussi.

En bref, à mon sens, et j'imagine que je ne serai pas contredit par beaucoup de mes confrères (et néanmoins concurrents ) : un créateur de sites internet doit mobiliser des compétences informatiques, mais aussi des talents artistiques, des connaissances et des techniques visant à l'optimisation du référencement de ses créations. Il doit en outre savoir écrire, avoir des connaissances en ergonomies, en commercialisation, marketing, et même en droit...

S'il passe le plus clair de son temps à tenter de réinventer la roue, par exemple en voulant mettre en place les menus les plus simples « a la mano », il risque fort de ne pas pouvoir remplir vraiment sa mission, ne serait-ce que par manque de temps.


Cordialement,



PhilJ

[Goldminion]

Re : intégration html 960grid system

@ lomart un contenu riche est possible sans cms grace aux outils google , et bien entendue je ne suis pas dans la conception de sites pour plaisir , je le fait pour des entreprises... ( je suis bien au courant des dernieres dispositions de google qui va désindexer pas mal de site a cause du responsive d'ici 1 an ou 2 et je m'en frotte les mains ! ) .

@jisse03 il est clair que le service proposé prime sur tout, approche tres négative oui et surtout axé contre la société de consommation car un cms n'est plus ni moins qu'un bien de consommation aujourdhui , tu installe , tu paye ton template , tu balance des articles, tu vend et tu te remplie les poches sans rien avoir a coder ( pour les non programmeur ).

@philJ il est vrai que faire un site selon que l'on est un homme ou une femme ou autre nécéssite une foule de gout et concept en communication assez diversifié comme la photographie par exemple ou encore la rédaction et le marketing de masse , les cibles etant à definir cela releve aussi plus du marketing et de l'etude de commercial que au final , un simple programmeur web .


Que feriez vous a ma place : en sachant que le site que je construit en html css php js , comporte environ 20 pages et que ce nombre de page et articles n'est susceptible que d'evoluer que de 2 ou 3 par an .

Cms ou pas sachant que je n'arriverais pas à creer un plugin comme maximenu ck pour integrer mon menu perso car mes connaissances sont trop limités ?

Perso je ne vois pas l'utilité d'un cms, pour moi un cms c'est fait pour faciliter la mise en place d'articles ou de produits en grande quantité ... avec les avantages qui en decoule comme le flux rss direct dans le code ...

@jisse03 excelent la querelle des anciens vs nouveaux

[jisse03]

Re : intégration html 960grid system

@jisse03 il est clair que le service proposé prime sur tout, approche tres négative oui et surtout axé contre la société de consommation car un cms n'est plus ni moins qu'un bien de consommation aujourdhui , tu installe , tu paye ton template , tu balance des articles, tu vend et tu te remplie les poches sans rien avoir a coder ( pour les non programmeur ).

C'est la première fois que j'entends dire qu'un CMS est un banal bien de consommation... Ce n'est ni plus ni moins qu'un outil comme un autre, permettant de simplifier la vie tant du développeur (entendre programmeur qui peut l'étendre via des composants perso, modules ou plugins sans réinventer à chaque fois le beurre et le fil pour le couper.
Utiliser un CMS comme outil de base au lieu de vouloir tout réinventer à chaque fois est également, y compris pour un développeur, une forme de respect de ses clients, puisque tu te places dans l'optique de vendre le service de conception du site. L'usage d'un CMS réputé (Joomla!, Drupal, WordPress, Typo3, ezPublish) libère ton client des craintes pour la maintenance future, ces produits étant très répandus et ayant de ce fait de nombreuses resources disponibles en cas de défaillance du développeur originel. En cas de code "maison", le repreneur de maintenance devra commencer par se plonger dans un code rarement aussi bien documenté, sans aucun forum de support, etc.

Et même en termes de développement, un CMS type Joomla!, avec sa logique MVC, est un magnifique jeu de construction avec lequel on peut réaliser des sites à la fois très riches, originaux, ciblés, spécialisés, parfaitement référencés, tout en s'appuyant sur des briques logicielles (composants) existant et étant maintenus depuis plusieurs années, pour lesquels les impératifs de sécurité et la fiabilité sont reconnus. Mais, sur un site pro, il n'est que très rarement question que d'assembler ces briques, il est aussi question de personnalisations, adaptations aux besoins, évolutivité, etc. Bien que ça ne signifie pas pondre de la ligne de code à longueur de journée, il s'agit d'un véritable travail de développemlent, le code, sur un projet vraiment bien ficelé et professionnel, ne représentant qu'une infime partie du tout.

Que feriez vous a ma place : en sachant que le site que je construit en html css php js , comporte environ 20 pages et que ce nombre de page et articles n'est susceptible que d'evoluer que de 2 ou 3 par an .

S'il ne s'(agit que d'un seul site, pourquoi diable faudrait-il recréer la roue ou le feu ? AS-tu pensé à des éléments tels la sécurité, l'ergonomie d'administration, et tant d'autres petits rien qui font un tout qui sera agréable pour le client final (ou qui le rendra chèvre selon les cas) ?

Cms ou pas sachant que je n'arriverais pas à creer un plugin comme maximenu ck pour integrer mon menu perso car mes connaissances sont trop limités ?

C'est là justement l'apport essentiel d'un CMS modulaire et évolutif. Tu n'as pas besoin de la somme colossale de connaissances dans tous les domaines couverts (méga menus, composants complexes genre boutiques en ligne, réservations d'hôtels ou de chambres d'hôtes, prise de rendez-vous...), tu peux utiliser l'e"xistant et le rendre conforme à tes goûts, de manière relativement plus simple que de devoir tout recréer. Joomla! et ses extensions sou slicence GPL offrent justement cette souplesse et la possibilité de peu à peu mieuxc comprendre la logique de chaque extension, voire même, avec le temps, tes connaissances s'approfondissant, de créer tes propres extensions et les distribuer, ce qui est une forme de partage très répandue dans le moinde open source.

Que certaines extensions très pros et certains templates d'un niveau de qualité très supérieur à ce qu'un amateur ou un développeur qui ne soit pas également graphoiste pourrait réaliser soient commerciaux, donc pas gratuits, c'est normal, certains développeurs travaillant à temps plein sur leurs extensions, le support au utilisateurs, etc. Et il faut bien aussi dans ce cas payer son loyer, manger...

Perso je ne vois pas l'utilité d'un cms, pour moi un cms c'est fait pour faciliter la mise en place d'articles ou de produits en grande quantité

Il s'agit d'une vision très étriquée, un CMS tel Joomla! est avant tout un coeur (le core) de type framework, apportant toutes les fonctionnalités indispensables (création d'utilisateurs, connexion, sécurisation des saisies des visiteurs, gestion abstraite de la base de données...) sur lequel est nativement greffée une application d'administration et quelques composants (ou objets métiers) dont la création et gestion d'articles.
Mais le point central reste le framework, utilisé par absolument toutes les extensions, et garantissant l'unité du tout.

[ced1870]

Re : intégration html 960grid system

salut
j'ai lu dans les grandes lignes ...
Pour ma part si tu veux utiliser un CMS c'est qu'il répond à un besoin. Par exemple tu ne vas pas acheter une voiture si tu ne vas jamais plus loin que 300m de chez toi

qui sont trop commun et dont j'ai horreur d'implanter dans un site web

Pour l'aspcct "commun" tu peux très bien mettre des connaissances CSS à l'épreuve pour réaliser des choses qui sortent de l'ordinaire

Ensuite par rapport à ta démo j'ai du mal à saisir en quoi ton code de 1200 lignes JS pour afficher un pauvre sous menu est mieux qu'un module intégré dans joomla!

Mais pour revenir à la question initiale :
pour afficher tes liens de menu il faut créer un module (ou éventuellement tout mettre dans ton template mais c'est moins bien)
qui va chercher les liens de menu que tu crées dans l'admin de ton site. Tu peux regarder le code du module "mod_menu" natif de joomla pour voir comment récupérer les items.

Je ne prendrai pas part au reste de la discussion qui a dévié du sujet initial ...
CEd

[Casper17]

Re : intégration html 960grid system

Bonjour,

bien que newby/jeune padawan par rapport à vous tous, je me permets de mettre mon grain de sel.


Je pense que Goldminion voit joomla un peu trop comme serifweb plus x7 ou un toweb 5 qui sont des générateurs de code HTML degeu à la volé etc...

Avec joomla, il ne faut pas croire que tu as juste à ouvrir la boite à moulinette, tu cliques sur le bouton qui va bien et hop tu as un site de la mort. sinon ce forum n'existerait même pas .
Si tu souhaites tant taper dans le dur pour pouvoir dire je code moi même, je suis pas un faut développeur qui vole ses clients pour s'en mettre plein les fouilles avec des truc qui s'imbriquent tout seul, commence par essayer de coder ton propre Template, de créer tes propres plugin et extension.

perso je me met à la place des gens qui développent des extensions joomla ou des sites basés sur un cms et qui lisent ton discours, c'est limite s'ils ne sont pas rencardés au rand de voleur, fainéant etc...

Si tu souhaites te former tu as openclassroom qui offre des formations sérieuses et reconnu d'état.

[Rajoz]

Re : intégration html 960grid system

Bonjour Goldminion,

Je ne souhaite pas intervenir dans le débat du pourquoi et du comment d'un CMS par rapport à un site statique qui me semble sortir du cadre de ce post et qui a déjà reçu des réponses pertinentes.

Je reviens à la question de départ qui est "intégration html 960grid system". J'espère qu'elle est toujours d'actualité.

Dans ma première réponse j'ai recommandé la lecture du livre sur cinnk.com car pour pouvoir faire cette intégration il faut d'abord bien comprendre ce qu'est Joomla!, en particulier quel est le rôle et comment sont conçus les templates (et aussi les menus puisque cela fait aussi partie de la question).

En réponse complémentaire, je dirais qu'il n'y a plus maintenant à ma connaissance de template utilisant 960 grid system. Cela se faisait il y a quelques années en Joomla! 1.6-1.7. Joomla! est maintenant en 3.4.3 et (presque) tous les templates sont basés sur Bootstrap ou au minimum supportent Bootstrap (pour les vues de Joomla!).

Mais comme chacun peut utiliser le framework ou le grid de son choix, il est toujours possible de regarder comment étaient faits les templates en 960 grid system de l'époque et de voir comment les convertir en Joomla! 3.4.

Une recherche sur Google de "template joomla grid 960" donne de très nombreuses réponses, mais malheureusement pas mal de liens n'aboutissent pas car J! 1.6 et 1.7 ne sont plus supportés.

J'ai néanmoins retrouvé un tutoriel qui expliquait comment faire un template pour Joomla! 1.6 basé sur 960 grid system qui pourrait être un point de départ pour cette intégration : http://code.tutsplus.com/tutorials/c...tep--net-20048 surtout en le rapprochant des tutoriels comme Comment créer son template Joomla! 3 et Convertir un template Joomla! 1.5 en Joomla! 3 (merci CEd pour ces deux tutos).

Amicalement,
Rajoz