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

Preview:

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

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.

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.

1.1 Créer un compte OpenShift

1.2 Créer une application PHPet importer les sources

1.3 Ajouter une cartouche MySQLet 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ées.● Un aperçu de l'interface de Drupal.

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 structure.● Mettre en place une newsletter avec MailChimp.● Mettre à jour vos modules et thèmes.

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

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.

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

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. : services, coordonnées, etc.).

● Un article est utilisé pour les contenus temporaires (ex. : news, billets de blog, etc.).

Astuce

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

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

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.: http://monsite­proinfobe.rhcloud.com/service­1

Astuce

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

3.3.3 Intégrer une carteGoogle 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é.● Connecter votre site à votre compte.● Intégrer le formulaire d'inscription à votre site.● Créer un modèle et une campagne.

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 ?● Pourquoi OVH ?

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.

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.

Contact

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

Merci pour votre attention

Recommended