Version du 1 septembre 2025 à 08:17

<!DOCTYPE html> <html lang="fr"> <head>

   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Wiki Applications - CERPEG</title>
   <style>
       * {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
       }

       body {
           font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
           line-height: 1.6;
           color: #333;
           background-color: #fafafa;
       }

       .container {
           max-width: 1200px;
           margin: 0 auto;
           background: white;
           min-height: 100vh;
           box-shadow: 0 0 10px rgba(0,0,0,0.05);
       }

       .header {
           background-color: #2c3e50;
           color: white;
           padding: 2rem;
           text-align: center;
           border-bottom: 3px solid #34495e;
       }

       .header h1 {
           font-size: 2.2rem;
           font-weight: 300;
           margin-bottom: 0.5rem;
           letter-spacing: 1px;
       }

       .header p {
           font-size: 1rem;
           opacity: 0.9;
           font-weight: 300;
       }

       .youtube-banner {
           background-color: #e8f4fd;
           border-left: 4px solid #3498db;
           padding: 1rem 2rem;
           margin: 0;
           text-align: center;
       }

       .youtube-banner a {
           color: #2980b9;
           text-decoration: none;
           font-weight: 500;
       }

       .youtube-banner a:hover {
           text-decoration: underline;
       }

       .main-content {
           padding: 3rem 2rem;
       }

       .section {
           margin-bottom: 4rem;
       }

       .section h2 {
           color: #2c3e50;
           font-size: 1.5rem;
           font-weight: 400;
           margin-bottom: 2rem;
           padding-bottom: 0.5rem;
           border-bottom: 2px solid #ecf0f1;
       }

       .grid {
           display: grid;
           grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
           gap: 1.5rem;
       }

       .item {
           background: #fdfdfd;
           border: 1px solid #e1e8ed;
           padding: 1.5rem;
           border-radius: 4px;
           transition: border-color 0.2s ease;
       }

       .item:hover {
           border-color: #3498db;
       }

       .item h3 {
           color: #2c3e50;
           font-size: 1.1rem;
           font-weight: 500;
           margin-bottom: 0.8rem;
       }

       .item p {
           color: #7f8c8d;
           font-size: 0.9rem;
           line-height: 1.5;
       }

       .divider {
           height: 1px;
           background-color: #ecf0f1;
           margin: 3rem 0;
       }

       .footer {
           background-color: #34495e;
           color: #bdc3c7;
           padding: 2rem;
           text-align: center;
           font-size: 0.9rem;
       }

       .footer a {
           color: #3498db;
           text-decoration: none;
       }

       .footer a:hover {
           text-decoration: underline;
       }

       .news-section {
           background-color: #f8f9fa;
           border: 1px solid #e9ecef;
           padding: 2rem;
           margin-bottom: 3rem;
           border-radius: 4px;
       }

       .news-section h2 {
           color: #495057;
           margin-bottom: 1.5rem;
           border-bottom: 2px solid #dee2e6;
       }

       .news-item {
           padding: 0.8rem 0;
           border-bottom: 1px solid #e9ecef;
           font-size: 0.95rem;
       }

       .news-item:last-child {
           border-bottom: none;
       }

       .news-item strong {
           color: #2c3e50;
       }

       @media (max-width: 768px) {
           .main-content {
               padding: 2rem 1rem;
           }
           
           .header {
               padding: 1.5rem 1rem;
           }
           
           .header h1 {
               font-size: 1.8rem;
           }
           
           .grid {
               grid-template-columns: 1fr;
               gap: 1rem;
           }
           
           .item {
               padding: 1.2rem;
           }
       }

       .section-title {
           display: flex;
           align-items: center;
           gap: 0.5rem;
       }

       .icon {
           font-size: 1.2rem;
       }

       ul {
           list-style: none;
       }

       .simple-list {
           display: flex;
           flex-direction: column;
           gap: 0.8rem;
       }

       .simple-list li {
           padding: 1rem;
           background: #fdfdfd;
           border-left: 3px solid #3498db;
           border-radius: 0 4px 4px 0;
       }

       .simple-list li:hover {
           background: #f8f9fa;
       }

       .simple-list strong {
           color: #2c3e50;
           display: block;
           margin-bottom: 0.3rem;
       }
   </style>

</head> <body>

       <header class="header">

Wiki Applications

Ressources pédagogiques pour logiciels métiers et applications

       </header>

       <main class="main-content">

Actualités des publications

                   WordPress - Les widgets et les extensions

                   OdooV14 - La ventilation de la TVA collectée

                   WordPress - L'embarquement d'un flux RSS

                   WooCommerce - L'affichage des produits sur le site

                   OdooV14 - 4 Bases de données avec intégration du site Web vitrine et e-commerce

                   OdooV14 - La publication d'offres d'emploi sur le site vitrine

                   OdooV14 - Le suivi du recrutement de personnel

           <section class="section">

Tutoriels - Logiciels métiers

PGI - Odoo

OdooV8, OdooV11 et actualisation en OdooV14

C.M.S - WordPress

Gestionnaire de contenu

E-commerce WordPress

WooCommerce

Magasins en ligne

PrestaShop E-commerce

Espaces collaboratifs

Outils de travail collaboratif

Gestion de projet

Méthodologies et outils de gestion

Questionnaire en ligne

LimeSurvey

Téléphone 3CX

Solution de téléphonie IP

           </section>

           <section class="section">

Tutoriels - Logiciels médias

PAINT.NET

Logiciel d'édition et de retouche d'image FACILE

GIMP

Logiciel d'édition et de retouche d'image EXPERT

Capture d'écran

Logiciel de capture d'écran

Shotcut

Logiciel de montage vidéo

Audacity

Logiciel de gestion de l'audio

ScreenVideo

Applications pour filmer son écran

           </section>

           <section class="section">

Ressources

Aide utile

Conseils et astuces pratiques

Médias

Ressources multimédias

Typographie

L'essentiel de la typographie

Réseaux Sociaux

Guide des bonnes pratiques

Sécurité

Sécurité informatique

Bazar

Aide à la construction de scénarios

           </section>

           <section class="section">

Odoo Support

Bases de données Odoo Configuration générale

Bases de données Odoo V14 Version 14 spécifique

Bases de données Odoo V16 Dernière version disponible

           </section>
       </main>

       <footer class="footer">

Auteur : Fabienne Mauri - Académie de Bordeaux

<a href="http://lp-henribrulle.fr/" target="_blank">Lycée Professionnel Henri Brulle</a>

       </footer>

</body> </html>

Anonyme

Rechercher

« Accueil » : différence entre les versions