Comment créer un template ?

Résolu
Radikolibr Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -  
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   -
Bonjour,

je suis en train de créer un petit site ouéb (il n'est pas public mais on s'en fiche), et ayant trouvé l'aspect de mon site (j'ai créé le fichier index.html), je voulais savoir comment créer un template à partir de l'index, pour avoir un modèle graphique à appliquer à tout le site.
Je n'ai pas trouvé d'explication claire sur internet après avoir un peu fouillé. Est-ce qu'il faut utiliser des CSS ? Je connais juste les bases en html, mais après...

Merci de me répondre !

6 réponses

spartan
 
bonjour tout le monde en fait si kelkin aura un tutorial ki montre comment aprés avoir décomposé le design comment on procede le codage avec css
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
en français et non en SMS ce serait bien mieux ... -)
0
kohrem
 
et en français si possible...
0
createurweb
 
Pour créer un template, il faut utiliser un langage dynamique comme PHP. Puis jongler avec des inclusions de fichiers.
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
hein !
???
0
Profil bloqué
 
Prenons un exemple simple : en-tête de page (1), pied de page (2), un menu gauche (3), et un contenu spécifique pour chaque page (4).
Afin de retrouver les éléments (1), (2) et (3) sur toutes les pages :
1. soit il faut faire un copier/coller sur toutes les pages ;
2. soit il faut utiliser un langage dynamique tel que PHP.
Les autres méthodes ne sont pas recommandées ou sont trop complexes : javascript, frame...

Etant donné qu'on cherche à créer un template, et non à faire du copier/coller, le passage au langage PHP est obligatoire. En utilisant la fonction "include" de PHP, cette dernière permet d'inclure le contenu d'un fichier, soit celui du contenu (4).

Comment ça marche ?
1. le fichier template est obligatoirement un fichier PHP (*.php) ;
2. il doit être appelé par toutes les pages ;
3. pour chaque page, il faut déterminer quel contenu (4) inclure avec la fonction "include".

Solution 1 :
1. créer le template sous le nom de fichier index.php
2. pour déterminer les pages à appeler, ajoutons le paramètre "page" à "index.php", ce qui donne index.php?page=xxx (ex : page=accueil, page=service, page=apropos, ...)
3. dans index.php, récupérer la valeur de "page", puis appeler la fonction include. Par exemple :
include $chemin_racine_du_site.$_GET['page'].'.html';
4. bien évidemment, il doit exister les pages accueil.html, service.html, apropos.html...

Solution 2 (plus complexe) :
1. même principe que la solution 1, mais au lieu d'appeler par exemple index.php?page=service, on appellerait la page service.php.
2. je vous laisse deviner comment récupérer "service" dans "service.php"
3. ici le template n'est pas appelé directement, mais via à une inclusion depuis les fichiers *.php

C'est sûr que quand on débute seulement en HTML, tout ce que je viens d'écrire ne sert à rien, car incompréhensible. Mais courage, il y a un début à tout. J'ai bien commencé comme ça moi aussi :)

Bon courage.
0
bg62 Messages postés 23735 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
"1. le fichier template est obligatoirement un fichier PHP (*.php) ; "
faux ! tu planes trop haut là, prend le temps de lire la question de départ ....
un template en html + css = plus que tout à fait possible
ensuite, si l'on se sert de cms ou autres, là il faut modifier pour passer en php
pourquoi faire compliqué quand on peut faire simple ?
:-)
0
Profil bloqué
 
Autant pour moi, je corrige : le fichier template en php n'est pas obligatoire.

Il existe d'autres solutions :

Solution 3 : utiliser le server side include (donc pas de php).

Solution 4 : utiliser un CMS, tout simplement :) (merci bg62)
Cela dit, un CMS charge un template (quelque soit sont extension) via php, puis effectue des remplacements de chaîne de caractères. C'est une autre façon de faire, mais que je ne trouve pas optimisé niveau performance.

Si vous connaissez d'autres méthodes plus simples et surtout plus performantes, je suis preneur :-)
0
AoT
 
Apprend à écrire avant de poser des questions stupides
0
Radikolibr Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   1
 
Merci pour le tuto (il est vraiment bien), mais ce n'est pas vraiment ce que je recherche.
Je veux savoir comment éditer un template (quel langage, etc.) personnalisé...

Merci pour vos réponses! :)
-1
dalylona Messages postés 67 Date d'inscription   Statut Membre Dernière intervention   234
 
Bonjour,
Pour une parfaite maîtrise du code de votre template, consultez ce tutoriel :
http://www.apprendre-joomla.cm/creation-template.html

Bonne chance à tous.
0
kohrem
 
lien mort....
0
Ayoub
 
c'est juste une faute de frape un manque de "o" en "com" ,il vous suffit d'ajouter une lettre "o" pour qu'il soit le lient :
http://www.apprendre-joomla.com/creation-template.html
0
Grapheuse !
 
[URL]http://www.apprendre-joomla.com/creation-template.html[/URL]
0
snoop1500 Messages postés 131 Date d'inscription   Statut Membre Dernière intervention   32
 
c'est tout simple quand tu termine le design avec photoshop tu le decoupe puis tu exporte les image et tu code le tout en CSS et tu fait appel a lui par html
recherche des tuto sur le Css et tu ferras des merveilles
-1
gringo94
 
" tu le decoupe puis tu exporte les image et tu code le tout en CSS et tu fait appel a lui par html "

Salut je suis intéréssé par le post que tu as upper pour créer des templates sur photoshop,

lorsque tu as écris "tu le decoupe puis tu exporte les image et tu code le tout en CSS et tu fait appel a lui par html"

fais tu appel à d'autres logiciels? quelles transitions et manipulations faits tu quand tu exporte, code en css , quand tu le mets en html?

je te remercis beaucoup, je suis en bts multimedia mais je commence à peine mon année
et j'aimerais faire un site pour prendre de l'avance tant que je suis en vacances. je te remercie d'avance.

Anthony
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
nicorz Messages postés 100 Date d'inscription   Statut Membre Dernière intervention  
 
C'est une question de gout mais pour faire mes designs web, j'utilise Fireworks qui a l'avantage d'être plus rapide pour la conception web. Maintenant pour faire les bannières et les fioritures tu utilises photoshop sur le coté.
-1
babouz44
 
-1