Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Question pratique HTML5/CMSMS
#1

Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: #1.10.3
#~ Url du site :
#~ Hébergeur / Soft : OVH
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~


Salut à tous,

Suite à ma première expérience plutôt réussie avec la création du site rcdeco dont je vous ai parlé il y a quelques semaines, j'ai eu envie d'aller plus loin et j'ai créé mon activité sous forme d'auto entrepreneur. En effet, j'ai eu quelques demandes intéressantes dans mon entourage et ça m'a motivé à continuer dans cette voie là. Je précise qu'ayant déjà deux boulots dont 1 à temps plein et l'autre à temps partiel, cette activité n'aura pas pour but de me faire vivre (heureusement vous me direz Big Grin c'est vrai mais je progresse vite !) mais j'espère juste pouvoir obtenir un complément de revenus. Je vais faire de la conception de sites web (oui oui on verra bien, cela sans prétention bien entendu), notamment pour des gens qui n'y connaissent rien en informatique et qui n'ont pas forcément les moyens de payer des sommes conséquentes pour se faire connaître sur le web ou développer leur activité. Parallèlement, je vais faire du conseil et de la formation pour tout ce qui est logiciels de bureautique (j'ai une certification Microsoft pour les produits du pack Office et je compte devenir Microsoft Partner pour pouvoir revendre et mettre en place en entreprise leur produits, notamment BPOS, les sites SharePoint Onligne, Office 365, tout ce qui concerne le cloud principalement) conseil en achat de produits high tech, mise en place de plans de sauvegardes enfin brefs, des choses assez basiques mais pas forcément connues par tout le monde (il y a une vrai demande dans mon entourage, je suis sans cesse mis à contribution pour ce genre de choses --> alors oui, si je les fais payer, il y aura moins de demande --> et ce sera un peu le but ! j'ai besoin de travailler pour moi et non pour les autres).

Pour en revenir plus précisément à ma demande, j'ai finalement opté pour apprendre le HTML5/CSS3 (j'ai acheté et lu le livre "réaliser votre site web avec HTML5 et CSS3" du site du zéro). Oui oui, je sais certain ne me l'ont pas conseillé mais quitte à apprendre, je me suis dit, "autant apprendre le dernier langage". Donc, j'en suis à la base, j'ai d'abord lu, j'ai essayé d'assimiler et maintenant je me lance ! Je vais donc concevoir le squelette HTML de ma page. Mais je me demande comment ensuite je vais pouvoir gérer ça avec CMSMS. Je vous donne mon idée de la chose, et ce que je vous demande c'est de me dire si je ne me plante pas du tout au tout. Je pense créer mon gabarit HTML5, copier le code source et l'insérer dans un nouveau gabarit dans CMSMS. Ensuite, créer ma feuille CSS3 et idem la copier dans CMSMS. Associer cette feuille de style au gabarit. Mais est-ce que CMSMS va bien me proposer de saisir les textes là où je le veux dans la page ensuite et est-ce que je vais pouvoir utiliser les modules que j'utilise habituellement sans problème type Gallery, news ou menu manager ? Est-ce que ce ne sera pas un souci que ce soit en HTML5/CSS3 ?

... Arf en fait, je réfléchi en écrivant et me dit que je n'ai qu'à essayer, on verra bien. Bon ça vous permettra une nouvelle fois de suivre mes progrès ! hehehe

Allez, au boulot, c'est parti Big Grin
Répondre
#2

Voir ici pour le principe
http://wiki.cmsmadesimple.org/index.php/...S_Works/fr

Et fait une installation locale ainsi les pages existantes cela te permettre de comprendre le fonctionnement

J-C Etiemble v 2.2.xx
Répondre
#3

Merci pour le renseignement, je poursuis / continue de luter Big Grin

A bientôt sur le forum Wink
Répondre
#4

le backoffice de cmsmadesimple sera en 1.10.x toujours en xHTML classiques. Il sera en HTML5 en version 1.11.x

le front office sera ce dont tu en aura fait, regarde www.furie.be, c'est du HTML5 pas trop poussé.

Le problème pourra se porter sur des modules dont tu n'aurais pas trop la main (pas de templates) et qui cracheraient que du xHTML

A voir au cas par cas, mais l'essentiel te permettront de customiser les templates : News, Menu, Blog, Album, Gallery, ... tous ou presque fonctionnent sur templates

Donc : va y , et comme l'a très bien dit jce76350 : installe une version fraiche de cmsms 1.10.3 avec les exemples de gabarits pour comprendre comme prévoir les "zones de textes" dynamiques qui apparaitront
Répondre
#5

Merci beaucoup pour tous ces renseignements. Je commence à pas trop mal me débrouiller, je devrait pouvoir vous montrer quelque chose d'ici quelques jours.

Pour les modules, super, c'est exactement ceux que j'utilise ! Heu pour la version de CMSMS, OVH me l'a installé en 1.10, alors je vais chercher sur le forum la marche à suivre pour faire la mise à jour (autant la faire de suite vu qu'il n'y a rien sur mon site).

J'ai les boules, j'viens de me faire "voler" 54 € pour obtenir des images sur un site... Au final les fameuses images ne sont qu'au format jpg et je ne peux rien en faire... Je voulais de jolies icônes, barres de menu etc... (et là j'ai par exemple une planche de 50 icônes au format jpg... Sad ) enfin, j'en ai tout de même 2 3 que je vais pouvoir utiliser... Les joies du débutant !

Bon ben au boulot, à plus tard...
Répondre
#6

Bonjour,

Tout d'abord, bravo pour ton lancement sur cette activité, c'est toujours une bonne chose qu'une agence ou un indépendant se lance et utilise CMSMS Smile

Je rejoins mes collègues pour HTML5 : CMSMS ne te posera pas de limites à ce niveau là. J'utilise HTML5 depuis quelques sites, et la seule limite est le support dans les navigateurs. Néanmoins, pour garantir une compatibilité avec au moins les nouvelles balises sémantiques de mise en page (header / footer / aside / article / ...), utilises une librairie javascript du type HTML5shiv qui marche pas mal. Ou alors regarde du côté de Modernizr.

Bons développements !
Répondre
#7

Salut,

J'ai un peu le mm pb, je veux transformer une maquette statique html5/css3 en site sous cmsms.

Je ne me suis pas trop posé de questions, j'ai juste créé mes templates tels quels avec la syntaxe html5 et les feuilles de style et ça roule impec, donc tu n'auras pas trop de soucis amha.

Par contre là où je suis frustré c'est de ne pas pouvoir utiliser les nouveautés css3 et particulièrement le placeholder des input, c'est vraiment trop pratique de ne pas devoir mettre utilisateur devant l'input login et mot de passse devant l'input passwd...

Ou bien de ne pas pouvoir utiliser les input type mail ou type number...

Or ces trucs-là sont codés quelque part en php si je pige bien et je vois pas trop où...

Si qqun a la solution pour ça ?
Répondre
#8

Bonjour et merci,

Outch cette nuit, un peu fatigué, j'ai voulu mettre à jour CMSMS sur mon premier site et j'ai oublié de copier les modules déjà installés... Je me retrouve avec un site fonctionnel mais sans photos par exemple...

Je suis en train de remonter ma sauvegarde uniquement du dossier modules vers le nouveau dossier modules, j'espère que cela va fonctionner.

Pour ce qui est du HTML5, j'ai fait les premiers test sur mon gabarit et ça à l'air compatible avec les derniers navigateurs (j'ai utilisé la librairie JS shiv). Je vais donc bientôt installer mon gabarit sur CMSMS et après, y a plus qu'à !!!

Bon aller, je retourne dans mes sauvegardes / restauration, faut que je trouve la solution sinon ma mère va me tuer Big Grin pour son site ! Au pire, j'ai tout sauvegardé, il faudra juste tout réinstaller...

A plus tard et merci encore pour vos conseils à tous.
Répondre
#9

ah, on s'est croisé !

Heu alors là, aucune idée, je laisse les experts te renseigner Big Grin
Répondre
#10

ouf, c'était l'angoisse pendant 5 minutes là !!! ok tout fonctionne. Par contre, dans le gestionnaire des modules, je n'arrive pas à faire la mise à jour de deux modules :
  • CGFavs
  • ExtendedTools

Je n'ai pas le temps là, on part manger Big Grin je regarderai ça de plus prêt ce soir...
Répondre
#11

wanajo38 a écrit :Par contre, dans le gestionnaire des modules, je n'arrive pas à faire la mise à jour de deux modules :
  • CGFavs
  • ExtendedTools

ça c'est fait Big Grin

Voici un premier essai pour ma page d'accueil en HTML5 Big Grin pour l'instant, rien à voir avec CMSMS, c'est juste une page HTML que j'ai mis en ligne.

Comme je n'ai pas grand monde dans mon entourage qui s'intéresse à ce que je fais Sad ouin ouin ouin, j'aimerais bien avoir votre avis sur cette première ébauche.

Merci d'avance à ceux qui prendront le temps de faire des commentaires.

A plus, j'y retourne, au boulot ! Smile
Répondre
#12

Je ne me permettrais pas de te dire que je ferrais mieux que toi, je suis pas non plus designeur.

Mais ton design fait -à mon humble avis- tout sauf professionnel du web.

plutôt que de partir dans l’excentrique et faire fuir le client je te conseillerais le classique, propre, pro.

une très bonne source d'inspiration : les designs existant

http://opensourcetemplates.org/
http://www.oswd.org/
...

exit les boutons fait manuellement, c'est une méthode vielle des années 90 avec frontpage
exit les changements de taille de la police au survol : c'est pénalisant pour cliquer sur un lien

voilà pour mon avis, mais n'oublions pas que les gouts et les couleurs ....
Répondre
#13

Couleurs chatoyantes et code valide w3c, ça, c'est bien.
Teste avec des résolutions plus basses que 1900*1200, tu verras vite où sont les problèmes.
Survol des liens sautillants et police inappropriée, on dirait quelqu'un qui découvre word Wink ;
mauvaise compatibilité avec IE9-, Firefox 7- ;
et tu nous as habitué à mieux au niveau orthographe.

Continue d'étudier les css, ce n'est pas aussi simple que l'html (encore que les Rich Media vont nous donner beaucoup d'études et de travail supplémentaires).
C'est bien d'être tout feu tout flamme, mais c'est un véritable métier qui demande des connaissances sérieuses et de l'expérience (tu as commencé il y a moins d'1 mois) ainsi qu'un apprentissage constant.
Avant de te lancer dans le professionnalisme tête baissée, pourquoi ne pas faire tes dents sur le site de ta mère ? Quand tu le placeras en tête des recherches sur Google, que tu en feras un véritable site d'e-commerce et que ta mère réaliseras des ventes avec, ce site deviendra ton plus bel argument pour tes futurs clients ; en voulant aller trop vite tu risques de te brûler dans ta région.
Mais que cette petite remise au point ne te décourage pas, je trouve que tu as très bien progressé en peu de temps.
Répondre
#14

Arf... j'appréhendais cette étape... à juste cause... Sad

Le pourquoi du comment et un peu compliqué... J'ai besoin de gagner plus d'argent en ce moment et malgré mes deux boulots, je ne m'en sors pas... Alors oui, je suis tout feu tout flamme par manque de temps et parce que c'est ma nature aussi. Je n'y connais rien au design, rien aux sites web et à la programmation mais je fais de mon mieux et j'essaye d'apprendre vite. J'avais envie de faire un site moi même de bout en bout, d'une pour pouvoir savoir faire un site complètement, sans prendre de modèle tout fait et de deux pour justement me distinguer des autres sites.

Je n'ai pas la prétention d'être un professionnel du web. Mais d'un autre côté, j'en ai marre de bosser gratuitement pour tout le monde... C'est difficile pour moi... Je ne découvre pas Word, j'ai d'ailleurs une certification Microsoft Office 2003/2007 Excel/Word Big Grin Ce sont juste mes goûts et mes couleurs... Ok je n'ai peut être pas de goût. Les effets de survol, c'était juste pour donner un aspect dynamique à ma page. Je viens de rajouter le copyright, non que je l'avais oublié mais c'est juste que je n'arrivais pas à le faire correctement.

Je viens de relire rapidement mais je n'ai pas vu de fautes... Jean le Chauve tu me dire où exactement ?

Bon, je viens de bosser à peu près 80h dans la semaine dont une bonne trentaine pour mon site, je suis claqué. Il est temps d'aller se coucher et de réfléchir à tout ça tranquillement.

En tout cas, merci de m'avoir consacré un peu de votre temps et merci pour vos commentaires plus que desctructifs constructifs Big Grin
Répondre
#15

les texte relatif (x2)
Découvrer Office 365
Répondre
#16

Merci Monsieur le Chauve Big Grin
Répondre
#17

Bon, le passage où je me faisais "tailler", ça c'est fait ! Un ami développeur a fait de même aujourd'hui... "ton site pique les yeux" Big Grin Je me permets de vous le redire, je n'ai aucune prétention et je suis vraiment là pour apprendre. Apprendre tout d'un coup c'est vrai, mais apprendre quand même (CMSMS, HTML et CSS pour le moment).

Au moins, je vois tout de suite la direction à prendre. C'est dommage parce que j'aimais vraiment mon site tel quel... Mais je ne lâche pas l'affaire, j'ai envie de réussir, ça prendra le temps qu'il faudra mais j'y arriverai.

Je ne sais pas si c'est la bonne solution pour travailler mais comme j'ai développé mon site sur un grand écran et que je ne maîtrise pas encore la gestion de la fluidité de mon site, effectivement, il y a des problèmes en basse résolution Sad Je pense donc changer de façon de travailler et partir plutôt dans le sens inverse, c'est-à-dire créer le site en basse résolution et prévoir son agrandissement (1024*768 me semble pas trop mal comme minimum).

Je n'ai pas compris ta remarque BESS sur la façon dont j'avais créé manuellement mes boutons. Il faut bien les créer à un moment ou à un autre non ? J'ai fais ça sous the gimp, c'est le seul logiciel que je sais utiliser pour le moment.

Les effets de survol... j'aime bien, j'en mettrai peut-être simplement moins. Je vais travailler assidûment dans les semaines à venir et j'espère progresser rapidement. Je sais que ce n'est pas le forum adéquate mais c'est le seul où je me sente bien pour le moment. Alors je m'incruste un peu Big Grin

Mon ami m'a expliqué rapidement l'histoire du triangle de couleur sous photoshop et le fait qu'il ne fallait pas choisir plus de 3 couleurs, je me pencherai dessus ce soir et je metterai donc ça en pratique rapidement pour que mon site soit plus sobre et professionnel. J'ai tout de même envie de le faire moi même mais c'est vrai que je suis maintenant très tenté d'aller me servir de modèles tout prêts Big Grin

Il va falloir que j'apprenne à accepter la critique, c'est pas facile mais je peux y arriver. Merci à tous pour vos conseils et à bientôt.
Répondre
#18

Utilise un gabarit fluide (autrement nommé extensible) pour régler les problèmes de résolution, ex : http://www.alsacreations.com/static/gaba...ele11.html.
Les gabarits par défaut de cmsms s'adaptent également selon la taille de l'écran.
Répondre
#19

Merci, j'avais déjà vu cet/ces exemples. Je vais tenté tout de même d'en faire un moi même pour savoir le faire. Ensuite, si ça n'est toujours pas beau côté design, j'en prendrai un tout prêt. Mais au moins que je sache parfaitement gérer l'extensibilité.
Répondre
#20

plutôt que de générer tes boutons dans une image fixes : utilise le CSS

https://www.google.fr/search?q=générer+bouton+css

mon conseil perso : ne tente pas l’innovation visuelle pour ton site. Abuser des capacités offertes (css, html, ...) c'est aussi peu recommandable que d'envoyer un CV avec des images de petits chats parce que tu as voulu montrer que tu savais insérer une image dans un document Word :lol:

Autrement dit : savoir faire quelque chose c'est bien, mais mettre systématiquement en avant ce savoir n'est pas toujours conseillé

Encore une fois je rapprocherais ta situation de la mienne : ne perds pas de temps à t'inventer designer. Concentre tes forces sur l'apprentissage de :
* CmsMadeSimple
* Php
* Smarty (pour améliorer ton utilisation de cmsms)
* L'intégration de design dans cmsms

pour exemple : le design de mon site perso n'est qu'une intégration d'un template existant que j'ai ensuite remanié à ma sauce (complètement, ils avaient fait un travail pourris à l'origine : moi eux)

et ensuite passe au design. Car sans compétence de designer tu peux tout de même proposer un site internet propre et sérieux pour démarrer ton activité, et il me semble justement que c'est un besoin vital, donc je répète pour ton bien : met de côté pour ces prochaines semaines la partie design pure pour te concentrer sur une véritable expertise sur cmsmadesimple.

Autre point, le règlement du forum est formel : nous ne ferrons pas ta formation au CSS, php, JS, ... mais compte sur nous pour te donner notre avis si tu le demande (toujours aussi gentillement)
Répondre
#21

Je vous remercie sincèrement de prendre un peu de votre temps pour moi. C'est plus que ce que certains "amis" peuvent m'accorder !

Je vais aller voir tout ça ce soir car là je suis un peu débordé au travail.

Côté formation, suivant les conseils du bouquin que j'ai acheté, ils me disaient de m'investir dans le JS. Pour le moment, c'est ce que je pense faire. PHP, je ne sais pas pourquoi mais j'appréhende un peu... et SMARTY je vais passer pour un idiot... mais je ne sais pas ce que c'est...

Je souhaite vraiment apprendre par moi-même, je ne veux pas faire d'apprentissage ici mais c'est vrai que j'avais besoin de savoir dans quelle direction regarder.

Merci encore à tous et à bientôt sur le forum Wink

P.S. : whaou je viens de voir ce site suite à tes conseils de recherche sur google, ça à l'air trop classe !
Répondre
#22

Hello,

J'ai mis à jour ma page et j'ai l'impression d'avoir réussi à faire un site "fluide". Je l'ai testé dans les principales résolutions et sur les principaux navigateurs et le résultat est convenable (pour moi bien entendu car je me doute que c'est loin d'être parfait). Je ne vais pas essayer de l'adapter aux anciens navigateurs car je ne pense pas pouvoir y arriver pour le moment et surtout, je ne pense pas que le HTM5/CSS3 soit fait pour ça. Je pense mettre une note d'information sur la navigation sur mon site et conseiller aux visiteurs d'aller télécharger Chrome, IE9, Firefox ou Safari.

Je vais maintenant tenter d'insérer ce modèle dans CMSMS. Toujours pour savoir comment faire. Et une fois que je maîtriserais la technique, alors je prendrai un modèle de template tout fait, plus conformiste et qui saura, je l'espère, plaire à la majorité de mes visiteurs/et vous les amis Big Grin.

Je suis allé voir la conception des boutons en CSS3 rapidement (par manque de temps). Je trouve ça super mais je ne vois pas bien la différence entre ma méthode et celle-ci. Je suis certain qu'en cherchant un peu plus je comprendrais mais là, je manque de temps. Je reviendrai là dessus quand ce sera fait.

Allez, au boulot, c'est reparti !
Répondre
#23

>je ne vois pas bien la différence entre ma méthode et celle-ci

le rendu, les tiens faisaient "powerded by Windows 3.1", ceux là font déjà plus professionnels Smile

Après technologiquement parlant ca reste du css.

c'est comme tout, mal utilisé, la techno produit des résultats peu engageants
Répondre
#24

Bon ok alors, je vais m'attarder un peu plus sur cette technique avant de continuer car ça motive plus aujourd'hui Big Grin Je vais aussi aller chercher des infos sur la gestion des couleurs car je suppose qu'on peut utiliser les couleurs que j'aime mais autrement (rose notamment, oui c'est comme ça, j'adore le rose Big Grin). Allez, bonne soirée et merci du conseil.
Répondre
#25

Puisque tu as envie de découvrir tout ce qu'on peut faire en ccs (pas besoin d'apprendre JS) , voici mon site favori de démos (menus, galeries, layouts...) :
http://www.cssplay.co.uk/
Fais un tour sur toutes ses démos et navigue dans ses onglets.
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 3 visiteur(s)