Accueil
<!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
</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>
