Gérer son site Web dynamique Avec le CMS Kocka - Corinne BLANC
Présentation générale Les services de l internet : La messagerie Le Web Les adresses internet quelques exemples : Adresse Email : prenom.nom@orange.fr Adresse Web : http://www.cma-72.fr Spécificités : pas d accent, pas d espace 2
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
Se connecter CONNEXION A partir du navigateur, entrer l adresse du CMS dans la barre de navigation : http://afga72.serv8.kocka-dev.fr/cms/ 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
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
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
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
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
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
Page d accueil de votre site Web 10
Modifier un billet 11
Modifier un billet (suite) 12
Modifier un billet (suite) Signification des icônes de la barre d outils : 13
Modifier un billet (suite) Signification des icônes de la barre d outils (suite) : 14
Modifier un article Accéder à la liste des articles de la page, puis cliquer sur Modifier 15
Modifier un article (suite) Procéder ensuite aux modifications comme pour les billets Ne pas oublier d enregistrer 16
Changer une photo 17
Changer une photo (suite) 18
Changer une photo (suite) 19
Ajouter une photo dans la médiathèque 20
Ajouter une photo dans la médiathèque (suite) 21
Ajouter un lien vers un site Web 22
Ajouter un lien vers un site Web (suite) 23
Ajouter un lien vers un fichier PDF 24
Ajouter un lien vers un fichier PDF (suite) 25
Ajouter un lien vers un fichier PDF (suite) 26
Ajouter un lien vers un fichier PDF (suite) 27
Créer un lien interne 28
Créer un lien interne (suite) Sélectionner ici la page vers laquelle créer le lien Terminer par Insérer 29
Insérer une vidéo 30
Insérer une vidéo 31
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
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
Changer l ordre d affichage des articles 34
Changer l ordre d affichage des articles (suite) 35
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
Ajouter un article ou billet (suite) 37
Changer le nom d une page 38
Changer la position d une page 39
Dupliquer une page Attention, enregistrer 2 fois! 40
Référencement 41
Référencement 42
Référencement 43
Référencement 44