Créer un modèle de page

Ce tutoriel, conçu avant tout pour les développeurs web, présente une méthode de conception de modèle de page pour Automne. C'est une étape incontournable, puisque à l'heure actuelle aucun thème n'est encore disponible en téléchargement.

La démarche sera familière pour ceux qui travaillent selon les recommandations du W3C : elle consiste à transformer un modèle de page XHTML en modèle Automne à l’aide de balises XML.

Nous verrons donc dans cette première partie comment convertir un modèle de page XHTML en modèle Automne.

Les balises XML d’Automne vont permettre notamment de :

  • gérer les différents balises présentes dans l’entête de page (méta-données, appels des différents fichiers CSS, JS et RSS) ;
  • définir les différentes zones de contenus modifiables, également appelés espaces clients ;
  • gérer les éléments de navigations (menus, plan de site, fil d’ariane) ;

On peut donc au choix partir de rien et concevoir sa page à l’aide des langages XHTML, CSS et JS ou bien adapter un thème existant - sous peine de disposer de fonctionnalités équivalentes dans Automne.

Dans ce tutoriel, nous prendrons un exemple qui se limite aux modules polymod livrés par défaut avec Automne, à savoir le module Actualités et le module Médiathèque.

Modèle Automne = XHTML + XML

Partons d’un code XHTML tout ce qu’il y a de plus classique :

<!DOCTYPE html>
<html lang="fr">
<head>
    <title>Titre de page - Site Web</title>
    <meta charset="UTF-8"/>
    <meta name="description" content="The description of the content of the present page may be used by search engines" />
    <meta name="keywords" content="CMS, Automne, template, example, tutoriel, XHTML" />
    <link rel="stylesheet" href="/css/reset.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/css/base.css" type="text/css" media="all" />
    <link rel="stylesheet" href="/css/fonts.css" type="text/css" media="all" />
    <!--[if IE 7]>
        <link rel="stylesheet" href="/css/ie7.css" type="text/css" media="all" />
    <![endif]-->
    <link rel="stylesheet" href="/css/print.css" type="text/css" media="print" /> 
    <link rel="stylesheet" href="/css/mobile.css" type="text/css" media="handeld" /> 
    <script type="text/javascript" src="/js/jquery-1.4.2.js"></script> 
    <script type="text/javascript" src="/js/myscript.js"></script>
    <link rel="alternate" type="application/rss+xml" title="Actualités" href="http://www.automne-cms.org/rss/rss.php?id=1" /> 
</head>
<body>
      <div id="header">
             <ul>
                <li><a href="#">Accueil</a></li>
                <li><a href="#">Produits</a></li>
                <li><a href="#">Services</a></li>
                <ul>
                    <li><a href="#">Support</a></li>
                    <li><a href="#">Téléchargements</a></li>
                    <li><a href="#">Espace Client</a></li>
                </ul>
             </ul>
      </div>
      <div id="main-content">
        <p>Vous êtes ici : <a href="/">Accueil</a> > Actualités</p>
               .....mon contenu....
      </div>  
      <div class="aside">
               .....mon contenu....
      </div>
      <div id="footer">
              <ul class="links">
                <li><a href="#">Plan du site</a></li>
                <li><a href="#">Mentions légales</a></li>
                <li><a href="#">Accessibilité</a></li>
                <li><a href="#">Contact</a></li>
             </ul>
      </div>
</body>
</html> 

Nous avons ici plusieurs éléments statiques, que nous allons devoir rendre dynamique comme le titre de la page, la description et les mots-clefs associés. Nous avons aussi des listes de liens de navigations qui devront pouvoir se mettre à jour en cas de changement de libellé ou de structure de l’arborescence. Enfin nous avons des zones dans lesquelles du contenu devra pouvoir être inséré par les rédacteurs du site.

A l’aide de balises XML, nous allons pouvoir transformer ce fichier XHTML en modèle de page pour Automne.

Sommaire

Page précédente

5 contribution(s)

Par belguiral le 20/12/2017 13:27:40 :

Vous êtes particuliers sans emploi ou au chômage, En CDD, CDI, intérimaire, En situation financière difficile, Surendettements, fiché banque, Investisseurs, trader qui souhaitent rentabiliser leurs capitaux ?

Plus de soucis à vous faire, je mets à votre disposition mon savoir faire afin de vous trouver le crédit qui vous correspond le mieux. Contactez-moi pour obtenir un crédit rapide !

Mon adresse e-mail est la suivante : belguiral.vincent@gmail.com

Tel : +33 (0)644678305

Pas de sérieux s'abstenir

Par LLORIS le 14/04/2018 10:48:32 :


Bonjour
Pour tous, les vrais prêteurs n'ont jamais existé et j'y croyais aussi jusqu'au moment où un témoignage parlait d'une dame du nom de Mme ANGELE MAURIN ,
une prêteuse particulière française que j'ai fini par contacter après une longue hésitation mais à ma grande surprise elle m'a octroyé un prêt de 25000€
après avoir suivi une procédure qui n'a duré que 24h. elle est fiable sincère et honnête. Si vous voulez retrouver le sourire comme moi,
contactez la en lui laissant votre demande sur son mail professionnel:


e-mail: angelemaurin16@gmail.com

Email: angelemaurin@outlook.com


















Bonjour
Pour tous, les vrais prêteurs n'ont jamais existé et j'y croyais aussi jusqu'au moment où un témoignage parlait d'une dame du nom de Mme ANGELE MAURIN ,
une prêteuse particulière française que j'ai fini par contacter après une longue hésitation mais à ma grande surprise elle m'a octroyé un prêt de 25000€
après avoir suivi une procédure qui n'a duré que 24h. elle est fiable sincère et honnête. Si vous voulez retrouver le sourire comme moi,
contactez la en lui laissant votre demande sur son mail professionnel:


e-mail: angelemaurin16@gmail.com

Email: angelemaurin@outlook.com




















Bonjour
Pour tous, les vrais prêteurs n'ont jamais existé et j'y croyais aussi jusqu'au moment où un témoignage parlait d'une dame du nom de Mme ANGELE MAURIN ,
une prêteuse particulière française que j'ai fini par contacter après une longue hésitation mais à ma grande surprise elle m'a octroyé un prêt de 25000€
après avoir suivi une procédure qui n'a duré que 24h. elle est fiable sincère et honnête. Si vous voulez retrouver le sourire comme moi,
contactez la en lui laissant votre demande sur son mail professionnel:


e-mail: angelemaurin16@gmail.com

Email: angelemaurin@outlook.com
















Bonjour
Pour tous, les vrais prêteurs n'ont jamais existé et j'y croyais aussi jusqu'au moment où un témoignage parlait d'une dame du nom de Mme ANGELE MAURIN ,
une prêteuse particulière française que j'ai fini par contacter après une longue hésitation mais à ma grande surprise elle m'a octroyé un prêt de 25000€
après avoir suivi une procédure qui n'a duré que 24h. elle est fiable sincère et honnête. Si vous voulez retrouver le sourire comme moi,
contactez la en lui laissant votre demande sur son mail professionnel:


e-mail: angelemaurin16@gmail.com

Email: angelemaurin@outlook.com




















Bonjour
Pour tous, les vrais prêteurs n'ont jamais existé et j'y croyais aussi jusqu'au moment où un témoignage parlait d'une dame du nom de Mme ANGELE MAURIN ,
une prêteuse particulière française que j'ai fini par contacter après une longue hésitation mais à ma grande surprise elle m'a octroyé un prêt de 25000€
après avoir suivi une procédure qui n'a duré que 24h. elle est fiable sincère et honnête. Si vous voulez retrouver le sourire comme moi,
contactez la en lui laissant votre demande sur son mail professionnel:


e-mail: angelemaurin16@gmail.com

Email: angelemaurin@outlook.com

Par jean.henri.szelag@gmail.com le 16/04/2018 19:42:17 :

Bonjour Mme et Mr
Je suis un particulier qui offre des prêts à l' international. Disposant
d'un capital qui servira à octroyer des prêts entre particuliers à court et
long terme allant de 4000 à 500.000.000 euros à toutes personnes sérieuses
étant dans le réel besoins, le taux d'intérêt est de 2% l'an .
J'octroie des prêts Financier , Prêt immobilier , Prêt à l'investissement,
Prêt automobile , Prêt personnel . Je suis disponible à satisfaire mes
clients en une durée maximale de 3 Jours suivant la réception de votre
formulaire de demande.
mail : jean.henri.szelag@gmail.com

Merci et que Dieu vous bénisse


Personne pas sérieux s'abstenir

Par michel.pierre.tellier@gmail.com le 05/07/2018 19:41:42 :


Bonjour
Avez-vous besoin de prêt pour régler des dettes ou de payer vos factures ou de commencer une belle entreprise? vous avez un faible pointage de crédit et il devient difficile d'obtenir un prêt. Je vous offre de prêt allant de 500€ à

900.000€ sous une durée de 5 à 30 ans selon le montant demandé avec un taux d’intérêt annuel fixe très intéressant de 3 % pour tous les montants demandés.Pour plus d'informations.je reste a votre disposition

Jours suivant la réception de votre formulaire de demande. Contactez-moi pour obtenir un crédit rapide urgent !

Mon adresse e-mail est la suivante : michel.pierre.tellier@gmail.com

Tel : +33 (0)756855907

Pas de sérieux s’abstenir

Par Loiseau le 27/09/2018 12:40:36 :

TEMOIGNAGE

Bonjour je m’appelle Noëlla Loiseau je réside en Port-Louis (ile maurice)

Après 2 ans de souffrance Je suis mère de 1 enfants.
J’ai été victime d’un accident de voiture qui m’a
causé une lésion aux ligaments latéraux de mon genou droit.
Suite a cela j’ai perdu mon travail j’ai eu des problèmes financier pour régler mon loyer, mes factures et taxes. Face à ce malheureuxincident
j'ai connu une galais pas possible
En ce moment je recherche un financement depuis 1 MOIS parce que j'avais presque tout perdu, personne n'a voulu m'aider à cause de ma situation qui ne remplissait pas les conditions d'octroi de financement et la rentrée de ma fille.
j’ai été personnellement tentatives d'arnaque il y a quelques semaines j'ai dépensé 690€ (vous avez bien lu 690€) si je savais avec cet argent je pourrais acheter de quoi nourrire ma (fille) d'accord.
je me promenait dans les rue pour trouver de quoi manger J'ai vraiment tout essayée j'ai frappé à toutes les portes,pendant ce moments j'ai vu une affiche d'une Mme dont tout le monde parle du bien de ce que cette dame fait a la population française ,surtout a ceux qui sont dans des problèmes financiers,ou en chômage,car d’après les informations,cette Mme est Prêteuse française qui octroi des prêt entre particulier a ceux qui en on besoin. Compte tenu des témoignages que j'ai lu sur cette dame, j'ai tenté ma chance.C'est ainsi que son mail était écris et j'ai pris note du mail,dans la soiré ,j'ai fait ma demande,et voici que j'ai été satisfaite je reçois en ce moment ou je vous parle,mon prêt de 60,000€.
Elle m’a aidé à trouver un prêt de 60,000€.une somme raisonnable avec la quelle
j’ai pu régler une grande partie de mes situations.
Ma vie a changer a parti de ce jour et je suis très reconnaissant pour ce que cette dame fait pour les gens en difficulté.Cette dame ce nomme Mme Iranna BRUN.j'ai suivi exactement ces instruction et voila me voici heureuse.Pour vous qui avez aussi des difficulté Je tiens à vous dire que je n'ai aucun intérêt à vous mentir.
Vous pouvez sans arrière-pensée ni crainte lui faire confiance elle
est sympathique et généreuse elle pourra aussi vous venir en aide en cas de besoins. Avec madame IRANNA, vous aurez votre prêt dans le plus bref délai.
Je vous donne son adresse email : irannabrun@gmail.com

Voici son mail: irannabrun@gmail.com

Ajouter une contribution :

Les contributions servent à compléter la documentation en détaillant des points précis ou pour donner des exemples. Elles sont modérées et peuvent être supprimées sans préavis.
Pour poser des questions, merci d'employer le forum et pour rapporter un bug, le BugTracker est à votre disposition.








Vous pouvez employer les balises bbcode suivantes :
  • [code-xml] votre code ... [/code-xml] : Pour mettre en forme du code XML / XHTML
  • [code-php] votre code ... [/code-php] : Pour mettre en forme du code PHP
  • [code-js] votre code ... [/code-js] : Pour mettre en forme du code Javascript

Date de votre contribution : 23/10/2018   05:43:42

Haut