Créez votre site web vous­même 
Module 1/2 
● Créer un compte OpenShift et configurer un site Drupal. 
● Comprendre le fon...
1. Créer un compte OpenShift et 
configurer un site Drupal 
● Créer un compte OpenShift. 
● Créer une application PHP et i...
1.1 Créer un compte OpenShift
1.2 Créer une application PHP 
et importer les sources
1.3 Ajouter une cartouche MySQL 
et une cartouche phpMyAdmin
1.4 Importer la base de données
2. Comprendre le fonctionnement 
général du site 
● Un tout petit peu de théorie. 
● Connecter le site à la base de donnée...
2.1 Un tout petit peu de théorie 
● Un CMS, c'est quoi ? 
● Les particularités de Drupal. 
● PHP ? 
● MySQL ?
2.2 Connecter le site à la base de 
données
2.3 Un aperçu de l'interface de 
Drupal
3. Personnaliser votre site 
● Configurer votre site. 
● Ajouter un thème. 
● Ajouter et modifier du contenu, gérer la str...
3.1 Configurer votre site
3.2 Ajouter un thème
Quel thème choisir ? 
● Un thème qui vous plait. 
● Un thème qui correspond à votre activité. 
● Si vous souhaitez que vot...
IMPORTANT 
● Ne choisissez pas un thème « framework ». Il s'agit 
de thèmes destinés à la création d'autres thèmes. 
● Cho...
3.3 Ajouter et modifier du contenu, 
gérer la structure 
● Personnaliser la page d'accueil. 
● Créer une page « Services »...
3.3.1 Personnaliser la page 
d'accueil
Page de base ou Article ? 
● Une page de base est une page statique, utilisez­la 
pour les contenus permanents (ex. : serv...
Astuce 
● La touche « Entrée » crée un nouveau paragraphe. 
● Pour effectuer un retour à la ligne dans le 
paragraphe cour...
3.3.2 Créer une page « Services » 
et un premier service.
Astuce 
● Pour connaître le nom d'une page, regardez ce qui 
suit l'adresse de votre site dans votre navigateur. 
Ex.: htt...
Astuce 
● Pour créer un lien vers la page « Home », 
introduisez « . » comme nom de page.
3.3.3 Intégrer une carte 
Google Map
3.3.4 Gérer le menu général
3.3.5 Gérer les blocs
3.3.6 Ajouter une actualité
3.4 Mettre en place une newsletter 
avec MailChimp 
● Créer un compte MailChimp. 
● Créer une liste et une clé. 
● Connect...
3.4.1 Créer un compte MailChimp
3.4.2 Créer une liste et une clé
3.4.3 Connecter votre site à votre 
compte
3.4.4 Intégrer le formulaire 
d'inscription à votre site
3.4.5 Créer un modèle et une 
campagne
3.5 Mettre à jour vos modules et 
thèmes
4. Réserver un nom de domaine et 
un hébergement chez OVH 
● C'est quoi un nom de domaine ? 
● C'est quoi un hébergement ?...
Choisir un nom de domaine 
● Le nom de domaine correspond à l'adresse de votre 
site. 
● Choisissez un nom de domaine simp...
Et ensuite ? 
● Votre espace web va être créé sur les serveurs 
d'OVH. Cela peut prendre jusqu'à 24h, mais 
généralement, ...
Contact 
● http://pro­info. 
be – contact@pro­info. 
be 
● ☎ +32 495 43 17 38 
Merci pour votre attention
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Créez votre site web vous-même 1/2
Prochain SlideShare
Chargement dans…5
×

Créez votre site web vous-même 1/2

484 vues

Publié le

1. Créer un compte OpenShift et configurer un site Drupal
1.1 Créer un compte OpenShift
1.2 Créer une application PHP et importer les sources
1.3 Ajouter une cartouche MySQL et une cartouche phpMyAdmin
1.4 Importer la base de données
2. Comprendre le fonctionnement général du site
2.1 Un tout petit peu de théorie
2.2 Connecter le site à la base de données
2.3 Un aperçu de l'interface de Drupal
3. Personnaliser votre site
3.1 Configurer votre site
3.2 Ajouter un thème
3.3 Ajouter et modifier du contenu, gérer la structure
3.3.1 Personnaliser la page d'accueil
3.3.2 Créer une page « Services » et un premier service
3.3.3 Intégrer une carte Google Map
3.3.4 Gérer le menu général
3.3.5 Gérer les blocs
3.3.6 Ajouter une actualité
3.4 Mettre en place une newsletter avec MailChimp
3.4.1 Créer un compte MailChimp
3.4.2 Créer une liste et une clé
3.4.3 Connecter votre site à votre compte
3.4.4 Intégrer le formulaire d'inscription à votre site
3.4.5 Créer un modèle et une campagne
3.5 Mettre à jour vos modules et thèmes
4. Réserver un nom de domaine et un hébergement chez OVH

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
484
Sur SlideShare
0
Issues des intégrations
0
Intégrations
45
Actions
Partages
0
Téléchargements
38
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Créez votre site web vous-même 1/2

  1. 1. Créez votre site web vous­même Module 1/2 ● Créer un compte OpenShift et configurer un site Drupal. ● Comprendre le fonctionnement général du site. ● Personnaliser votre site. ● Réserver un nom de domaine et un hébergement chez OVH.
  2. 2. 1. Créer un compte OpenShift et configurer un site Drupal ● Créer un compte OpenShift. ● Créer une application PHP et importer les sources. ● Ajouter une cartouche MySQL et une cartouche phpMyAdmin. ● Importer la base de données.
  3. 3. 1.1 Créer un compte OpenShift
  4. 4. 1.2 Créer une application PHP et importer les sources
  5. 5. 1.3 Ajouter une cartouche MySQL et une cartouche phpMyAdmin
  6. 6. 1.4 Importer la base de données
  7. 7. 2. Comprendre le fonctionnement général du site ● Un tout petit peu de théorie. ● Connecter le site à la base de données. ● Un aperçu de l'interface de Drupal.
  8. 8. 2.1 Un tout petit peu de théorie ● Un CMS, c'est quoi ? ● Les particularités de Drupal. ● PHP ? ● MySQL ?
  9. 9. 2.2 Connecter le site à la base de données
  10. 10. 2.3 Un aperçu de l'interface de Drupal
  11. 11. 3. Personnaliser votre site ● Configurer votre site. ● Ajouter un thème. ● Ajouter et modifier du contenu, gérer la structure. ● Mettre en place une newsletter avec MailChimp. ● Mettre à jour vos modules et thèmes.
  12. 12. 3.1 Configurer votre site
  13. 13. 3.2 Ajouter un thème
  14. 14. Quel thème choisir ? ● Un thème qui vous plait. ● Un thème qui correspond à votre activité. ● Si vous souhaitez que votre site soit optimisé pour les smartphones et tablettes, choisissez un thème dit « responsive ». ● Si vous en avez l'usage, choisissez un thème qui propose un menu déroulant. ● Si vous appréciez un thème mais que les couleurs vous déplaisent, sachez qu'il est possible de les modifier. Cela peut s'avérer complexe, mais certains thèmes sont personnalisables.
  15. 15. IMPORTANT ● Ne choisissez pas un thème « framework ». Il s'agit de thèmes destinés à la création d'autres thèmes. ● Choisissez un thème compatible avec votre version de drupal, soit la version 7. ● Certains thèmes provoquent des erreurs une fois installés, il ne faut pas les utiliser. ● La modification des slideshows proposés par certains thèmes peut s'avérer complexe.
  16. 16. 3.3 Ajouter et modifier du contenu, gérer la structure ● Personnaliser la page d'accueil. ● Créer une page « Services » et un premier service. ● Intégrer une carte Google Map. ● Gérer le menu général. ● Gérer les blocs. ● Ajouter une actualité.
  17. 17. 3.3.1 Personnaliser la page d'accueil
  18. 18. Page de base ou Article ? ● Une page de base est une page statique, utilisez­la pour les contenus permanents (ex. : services, coordonnées, etc.). ● Un article est utilisé pour les contenus temporaires (ex. : news, billets de blog, etc.).
  19. 19. Astuce ● La touche « Entrée » crée un nouveau paragraphe. ● Pour effectuer un retour à la ligne dans le paragraphe courant, utilisez « Shift » + « Entrée ».
  20. 20. 3.3.2 Créer une page « Services » et un premier service.
  21. 21. Astuce ● Pour connaître le nom d'une page, regardez ce qui suit l'adresse de votre site dans votre navigateur. Ex.: http://monsite­proinfobe. rhcloud.com/service­1
  22. 22. Astuce ● Pour créer un lien vers la page « Home », introduisez « . » comme nom de page.
  23. 23. 3.3.3 Intégrer une carte Google Map
  24. 24. 3.3.4 Gérer le menu général
  25. 25. 3.3.5 Gérer les blocs
  26. 26. 3.3.6 Ajouter une actualité
  27. 27. 3.4 Mettre en place une newsletter avec MailChimp ● Créer un compte MailChimp. ● Créer une liste et une clé. ● Connecter votre site à votre compte. ● Intégrer le formulaire d'inscription à votre site. ● Créer un modèle et une campagne.
  28. 28. 3.4.1 Créer un compte MailChimp
  29. 29. 3.4.2 Créer une liste et une clé
  30. 30. 3.4.3 Connecter votre site à votre compte
  31. 31. 3.4.4 Intégrer le formulaire d'inscription à votre site
  32. 32. 3.4.5 Créer un modèle et une campagne
  33. 33. 3.5 Mettre à jour vos modules et thèmes
  34. 34. 4. Réserver un nom de domaine et un hébergement chez OVH ● C'est quoi un nom de domaine ? ● C'est quoi un hébergement ? ● Pourquoi OVH ?
  35. 35. Choisir un nom de domaine ● Le nom de domaine correspond à l'adresse de votre site. ● Choisissez un nom de domaine simple et facile à retenir. ● N'utilisez pas d'accents. ● Si vous séparez les mots, utilisez des tirets.
  36. 36. Et ensuite ? ● Votre espace web va être créé sur les serveurs d'OVH. Cela peut prendre jusqu'à 24h, mais généralement, quelques heures suffisent. ● Vous allez recevoir plusieurs e­mails de la part d'OVH, reprenant vos identifiants et codes d'accès. Conservez­les précieusement ! Vous en aurez besoin dans le module suivant.
  37. 37. Contact ● http://pro­info. be – contact@pro­info. be ● ☎ +32 495 43 17 38 Merci pour votre attention

×