SlideShare une entreprise Scribd logo
Pikock 
Mode d’emploi Pikock 
Créer un site internet de qualité pro 
(en 1 heure) 
Tout nouvel outil demande un petit temps d’appropriation. 
Pikock est une application très puissante pour 
créer un site internet de qualité professionnelle. 
Optimisé sur toutes les tablettes – smartphones et ordinateurs 
Intégrant un éditeur d’image professionnel 
Optimisé pour votre référencement naturel.
Pikock 
Découverte de votre espace de 
travail Pikock 
(1ère partie : 15 minutes)
Pikock Accès à Pikock 
Sur http://www.pikock.fr cliquez sur l’un des boutons « Essayez » 
A votre entrée sur Pikock, plusieurs choix de graphismes vous sont proposés. 
Ces design sont interchangeables à tout moment. 
è Pour cette première découverte, choisissez le design «Classic» 
Pikock met à votre disposition des aides contextuelles: 
- Un tour guide (1) 
- Un Live chat (2) 
Prenez le temps de consulter le « Tour guide » qui vous indique les principales 
fonctionnalités. 
1 
2
Pikock Accès à Pikock 
Lorsque vous arrivez sur une page pour la première fois, nous vous 
proposons de choisir soit : 
- une structure de page pré-assemblée (« Template ») du catalogue Pikock, 
- une page vide 
è Choisissez la « Template » proposée
Pikock Accès à Pikock 
Votre espace de travail est composé : 
- Des blocs qui regroupent plusieurs modules d’information, ici en bleu. 
- Des modules d’informations (textes, vidéos, photos, …), ici en rouge. 
Votre espace de création, ici en orange, pour accéder à l’ensemble des 
fonctionnalités qui vous permettront de concevoir un site de qualité 
professionnelle. 
è Promenez votre souris sur la page pour identifier les modules présents. 
è Vous allez maintenant modifier cette page. Suivez uniquement les 
instructions de ce mode d’emploi.
Pikock Accès à Pikock 
Chaque bloc, chaque module peut être modifié, déplacé, supprimé. 
Nous verrons ensuite comment en ajouter de nouveau dans une page. 
Pikock gère pour vous les règles d’une bonne architecture, et vous indiquera 
automatiquement si ce que vous voulez faire est possible. 
è Faites vos premières manipulations. 
a) Déplacez le bouton «Découvrir» sous la photo. Cliquez sur le module avec 
votre souris, laissez le clic enfoncé, déplacez le module dans la page, Un trait bleu va 
apparaître, relachez. C’est fait! 
b) Déplacez l’image sous le texte. 
c) Déplacez le texte vers la droite, là ou se trouvait l’image. 
d) Cliquez sur la flèche au dessus du bouton « Découvrir ». Le bouton va 
venir au dessous du texte.
Pikock Accès à Pikock 
è Découvrez les fonctionnalités de votre espace de création. 
Tout d’abord les zones qui vont servir à construire vos 
pages. 
Les blocs : qui regroupent plusieurs modules 
Les modules : une zone d’information spécifique 
Les grilles : Un mode semi expert pour faire du sur mesure 
è Cliquez sur chacun des 3 boutons 
Bloc Module Grille
Pikock Accès à Pikock 
è Cliquez maintenant sur « Menu » pour accéder au menu principal. 
Une fenêtre s’ouvre avec les accès aux 
différents modes de travail.
Pikock Accès à Pikock 
Le mode « Pages » vous permet l’accès direct à 
toutes les pages de votre site. Celles ci sont 
représentées par des vignettes 
Le mode « Haut et bas de page » vous permet 
d’accéder aux parties hautes et basses des pages 
de votre site. 
Le mode « Blog » vous permet de créer et d’animer 
votre futur blog ou une rubrique actualité. 
Le mode « Design » vous permet de modifier le 
graphisme de votre site. 
Le mode « Menus » vous permet d’associer vos 
pages entre elles afin de concevoir votre site. 
Le mode « Image » donne accès à l’ensemble des 
images de votre site. Votre galerie est pour l’instant 
vide. 
Le mode « Réglages » est à utiliser lors de la 
publication de votre site afin de mémoriser son 
adresse définitive, connecter la console de pilotage 
et …. bien d’autres choses. 
En bas, se trouvent les accès à vos données clients, 
ainsi que l’accès au support Pikock (infos sur le 
référencement naturel , les modes opératoires 
détaillés de Pikock).
Pikock Accès à Pikock 
è Sauvegardez votre travail. 
Cette phase de découverte est maintenant 
terminée. Pensez à sauvegarder régulièrement votre 
travail.
Pikock 
Maitrisez Pikock 
(2 ème partie : 1 heure) 
Créer une nouvelle page : (15 minutes) 
Modifier le Haut ou le bas de page (15 minutes) 
Adapter votre menu (15 minutes) 
Créer votre charte graphique (15 minutes)
Pikock Créer une nouvelle page 
è Passez maintenant en mode «Pages» à partir du menu principal 
Les pages sont représentées par des vignettes. 
Vous pouvez modifier, dupliquer, renommer, créer ou supprimer toutes vos 
pages à l’exception de votre page d’accueil qui ne peut être supprimée. 
Vous pouvez préférer une présentation en liste, en particulier si votre site 
intègre beaucoup de pages. 
è Cliquez sur «Nouvelle page ».
Pikock 
Créer une nouvelle page 
Vous devez nommer les pages que vous créez. Le titre et le descriptif sont des 
éléments très importants pour votre référencement naturel. 
Nous vous donnons de nombreux conseils dans le Pikock center (voir page 28 
de ce manuel). 
è Pour cet exemple, saisissez : 
- « Page de test » : comme nom de page 
- « Ceci est ma page de test » : en descriptif 
Choisissez maintenant un modèle de page. Ces modèles vous permettent de 
gagner en efficacité pour la construction de votre site. Vous pouvez les 
modifier très simplement pour les adapter exactement à votre besoin. 
è Choisissez la page blanche. Validez votre choix en cliquant sur le bouton 
« Créer » ( en bas à droite), votre page de test est créée.
Pikock Modifier un module d’informations 
Nous allons créer une page présentant une entreprise, ses activités 
è En mode bloc cliquez sur « Accueil». 
1 - Sélectionnez le premier modèle qui vous est présenté et faites le glisser 
dans la page. 
2 - Glissez le bloc vers la croix bleue en bas de page. Une bande bleue va 
apparaître qui vous indique que vous pouvez intégrer un bloc à cet endroit. 
Recommencez l’opération à partir de « Produit ». A nouveau, sélectionnez la 
première proposition. 
1 
2 
3 
La structure de votre page est créée. Vous pouvez bien sûr, utiliser d’autres 
blocs et modifier les modules qui les composent. 
è 3 - Cliquez sur l’image du haut de votre page. Vous allez pouvoir modifier le 
fond du bloc pour y insérer une image ou une couleur spécifique. 
Pour cet exemple, nous allons sélectionner une image libre de droits de la 
galerie Pikock. 
è Cliquez sur « Image du fond de bloc » puis « Galerie Pikock »
Pikock 
Modifier un module d’informations 
è Validez, choisissez « Couleur par défaut » - sélectionnez 
Il reste à modifier le texte afin de l’adapter à l’entreprise. 
è Double cliquez sur le titre « Nom du site … » ou sur le stylo en haut à 
droite du module. 
è Vous pouvez à tout moment sauvegarder votre travail.
Pikock 
è Supprimez la première ligne de texte, Modifier le titre pour indiquer « 
Ceci est mon entreprise » . En dessous écrivez un texte court de 2 à 3 
lignes en utilisant plusieurs boutons. 
è Validez avec le « Ok » 
Modifier un module d’informations 
Une fenêtre apparaît (l’éditeur de texte). Ici vous pouvez modifier votre 
texte. Les différents boutons du haut correspondent aux fonctions de 
l’éditeur : (de gauche à droite): 
- Taille d’un titre 
- Retour à la ligne 
- Justification du texte 
- Gras et ou italique 
- Indentation du texte 
- Liste 
- Mise en place d’un lien interne ou externe 
- Suppression d’un lien interne ou externe 
- Insertion d’un tableau
Pikock 
Modifier un module d’informations 
è Insérez maintenant un module « Lien et bouton » sous votre texte. Pour 
cela il vous faut passer en mode « Module » (à gauche dans votre espace 
de création) puis choisir le module « Lien et bouton » pour le faire glisser 
sous le texte. 
Donnez un nom à votre bouton de lien : « Ceci est un bouton de lien » 
Choisissez de faire un lien vers une autre page du site : « Contact » 
Vous pouvez aussi décider de personnaliser votre bouton en cliquant sur 
« Personnalisation ». 
Choisissez de mettre le bouton en taille large (« L ») et de le centrer. 
Validez, votre travail est en place.
Pikock 
Modifier un module d’informations 
Répétez cette opération avec le bloc de bas de page qui présente des 
produits. 
è Faites glisser les 3 titres des images au dessus de celles-ci en utilisant 
votre souris ou les petites flèches directionnelles. 
è Ajouter un module de texte sous les 3 images. 
è Modifier les images. Pour cela cliquez sur le stylo de chacune d’entre 
elle et laissez vous guider. Choisissez des images qui vous 
appartiennent. Leur qualité est essentielle à l’esthétisme de votre site. 
Dans cet exemple une des photos n’est pas au même format que les 
autres. Je vais donc l’ajuster afin que ma présentation soit parfaite. 
è Double cliquez sur l’image. 
Laissez vous guider. Pikock va vous proposer de modifier le format de 
l’image, puis d’intégrer des effets et un lien interne ou externe à votre 
site.
Pikock Modifier un module d’informations 
Votre page est terminée. Vous pourrez à tout moment revenir dessus et la 
modifier. 
« Publiez » votre travail et profitez en pour voir votre page comme la 
verront vos visiteurs en cliquant sur « Voir ma page en ligne » 
Vous pouvez continuez à vous exercer en modifiant de nouveau cette 
page ou une autre page. Par exemple vous pouvez supprimer des 
modules ou des blocs, en insérer d’autres. A vous de jouer !! 
Avec Pikock c’est vous le patron.
Pikock 
Maitrisez Pikock 
(1 heure) 
Créer une nouvelle page : (15 minutes) 
Modifier le Haut ou le bas de page (15 minutes) 
Adapter votre menu (15 minutes) 
Créer votre charte graphique (15 minutes)
Pikock 
Modifier un haut ou bas de page 
Passez en mode « Haut et bas de pages » à partir du menu principal 
è Cliquez sur le stylo « haut de page » 
Le mode de fonctionnement est identique à celui d’une page. Des blocs des 
modules que vous pouvez librement déplacer, modifier, supprimer, ajouter. 
Particularités : 
- Vos modifications s’appliqueront automatiquement sur toutes les pages 
- Le module « Menu » permettra ensuite de relier toutes vos pages entre 
elles. 
è Supprimez tous les modules présents 
è Intégrez un bloc en cliquant sur la croix bleue. Choisissez le dernier à 
droite. 
è Validez 
è Intégrez votre logo 
è Modifiez les textes 
è Sauvegardez puis publiez votre travail
Pikock Modifier un haut ou bas de page
Pikock 
Maitrisez Pikock 
(1 heure) 
Créer une nouvelle page : (15 minutes) 
Modifier le Haut ou le bas de page (15 minutes) 
Adapter votre menu (15 minutes) 
Créer votre charte graphique (15 minutes)
Pikock Finaliser votre site Pikock 
è Passez maintenant en mode « Menus » à partir du menu principal 
Vous avez créé une page en plus de celles proposées par Pikock. L’enjeu est 
maintenant de relier entre elles toutes vos pages afin de former un site web. 
è Cliquez sur le bouton bleu du stylo. 
Vous pouvez modifier l’intitulé de chacun des liens, ajouter un lien ou un menu 
déroulant. 
Vous pouvez modifier l’ordre des rubriques et décider de la position du menu 
sur les pages (centré, à gauche, …).
Pikock Finaliser votre site Pikock 
è Cliquez sur « ajouter un lien » 
Une fenêtre va s’ouvrir dans laquelle vous allez indiquer le nom du lien et 
choisir l’emplacement du lien. Dans notre exemple : 
- Texte du lien : page test 
- Lien : page de test 
è Validez, votre lien est en place 
è Modifiez l’ordre des liens pour obtenir l’ordre suivant: 
- Accueil 
- Page de test 
- Projet 
- Contact 
è Centrez votre menu
Pikock 
Maitrisez Pikock 
(1 heure) 
Créer une nouvelle page : (15 minutes) 
Modifier le Haut ou le bas de page (15 minutes) 
Adapter votre menu (15 minutes) 
Créer votre charte graphique (15 minutes)
Pikock Le design de votre site Pikock 
è Passez en mode « Design » à partir du menu principal 
Vous allez pouvoir travailler l’esthétisme de votre site en utilisant nos 
environnement graphiques de référence et en ajustant les couleurs à vos 
besoins. 
Le mode « Perso » : permet de définir votre charte graphique et, pour le 
design « Bliss » d’ajuster l’image de fond. Deux choix sont possibles. La saisie 
du code informatique de vos couleurs ou l’utilisation des palettes conçues par 
nos designers. 
Le mode « Police » : permet de définir la police de votre site ainsi que les 
couleurs des titres et du texte 
Le mode « Design » permet de changer d’environnement graphique. 
è Créez votre environnement graphique 
è Changez de thème en utilisant le thème « Bacana » 
è Adapter vos couleurs en utilisant les codes suivant : 706CEB – E3E1EB – 3E13EB – 
0C0C0D – 1313E8 
è Validez
Pikock Le design de votre site Pikock 
BRAVO 
Cet exercice est terminé, vous avez découvert l’essentiel des fonctionnalités de 
Pikock. La création d’un site n’est aujourd’hui plus une difficulté pour vous, 
l’enjeu est d’utiliser votre site internet comme un outil de marketing et de 
business. Il vous faut : 
- des contenus riches (images – textes – vidéos), 
- l’animer régulièrement, 
- respecter les règles du référencement naturel. 
Pour vous aider, vous avez accès au support Pikock accessible directement 
depuis votre back office. 
Le support vous permettra de bénéficier d’outils très opérationnels pour 
construire un site efficace: 
- Blog Pikock et nos conseils en référencement naturel 
- Guides Pikock et nos conseils sur la construction et l’animation d’un site 
- Modes opératoires : Pour approfondir votre connaissance de Pikock. 
Votre site Pikock est accessible de plusieurs manières, revenez souvent nous 
voir et n’hésitez pas à utiliser le « Live chat » en cas de besoin spécifique: 
Pour accéder de nouveau à votre site 
- http://www.pikock.com rubrique « se connecter » 
OU 
- http://nomdevotresite.pikock.me/admin 
MERCI pour votre CONFIANCE
Pikock Synthèse 
EXEMPLES DE SITES CREES PAR NOS CLIENTS 
Commerce 
Machines et moteurs 
Batiment 
Béton de Clara 
Tourisme 
Escleriade 
Services 
Pressing BALEO 
BtoB 
Semenia 
Art 
Starter Gallery 
Ecole 
E.S.T 
Banque 
Hipay 
Vente en ligne 
Barnstormer 
Sport 
Athletisme Pontcharra 
Faîtes comme eux, osez publiez sur internet

Contenu connexe

Tendances

MASTER1-IUP2012-LILLE1
MASTER1-IUP2012-LILLE1MASTER1-IUP2012-LILLE1
MASTER1-IUP2012-LILLE1
Master.iup.2012
 
A quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteA quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteGuillaume Hautier
 
Automat-wd.info power point ofppt cours
Automat-wd.info power point ofppt coursAutomat-wd.info power point ofppt cours
Automat-wd.info power point ofppt cours
Automat-WD| Cours et Modules ISTA OFPPT
 
Tutoriel blogger 2014
Tutoriel blogger 2014Tutoriel blogger 2014
Tutoriel blogger 2014Anne Gallino
 
Créer un prezi
Créer un preziCréer un prezi
Créer un prezi
Claudie Merlet
 
formation powerpoint
formation powerpointformation powerpoint
formation powerpoint
Astrid Atsain
 
Guide ecommerce amen et epages
Guide ecommerce amen et epagesGuide ecommerce amen et epages
Guide ecommerce amen et epages
Amen.fr
 
4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus
Votre Assistante
 
Créez un site avec Google Creator
Créez un site avec Google CreatorCréez un site avec Google Creator
Créez un site avec Google CreatorCarmen Vera
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sites
Bruno PICHON
 
Les calques Photoshop
Les calques PhotoshopLes calques Photoshop
Les calques Photoshop
Votre Assistante
 
Prezi : mode d'emploi
Prezi : mode d'emploiPrezi : mode d'emploi
Prezi : mode d'emploi
Aureleib
 
Power point
Power pointPower point
Power point
Đjalila DotNet
 
Tutoriel google documents
Tutoriel google documentsTutoriel google documents
Tutoriel google documents
anneschnepp
 
Atelier Netvibes
Atelier NetvibesAtelier Netvibes
Atelier Netvibes
Bibliothèque de l'enssib
 
Créer un site avec Google Sites
Créer un site avec Google SitesCréer un site avec Google Sites
Créer un site avec Google Sites
Henri Willox
 

Tendances (19)

MASTER1-IUP2012-LILLE1
MASTER1-IUP2012-LILLE1MASTER1-IUP2012-LILLE1
MASTER1-IUP2012-LILLE1
 
A quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteA quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le site
 
Automat-wd.info power point ofppt cours
Automat-wd.info power point ofppt coursAutomat-wd.info power point ofppt cours
Automat-wd.info power point ofppt cours
 
Tutoriel Prezi
Tutoriel PreziTutoriel Prezi
Tutoriel Prezi
 
Tutoriel blogger 2014
Tutoriel blogger 2014Tutoriel blogger 2014
Tutoriel blogger 2014
 
Créer un prezi
Créer un preziCréer un prezi
Créer un prezi
 
formation powerpoint
formation powerpointformation powerpoint
formation powerpoint
 
Guide ecommerce amen et epages
Guide ecommerce amen et epagesGuide ecommerce amen et epages
Guide ecommerce amen et epages
 
Demokopen
DemokopenDemokopen
Demokopen
 
4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus4 astuces avancées pour PowerPoint et une astuce Bonus
4 astuces avancées pour PowerPoint et une astuce Bonus
 
Créez un site avec Google Creator
Créez un site avec Google CreatorCréez un site avec Google Creator
Créez un site avec Google Creator
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sites
 
Les calques Photoshop
Les calques PhotoshopLes calques Photoshop
Les calques Photoshop
 
Prezi : mode d'emploi
Prezi : mode d'emploiPrezi : mode d'emploi
Prezi : mode d'emploi
 
Power point
Power pointPower point
Power point
 
Powerpoint
PowerpointPowerpoint
Powerpoint
 
Tutoriel google documents
Tutoriel google documentsTutoriel google documents
Tutoriel google documents
 
Atelier Netvibes
Atelier NetvibesAtelier Netvibes
Atelier Netvibes
 
Créer un site avec Google Sites
Créer un site avec Google SitesCréer un site avec Google Sites
Créer un site avec Google Sites
 

En vedette

6 clés de succès pour créer le meilleur site web
6 clés de succès pour créer le meilleur site web6 clés de succès pour créer le meilleur site web
6 clés de succès pour créer le meilleur site web
Stanislas Almeida
 
Comment créer un site internet visible
Comment créer un site internet visibleComment créer un site internet visible
Comment créer un site internet visible
Orson
 
4 points essentiels pour créer un site efficace
4 points essentiels pour créer un site efficace4 points essentiels pour créer un site efficace
4 points essentiels pour créer un site efficace
Orson
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
Volker Hirsch
 
7 Tips to Be Viral on Internet
7 Tips to Be Viral on Internet7 Tips to Be Viral on Internet
7 Tips to Be Viral on Internet
Orson
 
Facebook : 15 techniques pour animer une page entreprise
Facebook : 15 techniques pour animer une page entrepriseFacebook : 15 techniques pour animer une page entreprise
Facebook : 15 techniques pour animer une page entreprise
Editoile
 
Utiliser slideshare
Utiliser slideshareUtiliser slideshare
Utiliser slideshare
mdariotis
 
Les micronouvelles de l´atelier littéraire
Les micronouvelles de l´atelier littéraireLes micronouvelles de l´atelier littéraire
Les micronouvelles de l´atelier littérairenacarEOI
 
Parfaitement Imparfaite
Parfaitement ImparfaiteParfaitement Imparfaite
Parfaitement Imparfaite
Sandy Hogue
 
Relacion de la tecnologia con el desarrollo económico social
Relacion de la tecnologia con el desarrollo económico socialRelacion de la tecnologia con el desarrollo económico social
Relacion de la tecnologia con el desarrollo económico social
ClariitaPM
 
TECNIJUSTA
TECNIJUSTATECNIJUSTA
TECNIJUSTA
TECNIJUSTA Moldes
 
Guillaume tell,
Guillaume tell,Guillaume tell,
Guillaume tell,nacarEOI
 
April Garantie Accident 50+
April Garantie Accident 50+April Garantie Accident 50+
April Garantie Accident 50+
ADPAssurances
 
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agriculture
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agricultureRapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agriculture
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agricultureFrance Télévisions Midi-Pyrénées
 
Mi mejor pc tic2 2011 word
Mi  mejor pc tic2 2011 wordMi  mejor pc tic2 2011 word
Mi mejor pc tic2 2011 word
Fernando Santillan
 
De l'importance des avis clients
De l'importance des avis clientsDe l'importance des avis clients
De l'importance des avis clients
Noelle Remy
 
Le comptoir nature - Menu restaurant
Le comptoir nature - Menu restaurantLe comptoir nature - Menu restaurant
Le comptoir nature - Menu restaurantComptoirNature
 

En vedette (20)

6 clés de succès pour créer le meilleur site web
6 clés de succès pour créer le meilleur site web6 clés de succès pour créer le meilleur site web
6 clés de succès pour créer le meilleur site web
 
Comment créer un site internet visible
Comment créer un site internet visibleComment créer un site internet visible
Comment créer un site internet visible
 
4 points essentiels pour créer un site efficace
4 points essentiels pour créer un site efficace4 points essentiels pour créer un site efficace
4 points essentiels pour créer un site efficace
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
 
7 Tips to Be Viral on Internet
7 Tips to Be Viral on Internet7 Tips to Be Viral on Internet
7 Tips to Be Viral on Internet
 
Facebook : 15 techniques pour animer une page entreprise
Facebook : 15 techniques pour animer une page entrepriseFacebook : 15 techniques pour animer une page entreprise
Facebook : 15 techniques pour animer une page entreprise
 
Utiliser slideshare
Utiliser slideshareUtiliser slideshare
Utiliser slideshare
 
Muhahaha sa
Muhahaha saMuhahaha sa
Muhahaha sa
 
Les micronouvelles de l´atelier littéraire
Les micronouvelles de l´atelier littéraireLes micronouvelles de l´atelier littéraire
Les micronouvelles de l´atelier littéraire
 
Parfaitement Imparfaite
Parfaitement ImparfaiteParfaitement Imparfaite
Parfaitement Imparfaite
 
Relacion de la tecnologia con el desarrollo económico social
Relacion de la tecnologia con el desarrollo económico socialRelacion de la tecnologia con el desarrollo económico social
Relacion de la tecnologia con el desarrollo económico social
 
TECNIJUSTA
TECNIJUSTATECNIJUSTA
TECNIJUSTA
 
3-Cm29 2013-2014
3-Cm29 2013-20143-Cm29 2013-2014
3-Cm29 2013-2014
 
Guillaume tell,
Guillaume tell,Guillaume tell,
Guillaume tell,
 
April Garantie Accident 50+
April Garantie Accident 50+April Garantie Accident 50+
April Garantie Accident 50+
 
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agriculture
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agricultureRapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agriculture
Rapport de m._philippe_martin_sur_la_gestion_quantitative_de_leau_en_agriculture
 
Mi mejor pc tic2 2011 word
Mi  mejor pc tic2 2011 wordMi  mejor pc tic2 2011 word
Mi mejor pc tic2 2011 word
 
Cp lamoureux 130413
Cp lamoureux 130413Cp lamoureux 130413
Cp lamoureux 130413
 
De l'importance des avis clients
De l'importance des avis clientsDe l'importance des avis clients
De l'importance des avis clients
 
Le comptoir nature - Menu restaurant
Le comptoir nature - Menu restaurantLe comptoir nature - Menu restaurant
Le comptoir nature - Menu restaurant
 

Similaire à Créer un site internet de qualité professionnelle

Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
Com'3elles - www.com3elles.com
 
Atelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec JimdoAtelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec Jimdo
Cédric Lourdes
 
Izilea
IzileaIzilea
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
Cyberco
 
XWiki Manuel Utilisateur
XWiki Manuel UtilisateurXWiki Manuel Utilisateur
XWiki Manuel Utilisateur
le.genie.logiciel
 
Publier sur le site du collège
Publier sur le site du collègePublier sur le site du collège
Publier sur le site du collège
FGaujacq
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
Daniel GUEYSSET
 
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
fraricce
 
22222.pptx
22222.pptx22222.pptx
22222.pptx
nassirabouchoul
 
INITIATION.pptx
INITIATION.pptxINITIATION.pptx
INITIATION.pptx
nassirabouchoul
 
Diapo impress
Diapo impressDiapo impress
Diapo impress
Valentin Valentin
 
Tutoriel_sur_Genially_comment_faire,.pdf
Tutoriel_sur_Genially_comment_faire,.pdfTutoriel_sur_Genially_comment_faire,.pdf
Tutoriel_sur_Genially_comment_faire,.pdf
expoe604
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
Kate De Gourdon
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
Voyelle Voyelle
 
Formation wordpress
Formation wordpressFormation wordpress
Atelier RCIP - Bloggage - BCMA 2009
Atelier RCIP - Bloggage - BCMA 2009Atelier RCIP - Bloggage - BCMA 2009
Atelier RCIP - Bloggage - BCMA 2009
Heather Dunn
 
Présentation netvibes
Présentation netvibesPrésentation netvibes
Présentation netvibes
mickaelboussard29
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
Médiathèque Gaston Baissette à Mauguio
 
Création et gestion des pages sur WordPress
Création et gestion des pages sur WordPressCréation et gestion des pages sur WordPress
Création et gestion des pages sur WordPress
wp-pilots
 

Similaire à Créer un site internet de qualité professionnelle (20)

Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
Edweb2.0
Edweb2.0Edweb2.0
Edweb2.0
 
Atelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec JimdoAtelier numérique, créer son premier site internet avec Jimdo
Atelier numérique, créer son premier site internet avec Jimdo
 
Izilea
IzileaIzilea
Izilea
 
Tutoriel SPIP
Tutoriel SPIPTutoriel SPIP
Tutoriel SPIP
 
XWiki Manuel Utilisateur
XWiki Manuel UtilisateurXWiki Manuel Utilisateur
XWiki Manuel Utilisateur
 
Publier sur le site du collège
Publier sur le site du collègePublier sur le site du collège
Publier sur le site du collège
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
Presentation de la Nouveau interface De PixCone, le logiciel web pour créer l...
 
22222.pptx
22222.pptx22222.pptx
22222.pptx
 
INITIATION.pptx
INITIATION.pptxINITIATION.pptx
INITIATION.pptx
 
Diapo impress
Diapo impressDiapo impress
Diapo impress
 
Tutoriel_sur_Genially_comment_faire,.pdf
Tutoriel_sur_Genially_comment_faire,.pdfTutoriel_sur_Genially_comment_faire,.pdf
Tutoriel_sur_Genially_comment_faire,.pdf
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
 
Support de formation pour Wordpress
Support de formation pour WordpressSupport de formation pour Wordpress
Support de formation pour Wordpress
 
Formation wordpress
Formation wordpressFormation wordpress
Formation wordpress
 
Atelier RCIP - Bloggage - BCMA 2009
Atelier RCIP - Bloggage - BCMA 2009Atelier RCIP - Bloggage - BCMA 2009
Atelier RCIP - Bloggage - BCMA 2009
 
Présentation netvibes
Présentation netvibesPrésentation netvibes
Présentation netvibes
 
Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)Formation WordPress médiathèque Mauguio (mai 2017)
Formation WordPress médiathèque Mauguio (mai 2017)
 
Création et gestion des pages sur WordPress
Création et gestion des pages sur WordPressCréation et gestion des pages sur WordPress
Création et gestion des pages sur WordPress
 

Plus de Orson

Présentation workshop création d'un site internet professionnel
Présentation workshop création d'un site internet professionnelPrésentation workshop création d'un site internet professionnel
Présentation workshop création d'un site internet professionnel
Orson
 
Workshop 18 septembre : Créer un site internet professionnel Orson.io
Workshop 18 septembre : Créer un site internet professionnel Orson.ioWorkshop 18 septembre : Créer un site internet professionnel Orson.io
Workshop 18 septembre : Créer un site internet professionnel Orson.io
Orson
 
Workshop Orson.io mardi 19 juin
Workshop Orson.io mardi 19 juin Workshop Orson.io mardi 19 juin
Workshop Orson.io mardi 19 juin
Orson
 
Workshop Orson.io créer un site internet en 2h.
Workshop Orson.io créer un site internet en 2h. Workshop Orson.io créer un site internet en 2h.
Workshop Orson.io créer un site internet en 2h.
Orson
 
Création de site internet - Workshop Bruxelles
Création de site internet - Workshop BruxellesCréation de site internet - Workshop Bruxelles
Création de site internet - Workshop Bruxelles
Orson
 
Créer un site internet en 2h - workshop
Créer un site internet en 2h - workshopCréer un site internet en 2h - workshop
Créer un site internet en 2h - workshop
Orson
 
Workshop Bruxelles Août 2017
Workshop Bruxelles Août 2017Workshop Bruxelles Août 2017
Workshop Bruxelles Août 2017
Orson
 
32 experts SEO vous livrent leurs 3 techniques préférées de 2017
32 experts SEO vous livrent leurs 3 techniques préférées de 2017 32 experts SEO vous livrent leurs 3 techniques préférées de 2017
32 experts SEO vous livrent leurs 3 techniques préférées de 2017
Orson
 
Workshop Bruxelles
Workshop Bruxelles Workshop Bruxelles
Workshop Bruxelles
Orson
 
Workshop orson lyon 27 juin 2017
Workshop orson lyon   27 juin 2017Workshop orson lyon   27 juin 2017
Workshop orson lyon 27 juin 2017
Orson
 
Workshop orson présentation
Workshop orson   présentation Workshop orson   présentation
Workshop orson présentation
Orson
 
10 Tips to Make a Website That Works
10 Tips to Make a Website That Works10 Tips to Make a Website That Works
10 Tips to Make a Website That Works
Orson
 

Plus de Orson (12)

Présentation workshop création d'un site internet professionnel
Présentation workshop création d'un site internet professionnelPrésentation workshop création d'un site internet professionnel
Présentation workshop création d'un site internet professionnel
 
Workshop 18 septembre : Créer un site internet professionnel Orson.io
Workshop 18 septembre : Créer un site internet professionnel Orson.ioWorkshop 18 septembre : Créer un site internet professionnel Orson.io
Workshop 18 septembre : Créer un site internet professionnel Orson.io
 
Workshop Orson.io mardi 19 juin
Workshop Orson.io mardi 19 juin Workshop Orson.io mardi 19 juin
Workshop Orson.io mardi 19 juin
 
Workshop Orson.io créer un site internet en 2h.
Workshop Orson.io créer un site internet en 2h. Workshop Orson.io créer un site internet en 2h.
Workshop Orson.io créer un site internet en 2h.
 
Création de site internet - Workshop Bruxelles
Création de site internet - Workshop BruxellesCréation de site internet - Workshop Bruxelles
Création de site internet - Workshop Bruxelles
 
Créer un site internet en 2h - workshop
Créer un site internet en 2h - workshopCréer un site internet en 2h - workshop
Créer un site internet en 2h - workshop
 
Workshop Bruxelles Août 2017
Workshop Bruxelles Août 2017Workshop Bruxelles Août 2017
Workshop Bruxelles Août 2017
 
32 experts SEO vous livrent leurs 3 techniques préférées de 2017
32 experts SEO vous livrent leurs 3 techniques préférées de 2017 32 experts SEO vous livrent leurs 3 techniques préférées de 2017
32 experts SEO vous livrent leurs 3 techniques préférées de 2017
 
Workshop Bruxelles
Workshop Bruxelles Workshop Bruxelles
Workshop Bruxelles
 
Workshop orson lyon 27 juin 2017
Workshop orson lyon   27 juin 2017Workshop orson lyon   27 juin 2017
Workshop orson lyon 27 juin 2017
 
Workshop orson présentation
Workshop orson   présentation Workshop orson   présentation
Workshop orson présentation
 
10 Tips to Make a Website That Works
10 Tips to Make a Website That Works10 Tips to Make a Website That Works
10 Tips to Make a Website That Works
 

Dernier

Netflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagementNetflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagement
ABO IPTV PREMIUM
 
Actu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence NeperActu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence Neper
Philippe YONNET
 
Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?
Asher256
 
Requetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptxRequetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptx
Philippe YONNET
 
Google - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptxGoogle - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptx
Philippe YONNET
 
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèqueUtiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
cspirin
 
Stratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blogStratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blog
Asher256
 

Dernier (7)

Netflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagementNetflix, OCS et Disney avec ou sans engagement
Netflix, OCS et Disney avec ou sans engagement
 
Actu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence NeperActu du SEO - Matin Népérien Lille - Agence Neper
Actu du SEO - Matin Népérien Lille - Agence Neper
 
Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?Les logiciels libres : une opportunite pour votre entreprise?
Les logiciels libres : une opportunite pour votre entreprise?
 
Requetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptxRequetes ecommerce - les différences US vs Europe.pptx
Requetes ecommerce - les différences US vs Europe.pptx
 
Google - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptxGoogle - les nouvelles regles du jeu.pptx
Google - les nouvelles regles du jeu.pptx
 
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèqueUtiliser les outils numériques créatifs pour valoriser sa médiathèque
Utiliser les outils numériques créatifs pour valoriser sa médiathèque
 
Stratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blogStratégies pour accroître la visibilité et l'engagement de votre blog
Stratégies pour accroître la visibilité et l'engagement de votre blog
 

Créer un site internet de qualité professionnelle

  • 1. Pikock Mode d’emploi Pikock Créer un site internet de qualité pro (en 1 heure) Tout nouvel outil demande un petit temps d’appropriation. Pikock est une application très puissante pour créer un site internet de qualité professionnelle. Optimisé sur toutes les tablettes – smartphones et ordinateurs Intégrant un éditeur d’image professionnel Optimisé pour votre référencement naturel.
  • 2. Pikock Découverte de votre espace de travail Pikock (1ère partie : 15 minutes)
  • 3. Pikock Accès à Pikock Sur http://www.pikock.fr cliquez sur l’un des boutons « Essayez » A votre entrée sur Pikock, plusieurs choix de graphismes vous sont proposés. Ces design sont interchangeables à tout moment. è Pour cette première découverte, choisissez le design «Classic» Pikock met à votre disposition des aides contextuelles: - Un tour guide (1) - Un Live chat (2) Prenez le temps de consulter le « Tour guide » qui vous indique les principales fonctionnalités. 1 2
  • 4. Pikock Accès à Pikock Lorsque vous arrivez sur une page pour la première fois, nous vous proposons de choisir soit : - une structure de page pré-assemblée (« Template ») du catalogue Pikock, - une page vide è Choisissez la « Template » proposée
  • 5. Pikock Accès à Pikock Votre espace de travail est composé : - Des blocs qui regroupent plusieurs modules d’information, ici en bleu. - Des modules d’informations (textes, vidéos, photos, …), ici en rouge. Votre espace de création, ici en orange, pour accéder à l’ensemble des fonctionnalités qui vous permettront de concevoir un site de qualité professionnelle. è Promenez votre souris sur la page pour identifier les modules présents. è Vous allez maintenant modifier cette page. Suivez uniquement les instructions de ce mode d’emploi.
  • 6. Pikock Accès à Pikock Chaque bloc, chaque module peut être modifié, déplacé, supprimé. Nous verrons ensuite comment en ajouter de nouveau dans une page. Pikock gère pour vous les règles d’une bonne architecture, et vous indiquera automatiquement si ce que vous voulez faire est possible. è Faites vos premières manipulations. a) Déplacez le bouton «Découvrir» sous la photo. Cliquez sur le module avec votre souris, laissez le clic enfoncé, déplacez le module dans la page, Un trait bleu va apparaître, relachez. C’est fait! b) Déplacez l’image sous le texte. c) Déplacez le texte vers la droite, là ou se trouvait l’image. d) Cliquez sur la flèche au dessus du bouton « Découvrir ». Le bouton va venir au dessous du texte.
  • 7. Pikock Accès à Pikock è Découvrez les fonctionnalités de votre espace de création. Tout d’abord les zones qui vont servir à construire vos pages. Les blocs : qui regroupent plusieurs modules Les modules : une zone d’information spécifique Les grilles : Un mode semi expert pour faire du sur mesure è Cliquez sur chacun des 3 boutons Bloc Module Grille
  • 8. Pikock Accès à Pikock è Cliquez maintenant sur « Menu » pour accéder au menu principal. Une fenêtre s’ouvre avec les accès aux différents modes de travail.
  • 9. Pikock Accès à Pikock Le mode « Pages » vous permet l’accès direct à toutes les pages de votre site. Celles ci sont représentées par des vignettes Le mode « Haut et bas de page » vous permet d’accéder aux parties hautes et basses des pages de votre site. Le mode « Blog » vous permet de créer et d’animer votre futur blog ou une rubrique actualité. Le mode « Design » vous permet de modifier le graphisme de votre site. Le mode « Menus » vous permet d’associer vos pages entre elles afin de concevoir votre site. Le mode « Image » donne accès à l’ensemble des images de votre site. Votre galerie est pour l’instant vide. Le mode « Réglages » est à utiliser lors de la publication de votre site afin de mémoriser son adresse définitive, connecter la console de pilotage et …. bien d’autres choses. En bas, se trouvent les accès à vos données clients, ainsi que l’accès au support Pikock (infos sur le référencement naturel , les modes opératoires détaillés de Pikock).
  • 10. Pikock Accès à Pikock è Sauvegardez votre travail. Cette phase de découverte est maintenant terminée. Pensez à sauvegarder régulièrement votre travail.
  • 11. Pikock Maitrisez Pikock (2 ème partie : 1 heure) Créer une nouvelle page : (15 minutes) Modifier le Haut ou le bas de page (15 minutes) Adapter votre menu (15 minutes) Créer votre charte graphique (15 minutes)
  • 12. Pikock Créer une nouvelle page è Passez maintenant en mode «Pages» à partir du menu principal Les pages sont représentées par des vignettes. Vous pouvez modifier, dupliquer, renommer, créer ou supprimer toutes vos pages à l’exception de votre page d’accueil qui ne peut être supprimée. Vous pouvez préférer une présentation en liste, en particulier si votre site intègre beaucoup de pages. è Cliquez sur «Nouvelle page ».
  • 13. Pikock Créer une nouvelle page Vous devez nommer les pages que vous créez. Le titre et le descriptif sont des éléments très importants pour votre référencement naturel. Nous vous donnons de nombreux conseils dans le Pikock center (voir page 28 de ce manuel). è Pour cet exemple, saisissez : - « Page de test » : comme nom de page - « Ceci est ma page de test » : en descriptif Choisissez maintenant un modèle de page. Ces modèles vous permettent de gagner en efficacité pour la construction de votre site. Vous pouvez les modifier très simplement pour les adapter exactement à votre besoin. è Choisissez la page blanche. Validez votre choix en cliquant sur le bouton « Créer » ( en bas à droite), votre page de test est créée.
  • 14. Pikock Modifier un module d’informations Nous allons créer une page présentant une entreprise, ses activités è En mode bloc cliquez sur « Accueil». 1 - Sélectionnez le premier modèle qui vous est présenté et faites le glisser dans la page. 2 - Glissez le bloc vers la croix bleue en bas de page. Une bande bleue va apparaître qui vous indique que vous pouvez intégrer un bloc à cet endroit. Recommencez l’opération à partir de « Produit ». A nouveau, sélectionnez la première proposition. 1 2 3 La structure de votre page est créée. Vous pouvez bien sûr, utiliser d’autres blocs et modifier les modules qui les composent. è 3 - Cliquez sur l’image du haut de votre page. Vous allez pouvoir modifier le fond du bloc pour y insérer une image ou une couleur spécifique. Pour cet exemple, nous allons sélectionner une image libre de droits de la galerie Pikock. è Cliquez sur « Image du fond de bloc » puis « Galerie Pikock »
  • 15. Pikock Modifier un module d’informations è Validez, choisissez « Couleur par défaut » - sélectionnez Il reste à modifier le texte afin de l’adapter à l’entreprise. è Double cliquez sur le titre « Nom du site … » ou sur le stylo en haut à droite du module. è Vous pouvez à tout moment sauvegarder votre travail.
  • 16. Pikock è Supprimez la première ligne de texte, Modifier le titre pour indiquer « Ceci est mon entreprise » . En dessous écrivez un texte court de 2 à 3 lignes en utilisant plusieurs boutons. è Validez avec le « Ok » Modifier un module d’informations Une fenêtre apparaît (l’éditeur de texte). Ici vous pouvez modifier votre texte. Les différents boutons du haut correspondent aux fonctions de l’éditeur : (de gauche à droite): - Taille d’un titre - Retour à la ligne - Justification du texte - Gras et ou italique - Indentation du texte - Liste - Mise en place d’un lien interne ou externe - Suppression d’un lien interne ou externe - Insertion d’un tableau
  • 17. Pikock Modifier un module d’informations è Insérez maintenant un module « Lien et bouton » sous votre texte. Pour cela il vous faut passer en mode « Module » (à gauche dans votre espace de création) puis choisir le module « Lien et bouton » pour le faire glisser sous le texte. Donnez un nom à votre bouton de lien : « Ceci est un bouton de lien » Choisissez de faire un lien vers une autre page du site : « Contact » Vous pouvez aussi décider de personnaliser votre bouton en cliquant sur « Personnalisation ». Choisissez de mettre le bouton en taille large (« L ») et de le centrer. Validez, votre travail est en place.
  • 18. Pikock Modifier un module d’informations Répétez cette opération avec le bloc de bas de page qui présente des produits. è Faites glisser les 3 titres des images au dessus de celles-ci en utilisant votre souris ou les petites flèches directionnelles. è Ajouter un module de texte sous les 3 images. è Modifier les images. Pour cela cliquez sur le stylo de chacune d’entre elle et laissez vous guider. Choisissez des images qui vous appartiennent. Leur qualité est essentielle à l’esthétisme de votre site. Dans cet exemple une des photos n’est pas au même format que les autres. Je vais donc l’ajuster afin que ma présentation soit parfaite. è Double cliquez sur l’image. Laissez vous guider. Pikock va vous proposer de modifier le format de l’image, puis d’intégrer des effets et un lien interne ou externe à votre site.
  • 19. Pikock Modifier un module d’informations Votre page est terminée. Vous pourrez à tout moment revenir dessus et la modifier. « Publiez » votre travail et profitez en pour voir votre page comme la verront vos visiteurs en cliquant sur « Voir ma page en ligne » Vous pouvez continuez à vous exercer en modifiant de nouveau cette page ou une autre page. Par exemple vous pouvez supprimer des modules ou des blocs, en insérer d’autres. A vous de jouer !! Avec Pikock c’est vous le patron.
  • 20. Pikock Maitrisez Pikock (1 heure) Créer une nouvelle page : (15 minutes) Modifier le Haut ou le bas de page (15 minutes) Adapter votre menu (15 minutes) Créer votre charte graphique (15 minutes)
  • 21. Pikock Modifier un haut ou bas de page Passez en mode « Haut et bas de pages » à partir du menu principal è Cliquez sur le stylo « haut de page » Le mode de fonctionnement est identique à celui d’une page. Des blocs des modules que vous pouvez librement déplacer, modifier, supprimer, ajouter. Particularités : - Vos modifications s’appliqueront automatiquement sur toutes les pages - Le module « Menu » permettra ensuite de relier toutes vos pages entre elles. è Supprimez tous les modules présents è Intégrez un bloc en cliquant sur la croix bleue. Choisissez le dernier à droite. è Validez è Intégrez votre logo è Modifiez les textes è Sauvegardez puis publiez votre travail
  • 22. Pikock Modifier un haut ou bas de page
  • 23. Pikock Maitrisez Pikock (1 heure) Créer une nouvelle page : (15 minutes) Modifier le Haut ou le bas de page (15 minutes) Adapter votre menu (15 minutes) Créer votre charte graphique (15 minutes)
  • 24. Pikock Finaliser votre site Pikock è Passez maintenant en mode « Menus » à partir du menu principal Vous avez créé une page en plus de celles proposées par Pikock. L’enjeu est maintenant de relier entre elles toutes vos pages afin de former un site web. è Cliquez sur le bouton bleu du stylo. Vous pouvez modifier l’intitulé de chacun des liens, ajouter un lien ou un menu déroulant. Vous pouvez modifier l’ordre des rubriques et décider de la position du menu sur les pages (centré, à gauche, …).
  • 25. Pikock Finaliser votre site Pikock è Cliquez sur « ajouter un lien » Une fenêtre va s’ouvrir dans laquelle vous allez indiquer le nom du lien et choisir l’emplacement du lien. Dans notre exemple : - Texte du lien : page test - Lien : page de test è Validez, votre lien est en place è Modifiez l’ordre des liens pour obtenir l’ordre suivant: - Accueil - Page de test - Projet - Contact è Centrez votre menu
  • 26. Pikock Maitrisez Pikock (1 heure) Créer une nouvelle page : (15 minutes) Modifier le Haut ou le bas de page (15 minutes) Adapter votre menu (15 minutes) Créer votre charte graphique (15 minutes)
  • 27. Pikock Le design de votre site Pikock è Passez en mode « Design » à partir du menu principal Vous allez pouvoir travailler l’esthétisme de votre site en utilisant nos environnement graphiques de référence et en ajustant les couleurs à vos besoins. Le mode « Perso » : permet de définir votre charte graphique et, pour le design « Bliss » d’ajuster l’image de fond. Deux choix sont possibles. La saisie du code informatique de vos couleurs ou l’utilisation des palettes conçues par nos designers. Le mode « Police » : permet de définir la police de votre site ainsi que les couleurs des titres et du texte Le mode « Design » permet de changer d’environnement graphique. è Créez votre environnement graphique è Changez de thème en utilisant le thème « Bacana » è Adapter vos couleurs en utilisant les codes suivant : 706CEB – E3E1EB – 3E13EB – 0C0C0D – 1313E8 è Validez
  • 28. Pikock Le design de votre site Pikock BRAVO Cet exercice est terminé, vous avez découvert l’essentiel des fonctionnalités de Pikock. La création d’un site n’est aujourd’hui plus une difficulté pour vous, l’enjeu est d’utiliser votre site internet comme un outil de marketing et de business. Il vous faut : - des contenus riches (images – textes – vidéos), - l’animer régulièrement, - respecter les règles du référencement naturel. Pour vous aider, vous avez accès au support Pikock accessible directement depuis votre back office. Le support vous permettra de bénéficier d’outils très opérationnels pour construire un site efficace: - Blog Pikock et nos conseils en référencement naturel - Guides Pikock et nos conseils sur la construction et l’animation d’un site - Modes opératoires : Pour approfondir votre connaissance de Pikock. Votre site Pikock est accessible de plusieurs manières, revenez souvent nous voir et n’hésitez pas à utiliser le « Live chat » en cas de besoin spécifique: Pour accéder de nouveau à votre site - http://www.pikock.com rubrique « se connecter » OU - http://nomdevotresite.pikock.me/admin MERCI pour votre CONFIANCE
  • 29. Pikock Synthèse EXEMPLES DE SITES CREES PAR NOS CLIENTS Commerce Machines et moteurs Batiment Béton de Clara Tourisme Escleriade Services Pressing BALEO BtoB Semenia Art Starter Gallery Ecole E.S.T Banque Hipay Vente en ligne Barnstormer Sport Athletisme Pontcharra Faîtes comme eux, osez publiez sur internet