SlideShare une entreprise Scribd logo
1  sur  17
#GOOGLE SITES

Site :http://abidjan.gtugs.org/
G+ :gplus.to/abidjangtug
Mail:gtug-abidjan@googlegroups.com
Sources: http://wiki.perseide.fr
SOMMAIRE
•   I /GOOGLE SITES KESAKO ?
•   II/CRÉER UN GOOGLE SITES ?
•   III/MISE EN PAGE DU SITE
•   IV/COULEURS ET POLICES
•   V/MODIFIER LA PAGE D’ACCUEIL
•   VI/CRÉATION DE PAGES
•   VII/MODIFICATION DE LA BARRE LATÉRALES
•   VIII/INSÉRER UNE LISTE DES SOUS-PAGES
•   QUESTIONS
I/GOOGLE SITES KESAKO ?
• Google Sites, un nouveau service de la suite Google Apps,
  permet la création d'espaces collaboratifs en un clic. Google
  Sites vous permet d'organiser et partager des informations de
  toute nature (texte, tableur, présentation, images, vidéos,
  liens, etc.). Vous êtes libres de partager avec les personnes de
  votre choix, l'ensemble de votre entreprise ou le monde
  entier !
• Le site que vous êtes en train de consulter a été réalisé avec
  Google Sites.
II/CRÉER UN GOOGLE SITES
III/MISE EN PAGE DU SITE
• Vous allez fixer la largeur de votre site à 955 pixels pour qu'il
  soit toujours affiché de la même manière quel que soit le type
  d'écran utilisé. Vous éviterez ainsi que votre site soit
  complètement "cassé" sur un écran haute résolution. Cliquez
  sur les menus Mise en page du site et Modifier la mise en
  page du site de l'interface de gestion (administration) du site.
  Renseignez les valeurs suivantes Largeur du site 955px,
  Hauteur de l'en-tête 160 pixels (l'image de notre exemple fait
  159 pixels de hauteur), laisser la valeur par défaut de la Barre
  latérale à 150 pixels, cliquez sur   OK...
APERCU
IV/COULEURS ET POLICES
• Une fois la largeur de votre site ajustée, vous allez
  importer l'image d'en-tête de votre site (dans notre
  exemple l'image fait 955 pixels de largeur et 159
  pixels de hauteur). Cliquez sur le menu Couleurs et
  polices, dans le menu déroulant choisissez l'option
  En-tête de site > image d'arrière plan des en-têtes de
  sites... Cliquez sur le bouton Choisissez un fichier
  pour ouvrir la boite de dialogue et choisir l'image se
  trouvant sur votre ordinateur...
APERCU
V/MODIFIER LA PAGE D’ACCUEIL

• Une fois en mode modification, sélectionnez
  le menu Mise en page pour choisir un des
  modèles proposés par Google Sites, choisissez
  le modèle Barre latérale gauche (ce modèle
  permet d'avoir 4 zones distinctes nécessaires
  pour la suite de notre exemple
APERCU
VI/CRÉATION DE PAGES
• Cliquez sur le bouton Créer page...
VII/MODIFIER LA BARRE LATÉRALE
1)PERSONNALISER LE FOOTER
2) AJOUTER UN GADGET
QUESTION
• Google Site qu’est ce c’est ?
• Comment créer un compte Google ?
• Google Site est-il payant ?
• A ton besoin de connaître un language de
  Programmation , pour utiliser Google Site ?
• Quand vous allez créer votre site avec Google
  Site ?
Google site

Contenu connexe

En vedette

Notre offre d'articles logotés 2014
Notre offre d'articles logotés 2014Notre offre d'articles logotés 2014
Notre offre d'articles logotés 2014Renaud Carles
 
Insecurite 090416061237-phpapp02
Insecurite 090416061237-phpapp02Insecurite 090416061237-phpapp02
Insecurite 090416061237-phpapp02AGELLID Bucama
 
La educación en centro américa
La educación en centro américaLa educación en centro américa
La educación en centro américaAdalberto
 
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidad
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidadSemana movilización en Ginebra contra violaciones DDHH empresas y su impunidad
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidadCrónicas del despojo
 
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013Market iT
 
Clase del martes 8 de abril de 2014
Clase del martes 8 de abril de 2014Clase del martes 8 de abril de 2014
Clase del martes 8 de abril de 2014Gonzalo Jiménez
 
Artes gráficas xilografía
Artes gráficas  xilografíaArtes gráficas  xilografía
Artes gráficas xilografíaMariajoacosta
 
Diapo typographie fini
Diapo typographie finiDiapo typographie fini
Diapo typographie finivtypo
 
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13Schiltz baudelet v.chemin personnel foi en dieu 09 05 13
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13Luxemburger Wort
 
Sublimissime
SublimissimeSublimissime
Sublimissimeetoila
 
Servicios De Internet
Servicios De InternetServicios De Internet
Servicios De Internetguestc13e51c
 
Julio Actividad Integradora 6ª
Julio Actividad Integradora 6ªJulio Actividad Integradora 6ª
Julio Actividad Integradora 6ªAdalberto
 
Docencia 4 Trabajo De MediacióN PedagóGica.
Docencia 4 Trabajo De MediacióN PedagóGica.Docencia 4 Trabajo De MediacióN PedagóGica.
Docencia 4 Trabajo De MediacióN PedagóGica.Adalberto
 

En vedette (20)

Qué Es Html
Qué Es HtmlQué Es Html
Qué Es Html
 
Borrador del anteproyecto
Borrador del anteproyectoBorrador del anteproyecto
Borrador del anteproyecto
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Notre offre d'articles logotés 2014
Notre offre d'articles logotés 2014Notre offre d'articles logotés 2014
Notre offre d'articles logotés 2014
 
Chikungunyadanslemonde
ChikungunyadanslemondeChikungunyadanslemonde
Chikungunyadanslemonde
 
Insecurite 090416061237-phpapp02
Insecurite 090416061237-phpapp02Insecurite 090416061237-phpapp02
Insecurite 090416061237-phpapp02
 
La educación en centro américa
La educación en centro américaLa educación en centro américa
La educación en centro américa
 
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidad
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidadSemana movilización en Ginebra contra violaciones DDHH empresas y su impunidad
Semana movilización en Ginebra contra violaciones DDHH empresas y su impunidad
 
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013
Social Vigilance : Pharmacovigilance & Réseaux Sociaux 06 12-2013
 
Clase del martes 8 de abril de 2014
Clase del martes 8 de abril de 2014Clase del martes 8 de abril de 2014
Clase del martes 8 de abril de 2014
 
Etude credoc-2009-111209
Etude credoc-2009-111209Etude credoc-2009-111209
Etude credoc-2009-111209
 
274642 patagon
274642 patagon274642 patagon
274642 patagon
 
Artes gráficas xilografía
Artes gráficas  xilografíaArtes gráficas  xilografía
Artes gráficas xilografía
 
Diapo typographie fini
Diapo typographie finiDiapo typographie fini
Diapo typographie fini
 
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13Schiltz baudelet v.chemin personnel foi en dieu 09 05 13
Schiltz baudelet v.chemin personnel foi en dieu 09 05 13
 
Sublimissime
SublimissimeSublimissime
Sublimissime
 
Servicios De Internet
Servicios De InternetServicios De Internet
Servicios De Internet
 
Julio Actividad Integradora 6ª
Julio Actividad Integradora 6ªJulio Actividad Integradora 6ª
Julio Actividad Integradora 6ª
 
15 De Marzo
15 De Marzo15 De Marzo
15 De Marzo
 
Docencia 4 Trabajo De MediacióN PedagóGica.
Docencia 4 Trabajo De MediacióN PedagóGica.Docencia 4 Trabajo De MediacióN PedagóGica.
Docencia 4 Trabajo De MediacióN PedagóGica.
 

Similaire à Google site

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 JimdoCédric Lourdes
 
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracCréation d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracPays de Bergerac
 
Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandOT Bocage Normand
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Aline INIZAN PAYEN
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoKate De Gourdon
 
Atelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec WixAtelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec WixSud Vendée Tourisme
 
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...Olivier Andrieu
 
Atelier numérique Créer son site Wix
Atelier numérique Créer son site WixAtelier numérique Créer son site Wix
Atelier numérique Créer son site WixSud Vendée Tourisme
 
Webinar la poste design
Webinar la poste designWebinar la poste design
Webinar la poste designBoxecommerce
 
Créer son site internet novembre2014
Créer son site internet   novembre2014Créer son site internet   novembre2014
Créer son site internet novembre2014Cédric Lourdes
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans codeSamuel Lévesque
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...Samuel Lévesque
 
Guide ecommerce amen et epages
Guide ecommerce amen et epagesGuide ecommerce amen et epages
Guide ecommerce amen et epagesAmen.fr
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Kate De Gourdon
 
Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !Xavier LAIR
 
Aide dans vos choix par rapport à la conception de site web
Aide dans vos choix par rapport à la conception de site webAide dans vos choix par rapport à la conception de site web
Aide dans vos choix par rapport à la conception de site webAlliance Bambou Inc
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sitesBruno PICHON
 

Similaire à Google site (20)

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
 
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de BergeracCréation d’un site internet _ Ateliers numériques en Pays de Bergerac
Création d’un site internet _ Ateliers numériques en Pays de Bergerac
 
Atelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage NormandAtelier créer son site avec jimdo Bocage Normand
Atelier créer son site avec jimdo Bocage Normand
 
Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même" Présentation "Créer son site soi-même"
Présentation "Créer son site soi-même"
 
Jimdo Tutoriel
Jimdo TutorielJimdo Tutoriel
Jimdo Tutoriel
 
Pays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier JimdoPays de Gourdon : Atelier Jimdo
Pays de Gourdon : Atelier Jimdo
 
Atelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec WixAtelier numérique : Créer son site web avec Wix
Atelier numérique : Créer son site web avec Wix
 
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
1&1, e-Monsite, Jimdo, Wix, … Les platesformes clés-en-main permettent-elles ...
 
Atelier numérique Créer son site Wix
Atelier numérique Créer son site WixAtelier numérique Créer son site Wix
Atelier numérique Créer son site Wix
 
Webinar la poste design
Webinar la poste designWebinar la poste design
Webinar la poste design
 
2014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 20152014 12 11 Jimdo Tutoriel 2015
2014 12 11 Jimdo Tutoriel 2015
 
Que l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vousQue l'esprit de la bidouille soit avec vous
Que l'esprit de la bidouille soit avec vous
 
Créer son site internet novembre2014
Créer son site internet   novembre2014Créer son site internet   novembre2014
Créer son site internet novembre2014
 
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
Grics   2017 - construisez votre intranet avec microsoft office 365 sans codeGrics   2017 - construisez votre intranet avec microsoft office 365 sans code
Grics 2017 - construisez votre intranet avec microsoft office 365 sans code
 
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
Construisez votre intranet avec microsoft office 365 sans code   a os canadia...Construisez votre intranet avec microsoft office 365 sans code   a os canadia...
Construisez votre intranet avec microsoft office 365 sans code a os canadia...
 
Guide ecommerce amen et epages
Guide ecommerce amen et epagesGuide ecommerce amen et epages
Guide ecommerce amen et epages
 
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
Animation Numérique de Territoire "Atelier Création d'un Site avec Jimdo / Ve...
 
Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !Jimdo - Créer un site Web facilement !
Jimdo - Créer un site Web facilement !
 
Aide dans vos choix par rapport à la conception de site web
Aide dans vos choix par rapport à la conception de site webAide dans vos choix par rapport à la conception de site web
Aide dans vos choix par rapport à la conception de site web
 
Tutoriel google sites
Tutoriel google sitesTutoriel google sites
Tutoriel google sites
 

Plus de Bacely YoroBi

'Black is king' Beyonce
'Black is king' Beyonce'Black is king' Beyonce
'Black is king' BeyonceBacely YoroBi
 
10 Things you can do right for Inclusive Leadership
10 Things you can do right for Inclusive Leadership10 Things you can do right for Inclusive Leadership
10 Things you can do right for Inclusive LeadershipBacely YoroBi
 
web2days - Thesiliconbrics
web2days - Thesiliconbrics web2days - Thesiliconbrics
web2days - Thesiliconbrics Bacely YoroBi
 
Mozilla en Afrique : Mythe ou Réalité
Mozilla en Afrique : Mythe ou Réalité Mozilla en Afrique : Mythe ou Réalité
Mozilla en Afrique : Mythe ou Réalité Bacely YoroBi
 
TechEcosytem Ivorien
TechEcosytem IvorienTechEcosytem Ivorien
TechEcosytem IvorienBacely YoroBi
 
Wepioneer II - Crowd campaign from SocialSpot
Wepioneer II - Crowd campaign from SocialSpotWepioneer II - Crowd campaign from SocialSpot
Wepioneer II - Crowd campaign from SocialSpotBacely YoroBi
 
Wepioneer - Crowd campaign from SocialSpot
Wepioneer - Crowd campaign from SocialSpotWepioneer - Crowd campaign from SocialSpot
Wepioneer - Crowd campaign from SocialSpotBacely YoroBi
 
Le Gène de l'Entrepreneur - Resume Partie 2
Le Gène de l'Entrepreneur - Resume Partie 2Le Gène de l'Entrepreneur - Resume Partie 2
Le Gène de l'Entrepreneur - Resume Partie 2Bacely YoroBi
 
Wikimedia en côte d’ivoire
Wikimedia  en côte d’ivoireWikimedia  en côte d’ivoire
Wikimedia en côte d’ivoireBacely YoroBi
 
TECHCAMP MALI - ITC For Community Developement (Prez)
TECHCAMP MALI - ITC For Community Developement (Prez)TECHCAMP MALI - ITC For Community Developement (Prez)
TECHCAMP MALI - ITC For Community Developement (Prez)Bacely YoroBi
 
MozFest : Web Content in Africa with Offline
MozFest : Web Content in Africa with OfflineMozFest : Web Content in Africa with Offline
MozFest : Web Content in Africa with OfflineBacely YoroBi
 
Connectic Episode 8 - L'Avenir de l'Afrique avec le Mobile
Connectic Episode 8 - L'Avenir de l'Afrique avec le MobileConnectic Episode 8 - L'Avenir de l'Afrique avec le Mobile
Connectic Episode 8 - L'Avenir de l'Afrique avec le MobileBacely YoroBi
 
Présentation Israel yoroba x Regis Bamba #connectic
Présentation Israel yoroba x Regis Bamba #connectic Présentation Israel yoroba x Regis Bamba #connectic
Présentation Israel yoroba x Regis Bamba #connectic Bacely YoroBi
 
Oracle Developer adf
Oracle Developer adfOracle Developer adf
Oracle Developer adfBacely YoroBi
 
Presentation abidjan jug (1)
Presentation abidjan jug (1)Presentation abidjan jug (1)
Presentation abidjan jug (1)Bacely YoroBi
 

Plus de Bacely YoroBi (20)

'Black is king' Beyonce
'Black is king' Beyonce'Black is king' Beyonce
'Black is king' Beyonce
 
10 Things you can do right for Inclusive Leadership
10 Things you can do right for Inclusive Leadership10 Things you can do right for Inclusive Leadership
10 Things you can do right for Inclusive Leadership
 
Portfolio by Bacely
Portfolio by BacelyPortfolio by Bacely
Portfolio by Bacely
 
web2days - Thesiliconbrics
web2days - Thesiliconbrics web2days - Thesiliconbrics
web2days - Thesiliconbrics
 
Mozilla en Afrique : Mythe ou Réalité
Mozilla en Afrique : Mythe ou Réalité Mozilla en Afrique : Mythe ou Réalité
Mozilla en Afrique : Mythe ou Réalité
 
TechEcosytem Ivorien
TechEcosytem IvorienTechEcosytem Ivorien
TechEcosytem Ivorien
 
Wepioneer II - Crowd campaign from SocialSpot
Wepioneer II - Crowd campaign from SocialSpotWepioneer II - Crowd campaign from SocialSpot
Wepioneer II - Crowd campaign from SocialSpot
 
Wepioneer - Crowd campaign from SocialSpot
Wepioneer - Crowd campaign from SocialSpotWepioneer - Crowd campaign from SocialSpot
Wepioneer - Crowd campaign from SocialSpot
 
Marketing 3.0
Marketing 3.0 Marketing 3.0
Marketing 3.0
 
Le Gène de l'Entrepreneur - Resume Partie 2
Le Gène de l'Entrepreneur - Resume Partie 2Le Gène de l'Entrepreneur - Resume Partie 2
Le Gène de l'Entrepreneur - Resume Partie 2
 
Socialacademy
SocialacademySocialacademy
Socialacademy
 
Connectic USA
Connectic USAConnectic USA
Connectic USA
 
Wikimedia en côte d’ivoire
Wikimedia  en côte d’ivoireWikimedia  en côte d’ivoire
Wikimedia en côte d’ivoire
 
TECHCAMP MALI - ITC For Community Developement (Prez)
TECHCAMP MALI - ITC For Community Developement (Prez)TECHCAMP MALI - ITC For Community Developement (Prez)
TECHCAMP MALI - ITC For Community Developement (Prez)
 
Dzwebdays gamecamp
Dzwebdays gamecampDzwebdays gamecamp
Dzwebdays gamecamp
 
MozFest : Web Content in Africa with Offline
MozFest : Web Content in Africa with OfflineMozFest : Web Content in Africa with Offline
MozFest : Web Content in Africa with Offline
 
Connectic Episode 8 - L'Avenir de l'Afrique avec le Mobile
Connectic Episode 8 - L'Avenir de l'Afrique avec le MobileConnectic Episode 8 - L'Avenir de l'Afrique avec le Mobile
Connectic Episode 8 - L'Avenir de l'Afrique avec le Mobile
 
Présentation Israel yoroba x Regis Bamba #connectic
Présentation Israel yoroba x Regis Bamba #connectic Présentation Israel yoroba x Regis Bamba #connectic
Présentation Israel yoroba x Regis Bamba #connectic
 
Oracle Developer adf
Oracle Developer adfOracle Developer adf
Oracle Developer adf
 
Presentation abidjan jug (1)
Presentation abidjan jug (1)Presentation abidjan jug (1)
Presentation abidjan jug (1)
 

Google site

  • 1. #GOOGLE SITES Site :http://abidjan.gtugs.org/ G+ :gplus.to/abidjangtug Mail:gtug-abidjan@googlegroups.com Sources: http://wiki.perseide.fr
  • 2.
  • 3. SOMMAIRE • I /GOOGLE SITES KESAKO ? • II/CRÉER UN GOOGLE SITES ? • III/MISE EN PAGE DU SITE • IV/COULEURS ET POLICES • V/MODIFIER LA PAGE D’ACCUEIL • VI/CRÉATION DE PAGES • VII/MODIFICATION DE LA BARRE LATÉRALES • VIII/INSÉRER UNE LISTE DES SOUS-PAGES • QUESTIONS
  • 4. I/GOOGLE SITES KESAKO ? • Google Sites, un nouveau service de la suite Google Apps, permet la création d'espaces collaboratifs en un clic. Google Sites vous permet d'organiser et partager des informations de toute nature (texte, tableur, présentation, images, vidéos, liens, etc.). Vous êtes libres de partager avec les personnes de votre choix, l'ensemble de votre entreprise ou le monde entier ! • Le site que vous êtes en train de consulter a été réalisé avec Google Sites.
  • 6. III/MISE EN PAGE DU SITE • Vous allez fixer la largeur de votre site à 955 pixels pour qu'il soit toujours affiché de la même manière quel que soit le type d'écran utilisé. Vous éviterez ainsi que votre site soit complètement "cassé" sur un écran haute résolution. Cliquez sur les menus Mise en page du site et Modifier la mise en page du site de l'interface de gestion (administration) du site. Renseignez les valeurs suivantes Largeur du site 955px, Hauteur de l'en-tête 160 pixels (l'image de notre exemple fait 159 pixels de hauteur), laisser la valeur par défaut de la Barre latérale à 150 pixels, cliquez sur OK...
  • 8. IV/COULEURS ET POLICES • Une fois la largeur de votre site ajustée, vous allez importer l'image d'en-tête de votre site (dans notre exemple l'image fait 955 pixels de largeur et 159 pixels de hauteur). Cliquez sur le menu Couleurs et polices, dans le menu déroulant choisissez l'option En-tête de site > image d'arrière plan des en-têtes de sites... Cliquez sur le bouton Choisissez un fichier pour ouvrir la boite de dialogue et choisir l'image se trouvant sur votre ordinateur...
  • 10. V/MODIFIER LA PAGE D’ACCUEIL • Une fois en mode modification, sélectionnez le menu Mise en page pour choisir un des modèles proposés par Google Sites, choisissez le modèle Barre latérale gauche (ce modèle permet d'avoir 4 zones distinctes nécessaires pour la suite de notre exemple
  • 12. VI/CRÉATION DE PAGES • Cliquez sur le bouton Créer page...
  • 15. 2) AJOUTER UN GADGET
  • 16. QUESTION • Google Site qu’est ce c’est ? • Comment créer un compte Google ? • Google Site est-il payant ? • A ton besoin de connaître un language de Programmation , pour utiliser Google Site ? • Quand vous allez créer votre site avec Google Site ?