Gérer son site Web dynamique Avec le CMS Kocka - Corinne BLANC

Transcription

1 Gérer son site Web dynamique Avec le CMS Kocka - Corinne BLANC

2 Présentation générale Les services de l internet : La messagerie Le Web Les adresses internet quelques exemples : Adresse prenom.nom@orange.fr Adresse Web : Spécificités : pas d accent, pas d espace 2

3 Historique du Web Début des années 2000 Sites statiques en HTML et PHP Avantages (coût) Inconvénients (Mise à jour) Evolution due aux nouvelles technologies : Responsiv Design Avantages de cette solution : adaptabilité, référencement, facilité de mise à jour Inconvénients (coût) 3

4 Se connecter CONNEXION A partir du navigateur, entrer l adresse du CMS dans la barre de navigation : Saisir les codes d accès fournis par KOCKA : Utilisateur : kocka Mot de passe : wulq00 Un message peut apparaître vous demandant de mémoriser ces informations afin d éviter de les ressaisir la prochaine fois. 4

5 Présentation du CMS KOCKA Une fois le site créé, permet d effectuer soi-même la mise à jour Possibilité de modifier 95% des éléments du site Prise en charge des demandes de modification 5

6 Les onglets proposés VOIR LE SITE : Permet de visualiser le site Web lorsqu il n est pas encore publié, sinon, il est préférable de l ouvrir dans un nouvel onglet Servira à contrôler les modifications effectuées 6

7 Les onglets proposés PAGES : Permet d afficher les pages (rubriques du site Web) Affiche également la structure du site et les pages Cliquer sur le triangle pour afficher les rubriques 7

8 Les onglets proposés Les pages sont composées de billets et / ou de produits (appelés aussi articles) Un billet est un élément pouvant contenir du texte, des photos, des tableaux, des vidéos, des liens PDF, des liens vers d autres sites Web Les catalogues permettent de gérer des produits de la même famille Un produit (ou article) est un élément qui peut s afficher sous forme condensée ou complète, c est un fichier à part entière 8

9 Les onglets proposés La médiathèque contient toutes les photos et fichiers pdf. Possibilité de télécharger des éléments depuis le PC L arborescence permet de changer la structure du site : nom et ordre des rubriques etc. L onglet config permet d ajouter ou modifier le mot de passe du site, ainsi que le logo. 9

10 Page d accueil de votre site Web 10

11 Modifier un billet 11

12 Modifier un billet (suite) 12

13 Modifier un billet (suite) Signification des icônes de la barre d outils : 13

14 Modifier un billet (suite) Signification des icônes de la barre d outils (suite) : 14

15 Modifier un article Accéder à la liste des articles de la page, puis cliquer sur Modifier 15

16 Modifier un article (suite) Procéder ensuite aux modifications comme pour les billets Ne pas oublier d enregistrer 16

17 Changer une photo 17

18 Changer une photo (suite) 18

19 Changer une photo (suite) 19

20 Ajouter une photo dans la médiathèque 20

21 Ajouter une photo dans la médiathèque (suite) 21

22 Ajouter un lien vers un site Web 22

23 Ajouter un lien vers un site Web (suite) 23

24 Ajouter un lien vers un fichier PDF 24

25 Ajouter un lien vers un fichier PDF (suite) 25

26 Ajouter un lien vers un fichier PDF (suite) 26

27 Ajouter un lien vers un fichier PDF (suite) 27

28 Créer un lien interne 28

29 Créer un lien interne (suite) Sélectionner ici la page vers laquelle créer le lien Terminer par Insérer 29

30 Insérer une vidéo 30

31 Insérer une vidéo 31

32 Insérer une vidéo Accéder à la page souhaitée et modifier le billet Accéder à la zone Vidéo et coller le lien iframe de la vidéo Youtube Enregistrer Cliquer sur VOIR LE SITE 32

33 Changer l ordre d affichage des billets Accéder à la page souhaitée pour afficher la liste des billets et les glisser pour les repositionner dans l ordre souhaité 33

34 Changer l ordre d affichage des articles 34

35 Changer l ordre d affichage des articles (suite) 35

36 Ajouter un article ou billet Dans le CMS Kocka, il est préférable de dupliquer les éléments et les modifier plutôt que de recréer des billets ou des articles Accéder au billet ou à l article proche afin de le dupliquer 36

37 Ajouter un article ou billet (suite) 37

38 Changer le nom d une page 38

39 Changer la position d une page 39

40 Dupliquer une page Attention, enregistrer 2 fois! 40

41 Référencement 41

42 Référencement 42

43 Référencement 43

44 Référencement 44