Création d'un template avec Artisteer, les limites

[Blackflag]

Bonsoir,

Je suis un vrai débutant de chez débutant et j'aimerais créer un site sur les jeux vidéo.

J'ai quelques très brèves notions d'html et de css, mais j'ai succombé à la facilité d'utilisation d'Artisteer après avoir testé une version d'évaluation.

En cherchant un peu, j'ai cru comprendre que tout le monde n'aimait pas Artisteer car il ne serait pas très au point à tous les niveaux.

Quelqu'un pourrait-il me dire à quel niveau je pourrais être limité et quel type de difficulté je pourrais rencontrer avec un template Artisteer sur mon site (si bien sûr cela occasionne des désagréments) ?

J'ai envie d'apprendre plein de choses sur Joomla et la création de sites internet, pardonnez mon ignorance j'essaierai d'apprendre très vite sur ce forum !

[kursus]

Re : Création d'un template avec Artisteer, les limites

Hello,

Premier point : si tu as envie d'apprendre des choses sur le webdesign, ne perds pas ton temps à apprendre artisteer ! Tout ce que tu apprendras est de cliquer sur des boutons.

Au niveau des défauts, il y a en premier l'horreur du code que produit ce logiciel. Malformé, lourd, pas maintenable, c'est une hérésie. La compatibilité inter navigateurs sera mauvaise, ton site sera lourd et lent, et tu n'auras rien appris.

Si tu veux un site efficace, je te conseille de télécharger un template tout fait sur un site sérieux (recherche sur le forum). Un template responsive car de nos jours c'est indispensable.

Ensuite tu pourras le modifier petit à petit selon tes goûts et tes envies.

Ce qui t'amène au noeud du sujet : l'apprentissage d'html/css. C'est le seul moyen de progresser réellement en webdesign.

Tu as des tutos bien fait, comme par exemple http://www.siteduzero.com/informatiq...-html5-et-css3

Bon courage et n'hésite pas si tu as des questions.

A+

[webcrea]

Re : Création d'un template avec Artisteer, les limites

...Et puis créer un template n'est pas très dur, tu n'as besoin que de 3 fichiers :
- 1 css (qui pourrait être dans l'index.php, donc 2 fichier)
- 1 xml qui décrit tes positions
- 1 index.php qui affiche tes positions

[Blackflag]

Re : Création d'un template avec Artisteer, les limites

Merci à vous deux. Je vous ai laissé un remerciement

Le responsive design c'est donc le fait de rendre un site internet adaptable à chaque support (ordinateur, téléphone, tablette etc ...) si j'ai bien compris ? Mais qu'est-ce qui différencie les templates Artisteer (mal fichus donc ?) des templates Siteground par exemple ? Uniquement le code instable d'un côté et épuré de l'autre ?

Les templates siteground ont l'air super, mais est-ce que ceux des grosses licences sont également responsive ? (Je pense que oui mais sait-on jamais). Je veux parler des licences comme Joomla XTC, Gavick, Yootheme, Rocket Theme etc ... ?

Je vais essayer de me plonger là dedans dès ce soir, si j'ai des questions je viendrai les poser ici oui, merci.
Je pense que j'en ai pour un bon moment ...

[webcrea]

Re : Création d'un template avec Artisteer, les limites

Tous les template récents de ces auteurs sont responsives... parce qu'ils sont souvent monté grace à un composant qui joue le rôle de framework. Par exemple rocket utilise gantry.

Tu devrais te pencher sur gantry par exemple, il te fournira les outils nécessaires à la création d'un template responsive

[alexfr79]

Re : Création d'un template avec Artisteer, les limites

Bonjour,

Juste une petite remarque par rapport au logiciel ART......
Il est vrai que les 1ères versions généraient un code par dessus la jambe, il fallait mettre les mains dans le code php pour ajouter par exemple des suffixes de classe de module....
Un non informaticien ne pouvait certainement pas maintenir ce code. Aujourd'hui, tout a changé, le code est plus propre, pas parfait mais bien plus fiable et plus stable que certains templates gratuits ou bidouillés à la va-vite !

Je ne défend pas ce logiciel mais il faut reconnaitre que ce générateur est devenu une référence (malgré les critiques) et que beaucoup de boites tentent de sortir leur propres outils (je pense à templatetoaster)

Un petit conseil tout de même, si tu veux faire un seul template, n'achète pas la licence de ce produit qui est un peu chère.
Beaucoup de templates gratuits existent sur le net ....

Sinon, il y a une très bonne alternative et pas chère Template Creator CK !!!

http://www.template-creator.com/fr/

Pour terminer, je voulais juste attirer votre attention sur le fait que certains membres du forum ont présenté leur site basé sur ART....et personne ne s'en est rendu compte. (aucun retour négatif)

Si j'ai un conseil à te donner, concentre toi sur le fonctionnement de joomla afin de bien comprendre ses subtilités.

Cordialement,

Alexandre

[webcrea]

Re : Création d'un template avec Artisteer, les limites

Bonjour,

Juste une petite remarque par rapport au logiciel ART......
Il est vrai que les 1ères versions généraient un code par dessus la jambe, il fallait mettre les mains dans le code php pour ajouter par exemple des suffixes de classe de module....
Un non informaticien ne pouvait certainement pas maintenir ce code. Aujourd'hui, tout a changé, le code est plus propre, pas parfait mais bien plus fiable et plus stable que certains templates gratuits ou bidouillés à la va-vite !

Je ne défend pas ce logiciel mais il faut reconnaitre que ce générateur est devenu une référence (malgré les critiques) et que beaucoup de boites tentent de sortir leur propres outils (je pense à templatetoaster)

Un petit conseil tout de même, si tu veux faire un seul template, n'achète pas la licence de ce produit qui est un peu chère.
Beaucoup de templates gratuits existent sur le net ....

Sinon, il y a une très bonne alternative et pas chère Template Creator CK !!!

Pour terminer, je voulais juste attirer votre attention sur le fait que certains membres du forum ont présenté leur site basé sur ART....et personne ne s'en est rendu compte. (aucun retour négatif)

Si j'ai un conseil à te donner, concentre toi sur le fonctionnement de joomla afin de bien comprendre ses subtilités.

Cordialement,

Alexandre

je confirme...

[alexfr79]

Re : Création d'un template avec Artisteer, les limites

OOOPS j'ai oublié de répondre à ta question:

Les limites de ce logiciel ?
1) ton imagination
2) des petits problèmes avec le responsive web design (RWD) ces problèmes sont facilement contournables en modifiant le CSS
3) problèmes de compatibilité avec les TAGs de Joomla 3.x
4) le prix

Les points forts :
1) Création rapide de templates
2) Intégration facile et rapide de graphismes
3) Le prix de revient des templates lorsque l'on veux les commercialiser.

Cordialement,

Alexandre

[Blackflag]

Re : Création d'un template avec Artisteer, les limites

Merci pour ta réponse Alex.

J'ai déjà acheté le logiciel, mais ce n'est pas grave, je pourrai m'en servir de temps en temps malgré tout, si effectivement le code est plus léger que celui des toutes premières versions.

Je vais tout de même et surtout me re-pencher sur le HTML et le CSS sur le site du Zero.
Temps estimé : 20 jours. Ayant quelques notions (très modiques, certes), je vais essayer d'intégrer le tout en une dizaine de jours.

@Webcrea : imaginons que je me penche sur cet outil nommé "Gantry" par la suite, utilisé par Rocket Theme, n'aurai-je pas de problème à travailler sur des templates n'utilisant par cet outil précisément ?

[lefabdu51]

Re : Création d'un template avec Artisteer, les limites

Merci pour ta réponse Alex.

J'ai déjà acheté le logiciel, mais ce n'est pas grave, je pourrai m'en servir de temps en temps malgré tout, si effectivement le code est plus léger que celui des toutes premières versions.

Je vais tout de même et surtout me re-pencher sur le HTML et le CSS sur le site du Zero.
Temps estimé : 20 jours. Ayant quelques notions (très modiques, certes), je vais essayer d'intégrer le tout en une dizaine de jours.

@Webcrea : imaginons que je me penche sur cet outil nommé "Gantry" par la suite, utilisé par Rocket Theme, n'aurai-je pas de problème à travailler sur des templates n'utilisant par cet outil précisément ?

gantry est ce que l'on appelles un framework de template.
C'est un ensemble de fonctions préprogrammées destiné à faciliter la tache du developpeur de templates.
Il permet une grande variété de réglages sur le template directement depuis la partie administration de ton site sans avoir à toucher le code php.
Un framework tel que gantry peut etre installé directement sur un site.
Le site obtenu serat fonctionnel mais serat blanc, donc ce serat a toi de définir completement les styles css du site.
La on parles plus de PAO que de choses spécifique à Joomla.
Touts les templates basés sur gantry ne sont que des réglages prédifinis du framework ainsi que du contenu (images) spécifique pour obtenir un rendu.
Si tu apprends gantry, tu retrouveras la même interface quelquesoit le template utilisant gantry , et ce quelquesoit le revendeur.
Il n'y as pas que gantry comme framework.

Chaque framework et touts les templates qui en découlent possedent une interface d'administration semblable.

Normalement, si tu intégres bien les concepts de webdesign, tu t apercevras que tu retrouves les memes fonctionnalités quelquesoit le framework.

C'est comme les differences entre Word et Libreoffice. Les fonctionnalités sont pour la plupart les mêmes, seule l'interface est différente.

[Blackflag]

Re : Création d'un template avec Artisteer, les limites

Bonsoir,

Depuis mon dernier post, j'ai beaucoup bossé sur le html et j'ai commencé le css hier soir (j'avais déjà modifié des templates Artisteer à la main, mais juste ajouté des shadows ou changé des couleurs de police jusque là).

J'ai téléchargé un template Siteground et je l'ai installé sur un joomla! 2.5 en local pour y faire toutes sortes de tests.

J'ai quelques questions :

1.J'ai voulu modifier la largeur de la feuille (important : le template est "Astrology", un template bleu), en passant de 980 à 1050, tout va bien, léger ajout de chaque côté. Puis, j'ai voulu tenter 1200 (pas beaucoup plus donc) et étrangement, la feuille était tellement large qu'elle débutant tout à gauche de mon écran, est-ce normal ? Si oui, pourquoi est-ce qu'une si petite valeur me donne une largeur aussi énorme au visuel ?

2. Après avoir modifié quelques trucs, dont la largeur, j'ai voulu tout remettre par défaut. J'ai bien remis les trois valeurs à 980, mais à l'actualisation ça ne marche plus. Aucune de mes modifs ne sont plus prises en compte.
Est-ce que c'est un problème de cache : de Joomla ? De mon navigateur ? (Firefox) ? Des deux ? Comment faire en sorte de n'avoir jamais aucun souci en actualisant lorsqu'on fait des changements ? Quelles options cocher, décocher ou valider ?

Merci pour vos réponses en tout cas, ça doit pas être plaisant d'expliquer tout ou presque à quelqu'un qui n'y connait rien comme moi :/

EDIT : Pour la seconde question : certains changements sont pris en compte, comme l'ajout d'une ombre sur un texte du header, mais la page ne s'est pas remise à sa valeur initiale : de plus en plus étrange pour moi

[Blackflag]

Re : Création d'un template avec Artisteer, les limites

Personne parmi mes bienfaiteurs pour répondre à mes petites questions?
Je fais tout pour m'améliorer et comprendre quelques trucs chaque jour. Je voudrais vraiment être capable de tout faire moi même ou de modifier entièrement un template moi même.

Je fais quelques petites expériences sur les siteground mais j'ai l'impression que chaque template a sa propre architecture et ce qui est vrai pour l'un ne l'est plus ou pas tout à fait pour l'autre :/

[lefabdu51]

Re : Création d'un template avec Artisteer, les limites

Personne parmi mes bienfaiteurs pour répondre à mes petites questions?
Je fais tout pour m'améliorer et comprendre quelques trucs chaque jour. Je voudrais vraiment être capable de tout faire moi même ou de modifier entièrement un template moi même.

Je fais quelques petites expériences sur les siteground mais j'ai l'impression que chaque template a sa propre architecture et ce qui est vrai pour l'un ne l'est plus ou pas tout à fait pour l'autre :/

Si tu vaut comprendre comment les templates fonctionnent, regardes les templates standard.
Tu verras tout un tas de bonnes pratiques en matiere de webdesign et de conception de templates.

Quand un template as une taille fixe, c 'est généralement pour éviter les déformations. C est un paramètre qu il est dur de modifier sans faire d'autres modifs ailleurs.La ce qui peut se passer, c est que la largeur augmentée fait que le contenu s affiches sur moins de lignes....

[Blackflag]

Re : Création d'un template avec Artisteer, les limites

J'ai regardé les templates beez par exemple, c'est autrement plus "simple", ou du moins plus clair.
Mais certains templates ont des css de folie, ça me perturbe (un peu normal puisque je n'y connais pas grand chose pour le moment mais ça rebute forcément).

Par contre pourrais-tu me dire ce que je dois activer/désactiver dans mon navigateur ou dans mon joomla 2.5 pour ne pas être confronté à des modifications non prises en compte ? EN général quand je fais des tests, mes modifs sont prises en compte pendant quelques minutes et après plus rien ne marche et plus rien ne bouge ...

Je pense que faire des tests en ajoutant mes propres valeurs, images ou en modifiant quelques trucs avec des éléments du site du zero pour voir ce que ça change, ça me permettrait de mettre un une image de résultat sur une action.

[PhilJ]

Re : Création d'un template avec Artisteer, les limites

Bonjour,

J'ai voulu modifier la largeur de la feuille (important : le template est "Astrology", un template bleu), en passant de 980 à 1050, tout va bien, léger ajout de chaque côté. [...]

...Tout dépend de la largeur de votre écran : avec votre template original, sur un petit écran (typiquement un bon vieux 17 pouces du bureau), seuls quelques millimètres du fond apparaîtront de chaque côté, sur un 24", cet espace de part et d'autre de la « feuille » sera nettement plus important — sauf, bien sûr, si le template est configuré comme « fluide » — c'est-à-dire à largeur variable.

Quelques éclaircissements pour le débutant — que vous êtes, si j'ai bien compris :

Il est vrai qu'aujourd'hui la plupart des écrans des desktops / laptops (= PC de bureau / portables) sont larges, ou du moins ont une résolution importante en largeur, supérieure, voire nettement supérieure aux chiffres que vous évoquez. Pourtant, le standard est et reste 1024 px, ce qui correspond à la résolution de l'iPad et des petits écrans 4 / 3 en 17".

Le respect de cette résolution est un premier gage de réussite. La preuve : (à peu près) tous les créateurs de templates la respecte, et la majorité des créateurs de sites également.

En pratique : (1°) « Si ça passe en 1024 », ça passera sur tous les écrans de bureau et sur tous les portables, sans exception ; (2°) Plus précisément, pour être vraiment « dans les clous », il faut comprendre que 1024 px est la largeur totale d'une fenêtre Windows grande ouverte sur un écran réglé avec une résolution de 1024 px (en général 1024 px X 768 px, mais peu importe ici la hauteur). => Il faut donc retrancher la largeur inexploitable de l'inévitable ascenseur situé à droite, par défaut 16 px. D'où la bonne valeur utile : 1024 – 16 = 1008 px. Vous pouvez facilement constater que cette valeur, 1008 px, est très fréquente sur les templates, même les plus récents. L'espace utile, quant à lui, compte tenu des marges qui délimitent le site sur son fond, est alors de 980 ou de 960 px. Là aussi, ces valeurs se retrouvent à peu près sur tous les templates (et frameworks). Pour vous en persuader tout à fait, faites l'essai de la requête 'grid 960' (ou : 'grid 980') dans Google : la grille (grid) d'un template ne doit pas être choisie au hasard, et surtout pas en fonction de l'écran qu'on utilise personnellement.

Précision importante : cette norme n'est pas à comprendre comme un bridage d'un autre temps. En vous débrouillant bien (donc avec de solides bases en CSS), votre site pourra avoir une largeur supérieure sur des écrans de taille > 17". Pour ma part, je m'arrange maintenant pour une adaptabilité jusqu'à ~ 1200 px (largeur utile) / 1280 px (largeur totale), ce qui reste confortable même sur des écrans ayant une résolution élevée.

Au-delà, c'est bien sûr encore possible, mais le nombre de mises en page spécifiques augmente alors rapidement... et le temps de travail aussi :-\

Enfin, pour un site vraiment responsive / adaptable jusqu'aux petits formats, il faut bien sûr prévoir encore plus de temps et de travail. En pratique, les formats des petits écrans — tablettes et smartphones — sont très divers, mais, en première approximation, la norme peut être iPad pour les tablettes, et iPhone pour les smartphones. Ce qui donne au final les frontières suivantes à considérer :

• 320 px <= iPhone en mode portrait
• 480 px <= iPhone en mode paysage
• 768 px <= iPad en mode portrait
• 1024 px <= iPad en mode paysage (sans ascenseur) + écrans « standards » 17" (ascenseur compris)
• Plus de 1024 px <= la plupart des desktops / laptops

La feuille de style du template prend alors en charge ces différentes limites avec des requêtes média, en anglais media queries. Pour en savoir davantage sur ces techniques, qui apparentent les feuilles CSS à des gares de triage, voyez par exemple http://developer.mozilla.org/fr/docs/CSS/Media_queries.



Bon apprentissage,


PhilJ