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

Créez votre site web vous­mêmeModule 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.

Page 3: Créez votre site web vous-même 1/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.

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

1.1 Créer un compte OpenShift

Page 5: Créez votre site web vous-même 1/2
Page 6: Créez votre site web vous-même 1/2
Page 7: Créez votre site web vous-même 1/2
Page 8: Créez votre site web vous-même 1/2
Page 9: Créez votre site web vous-même 1/2
Page 10: Créez votre site web vous-même 1/2

1.2 Créer une application PHPet importer les sources

Page 11: Créez votre site web vous-même 1/2
Page 12: Créez votre site web vous-même 1/2
Page 13: Créez votre site web vous-même 1/2
Page 14: Créez votre site web vous-même 1/2
Page 15: Créez votre site web vous-même 1/2
Page 16: Créez votre site web vous-même 1/2
Page 17: Créez votre site web vous-même 1/2
Page 18: Créez votre site web vous-même 1/2
Page 19: Créez votre site web vous-même 1/2
Page 20: Créez votre site web vous-même 1/2

1.3 Ajouter une cartouche MySQLet une cartouche phpMyAdmin

Page 21: Créez votre site web vous-même 1/2
Page 22: Créez votre site web vous-même 1/2
Page 23: Créez votre site web vous-même 1/2
Page 24: Créez votre site web vous-même 1/2
Page 25: Créez votre site web vous-même 1/2

1.4 Importer la base de données

Page 26: Créez votre site web vous-même 1/2
Page 27: Créez votre site web vous-même 1/2
Page 28: Créez votre site web vous-même 1/2
Page 29: Créez votre site web vous-même 1/2
Page 30: Créez votre site web vous-même 1/2
Page 31: Créez votre site web vous-même 1/2
Page 32: Créez votre site web vous-même 1/2
Page 33: Créez votre site web vous-même 1/2
Page 34: Créez votre site web vous-même 1/2
Page 35: Créez votre site web vous-même 1/2
Page 36: Créez votre site web vous-même 1/2
Page 37: Créez votre site web vous-même 1/2

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.

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

2.1 Un tout petit peu de théorie

● Un CMS, c'est quoi ?● Les particularités de Drupal.● PHP ?● MySQL ?

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

2.2 Connecter le site à la base de données

Page 40: Créez votre site web vous-même 1/2
Page 41: Créez votre site web vous-même 1/2
Page 42: Créez votre site web vous-même 1/2
Page 43: Créez votre site web vous-même 1/2
Page 44: Créez votre site web vous-même 1/2
Page 45: Créez votre site web vous-même 1/2
Page 46: Créez votre site web vous-même 1/2
Page 47: Créez votre site web vous-même 1/2
Page 48: Créez votre site web vous-même 1/2
Page 49: Créez votre site web vous-même 1/2
Page 50: Créez votre site web vous-même 1/2

2.3 Un aperçu de l'interface de Drupal

Page 51: Créez votre site web vous-même 1/2
Page 52: Créez votre site web vous-même 1/2
Page 53: Créez votre site web vous-même 1/2
Page 54: Créez votre site web vous-même 1/2
Page 55: Créez votre site web vous-même 1/2
Page 56: Créez votre site web vous-même 1/2
Page 57: Créez votre site web vous-même 1/2
Page 58: Créez votre site web vous-même 1/2
Page 59: Créez votre site web vous-même 1/2
Page 60: Créez votre site web vous-même 1/2
Page 61: Créez votre site web vous-même 1/2
Page 62: Créez votre site web vous-même 1/2
Page 63: Créez votre site web vous-même 1/2
Page 64: Créez votre site web vous-même 1/2
Page 65: Créez votre site web vous-même 1/2
Page 66: Créez votre site web vous-même 1/2
Page 67: Créez votre site web vous-même 1/2
Page 68: Créez votre site web vous-même 1/2

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.

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

3.1 Configurer votre site

Page 70: Créez votre site web vous-même 1/2
Page 71: Créez votre site web vous-même 1/2
Page 72: Créez votre site web vous-même 1/2
Page 73: Créez votre site web vous-même 1/2
Page 74: Créez votre site web vous-même 1/2
Page 75: Créez votre site web vous-même 1/2
Page 76: Créez votre site web vous-même 1/2
Page 77: Créez votre site web vous-même 1/2
Page 78: Créez votre site web vous-même 1/2
Page 79: Créez votre site web vous-même 1/2
Page 80: Créez votre site web vous-même 1/2
Page 81: Créez votre site web vous-même 1/2
Page 82: Créez votre site web vous-même 1/2
Page 83: Créez votre site web vous-même 1/2
Page 84: Créez votre site web vous-même 1/2
Page 85: Créez votre site web vous-même 1/2

3.2 Ajouter un thème

Page 86: Créez votre site web vous-même 1/2
Page 87: Créez votre site web vous-même 1/2
Page 88: Créez votre site web vous-même 1/2

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.

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

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.

Page 90: Créez votre site web vous-même 1/2
Page 91: Créez votre site web vous-même 1/2
Page 92: Créez votre site web vous-même 1/2
Page 93: Créez votre site web vous-même 1/2
Page 94: Créez votre site web vous-même 1/2
Page 95: Créez votre site web vous-même 1/2
Page 96: Créez votre site web vous-même 1/2
Page 97: Créez votre site web vous-même 1/2
Page 98: Créez votre site web vous-même 1/2
Page 99: Créez votre site web vous-même 1/2
Page 100: Créez votre site web vous-même 1/2
Page 101: Créez votre site web vous-même 1/2
Page 102: Créez votre site web vous-même 1/2
Page 103: Créez votre site web vous-même 1/2

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é.

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

3.3.1 Personnaliser la page d'accueil

Page 105: Créez votre site web vous-même 1/2
Page 106: Créez votre site web vous-même 1/2
Page 107: Créez votre site web vous-même 1/2

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.).

Page 108: Créez votre site web vous-même 1/2
Page 109: Créez votre site web vous-même 1/2

Astuce

● La touche « Entrée » crée un nouveau paragraphe.● Pour effectuer un retour à la ligne dans le 

paragraphe courant, utilisez « Shift » + « Entrée ».

Page 110: Créez votre site web vous-même 1/2
Page 111: Créez votre site web vous-même 1/2
Page 112: Créez votre site web vous-même 1/2
Page 113: Créez votre site web vous-même 1/2
Page 114: Créez votre site web vous-même 1/2
Page 115: Créez votre site web vous-même 1/2
Page 116: Créez votre site web vous-même 1/2
Page 117: Créez votre site web vous-même 1/2
Page 118: Créez votre site web vous-même 1/2
Page 119: Créez votre site web vous-même 1/2
Page 120: Créez votre site web vous-même 1/2
Page 121: Créez votre site web vous-même 1/2
Page 122: Créez votre site web vous-même 1/2
Page 123: Créez votre site web vous-même 1/2
Page 124: Créez votre site web vous-même 1/2
Page 125: Créez votre site web vous-même 1/2
Page 126: Créez votre site web vous-même 1/2

3.3.2 Créer une page « Services » et un premier service.

Page 127: Créez votre site web vous-même 1/2
Page 128: Créez votre site web vous-même 1/2
Page 129: Créez votre site web vous-même 1/2
Page 130: Créez votre site web vous-même 1/2
Page 131: Créez votre site web vous-même 1/2
Page 132: Créez votre site web vous-même 1/2
Page 133: Créez votre site web vous-même 1/2
Page 134: Créez votre site web vous-même 1/2
Page 135: Créez votre site web vous-même 1/2
Page 136: Créez votre site web vous-même 1/2
Page 137: Créez votre site web vous-même 1/2
Page 138: Créez votre site web vous-même 1/2

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

Page 139: Créez votre site web vous-même 1/2
Page 140: Créez votre site web vous-même 1/2
Page 141: Créez votre site web vous-même 1/2
Page 142: Créez votre site web vous-même 1/2
Page 143: Créez votre site web vous-même 1/2
Page 144: Créez votre site web vous-même 1/2

Astuce

● Pour créer un lien vers la page « Home », introduisez « . » comme nom de page.

Page 145: Créez votre site web vous-même 1/2
Page 146: Créez votre site web vous-même 1/2
Page 147: Créez votre site web vous-même 1/2
Page 148: Créez votre site web vous-même 1/2

3.3.3 Intégrer une carteGoogle Map

Page 149: Créez votre site web vous-même 1/2
Page 150: Créez votre site web vous-même 1/2
Page 151: Créez votre site web vous-même 1/2
Page 152: Créez votre site web vous-même 1/2
Page 153: Créez votre site web vous-même 1/2
Page 154: Créez votre site web vous-même 1/2
Page 155: Créez votre site web vous-même 1/2
Page 156: Créez votre site web vous-même 1/2
Page 157: Créez votre site web vous-même 1/2
Page 158: Créez votre site web vous-même 1/2
Page 159: Créez votre site web vous-même 1/2

3.3.4 Gérer le menu général

Page 160: Créez votre site web vous-même 1/2
Page 161: Créez votre site web vous-même 1/2
Page 162: Créez votre site web vous-même 1/2
Page 163: Créez votre site web vous-même 1/2
Page 164: Créez votre site web vous-même 1/2
Page 165: Créez votre site web vous-même 1/2
Page 166: Créez votre site web vous-même 1/2
Page 167: Créez votre site web vous-même 1/2
Page 168: Créez votre site web vous-même 1/2
Page 169: Créez votre site web vous-même 1/2
Page 170: Créez votre site web vous-même 1/2
Page 171: Créez votre site web vous-même 1/2
Page 172: Créez votre site web vous-même 1/2
Page 173: Créez votre site web vous-même 1/2

3.3.5 Gérer les blocs

Page 174: Créez votre site web vous-même 1/2
Page 175: Créez votre site web vous-même 1/2
Page 176: Créez votre site web vous-même 1/2
Page 177: Créez votre site web vous-même 1/2
Page 178: Créez votre site web vous-même 1/2
Page 179: Créez votre site web vous-même 1/2
Page 180: Créez votre site web vous-même 1/2
Page 181: Créez votre site web vous-même 1/2
Page 182: Créez votre site web vous-même 1/2
Page 183: Créez votre site web vous-même 1/2
Page 184: Créez votre site web vous-même 1/2
Page 185: Créez votre site web vous-même 1/2
Page 186: Créez votre site web vous-même 1/2
Page 187: Créez votre site web vous-même 1/2
Page 188: Créez votre site web vous-même 1/2
Page 189: Créez votre site web vous-même 1/2
Page 190: Créez votre site web vous-même 1/2

3.3.6 Ajouter une actualité

Page 191: Créez votre site web vous-même 1/2
Page 192: Créez votre site web vous-même 1/2
Page 193: Créez votre site web vous-même 1/2
Page 194: Créez votre site web vous-même 1/2
Page 195: Créez votre site web vous-même 1/2
Page 196: Créez votre site web vous-même 1/2
Page 197: Créez votre site web vous-même 1/2
Page 198: Créez votre site web vous-même 1/2
Page 199: Créez votre site web vous-même 1/2

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.

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

3.4.1 Créer un compte MailChimp

Page 201: Créez votre site web vous-même 1/2
Page 202: Créez votre site web vous-même 1/2
Page 203: Créez votre site web vous-même 1/2
Page 204: Créez votre site web vous-même 1/2
Page 205: Créez votre site web vous-même 1/2
Page 206: Créez votre site web vous-même 1/2
Page 207: Créez votre site web vous-même 1/2

3.4.2 Créer une liste et une clé

Page 208: Créez votre site web vous-même 1/2
Page 209: Créez votre site web vous-même 1/2
Page 210: Créez votre site web vous-même 1/2
Page 211: Créez votre site web vous-même 1/2
Page 212: Créez votre site web vous-même 1/2
Page 213: Créez votre site web vous-même 1/2
Page 214: Créez votre site web vous-même 1/2
Page 215: Créez votre site web vous-même 1/2
Page 216: Créez votre site web vous-même 1/2
Page 217: Créez votre site web vous-même 1/2
Page 218: Créez votre site web vous-même 1/2
Page 219: Créez votre site web vous-même 1/2
Page 220: Créez votre site web vous-même 1/2
Page 221: Créez votre site web vous-même 1/2
Page 222: Créez votre site web vous-même 1/2
Page 223: Créez votre site web vous-même 1/2
Page 224: Créez votre site web vous-même 1/2
Page 225: Créez votre site web vous-même 1/2

3.4.3 Connecter votre site à votre compte

Page 226: Créez votre site web vous-même 1/2
Page 227: Créez votre site web vous-même 1/2
Page 228: Créez votre site web vous-même 1/2
Page 229: Créez votre site web vous-même 1/2
Page 230: Créez votre site web vous-même 1/2
Page 231: Créez votre site web vous-même 1/2
Page 232: Créez votre site web vous-même 1/2
Page 233: Créez votre site web vous-même 1/2
Page 234: Créez votre site web vous-même 1/2
Page 235: Créez votre site web vous-même 1/2

3.4.4 Intégrer le formulaire d'inscription à votre site

Page 236: Créez votre site web vous-même 1/2
Page 237: Créez votre site web vous-même 1/2
Page 238: Créez votre site web vous-même 1/2
Page 239: Créez votre site web vous-même 1/2
Page 240: Créez votre site web vous-même 1/2
Page 241: Créez votre site web vous-même 1/2
Page 242: Créez votre site web vous-même 1/2
Page 243: Créez votre site web vous-même 1/2
Page 244: Créez votre site web vous-même 1/2
Page 245: Créez votre site web vous-même 1/2
Page 246: Créez votre site web vous-même 1/2
Page 247: Créez votre site web vous-même 1/2
Page 248: Créez votre site web vous-même 1/2
Page 249: Créez votre site web vous-même 1/2
Page 250: Créez votre site web vous-même 1/2
Page 251: Créez votre site web vous-même 1/2
Page 252: Créez votre site web vous-même 1/2
Page 253: Créez votre site web vous-même 1/2
Page 254: Créez votre site web vous-même 1/2
Page 255: Créez votre site web vous-même 1/2
Page 256: Créez votre site web vous-même 1/2
Page 257: Créez votre site web vous-même 1/2
Page 258: Créez votre site web vous-même 1/2
Page 259: Créez votre site web vous-même 1/2
Page 260: Créez votre site web vous-même 1/2
Page 261: Créez votre site web vous-même 1/2

3.4.5 Créer un modèle et une campagne

Page 262: Créez votre site web vous-même 1/2
Page 263: Créez votre site web vous-même 1/2
Page 264: Créez votre site web vous-même 1/2
Page 265: Créez votre site web vous-même 1/2
Page 266: Créez votre site web vous-même 1/2
Page 267: Créez votre site web vous-même 1/2
Page 268: Créez votre site web vous-même 1/2
Page 269: Créez votre site web vous-même 1/2
Page 270: Créez votre site web vous-même 1/2
Page 271: Créez votre site web vous-même 1/2
Page 272: Créez votre site web vous-même 1/2
Page 273: Créez votre site web vous-même 1/2
Page 274: Créez votre site web vous-même 1/2
Page 275: Créez votre site web vous-même 1/2
Page 276: Créez votre site web vous-même 1/2

3.5 Mettre à jour vos modules et thèmes

Page 277: Créez votre site web vous-même 1/2
Page 278: Créez votre site web vous-même 1/2
Page 279: Créez votre site web vous-même 1/2
Page 280: Créez votre site web vous-même 1/2
Page 281: Créez votre site web vous-même 1/2
Page 282: Créez votre site web vous-même 1/2
Page 283: Créez votre site web vous-même 1/2
Page 284: Créez votre site web vous-même 1/2
Page 285: Créez votre site web vous-même 1/2
Page 286: Créez votre site web vous-même 1/2
Page 287: Créez votre site web vous-même 1/2
Page 288: Créez votre site web vous-même 1/2
Page 289: Créez votre site web vous-même 1/2
Page 290: Créez votre site web vous-même 1/2
Page 291: Créez votre site web vous-même 1/2
Page 292: Créez votre site web vous-même 1/2
Page 293: Créez votre site web vous-même 1/2
Page 294: Créez votre site web vous-même 1/2
Page 295: Créez votre site web vous-même 1/2

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 ?

Page 296: Créez votre site web vous-même 1/2
Page 297: Créez votre site web vous-même 1/2
Page 298: Créez votre site web vous-même 1/2
Page 299: Créez votre site web vous-même 1/2

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.

Page 300: Créez votre site web vous-même 1/2
Page 301: Créez votre site web vous-même 1/2
Page 302: Créez votre site web vous-même 1/2
Page 303: Créez votre site web vous-même 1/2
Page 304: Créez votre site web vous-même 1/2
Page 305: Créez votre site web vous-même 1/2
Page 306: Créez votre site web vous-même 1/2
Page 307: Créez votre site web vous-même 1/2
Page 308: Créez votre site web vous-même 1/2
Page 309: Créez votre site web vous-même 1/2
Page 310: Créez votre site web vous-même 1/2
Page 311: Créez votre site web vous-même 1/2
Page 312: Créez votre site web vous-même 1/2

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.

Page 313: Créez votre site web vous-même 1/2
Page 314: Créez votre site web vous-même 1/2
Page 315: Créez votre site web vous-même 1/2

Contact

● http://pro­info.be – contact@pro­info.be●  ☎ +32 495 43 17 38

Merci pour votre attention


Recommended