315

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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