Transcription
1. Introduction aux sites Google: Google Sites
vous permet de créer rapidement et facilement des sites Web basés sur Google Suite où vous pouvez intégrer
différents composants. m'appelle Lawrence
et je vais être votre instructeur pour ce cours. Je viens vous voir de nombreuses années d'expérience en développement
Web. Je suis un expert Google Developer
Expert et j'aime vraiment travailler avec les sites de l'
espace de travail Google qui nous offre une excellente occasion de créer du contenu
interactif et de créer une URL Web que nous pouvons
partager avec d'autres personnes. Vous pouvez créer un site Google
en moins de cinq minutes et personnaliser le contenu,
personnaliser les images, les composants, l'
ajout de votre contenu Google, l'
ajout de pages supplémentaires et la personnalisation de la façon dont votre page Web va faire. se comporter sont
entièrement réactifs. Ils peuvent passer sur des
ordinateurs de bureau et des tablettes mobiles avec Google Sites vous offre un éditeur entièrement interactif
que vous pouvez sélectionner. Insérez divers composants, tels que la zone de texte, les images, l'incorporer, sélectionner du contenu de votre lecteur, et plus encore que vous pouvez sélectionner, insérez-le dans la
page au besoin. affichant le contenu de
votre Google Drive, vous pouvez choisir parmi
différentes mises en page prédéfinies, ainsi que personnaliser des composants, tels qu'une
table des matières réduite, carrousel
d'images, qui fournissent
plus d'informations interaction pour les utilisateurs. Vous pouvez également ajouter des vidéos
YouTube, votre calendrier, des
cartes, des documents, des diapositives, des
feuilles, des formulaires et des graphiques. Il existe différents thèmes
à choisir, qui changeront
l'apparence et la convivialité, ainsi que les couleurs
de votre page Web. Vous pouvez modifier les images
depuis votre page Web. Vous pouvez sélectionner les
différents en-têtes, différents types d'en-têtes et mettre facilement à jour
votre site Web si vous souhaitez d'autres pages
pour votre site Web. C'est également facile à faire, où vous pouvez sélectionner et créer une autre page Web
pour votre site Web, c'
est-à-dire en cliquant sur un bouton. Et ensuite, cette page Web
peut bien sûr être personnalisée comme
les autres pages. Vous pouvez naviguer
entre les pages. Il existe également une zone d'aperçu
rapide où vous pouvez voir la page Web, à
quoi elle ressemblera. Vous pouvez ainsi avoir une
meilleure idée de ce que cela va faire, de ce que
cela va ressentir et de ce les
spectateurs vont voir sur votre site Web. Il existe différentes vues
réactives de votre site Web dans
la section d'aperçu. Une fois que vous êtes
prêt à publier, il suffit d'un clic sur le bouton. Cela vous permettra de
publier le site Web sur une URL personnalisée que vous pourrez ensuite partager avec d'autres personnes afin qu'
ils puissent consulter le contenu de votre
Google Sites. Vous pouvez également sélectionner qui peut
afficher votre contenu, le personnaliser, ajouter dans un domaine personnalisé et définir les paramètres de recherche nécessaires pour les
utilisateurs de la page. Donc,
tout cela et bien plus encore seront abordés dans les
prochaines leçons. Commençons. Vous devez disposer
d'un compte
Google pour accéder
aux sites Google.
2. 1 Créer votre page de site: Cette leçon, je vais vous montrer
comment créer ce site Web à partir de zéro quelques
minutes et le faire vivre avec une URL Web que vous
pouvez partager avec d'autres personnes. Il s'agit donc d'un site
Web entièrement fonctionnel qui sera en ligne sur lequel
d'autres personnes pourront accéder. Ils peuvent afficher votre
contenu et, bien sûr, vous pouvez personnaliser le
contenu selon vos besoins,
modifier les paramètres d'affichage
et mettre à jour le texte, voire ajouter des
pages supplémentaires au besoin. Tout cela provient donc d'un modèle par défaut sur lequel
nous allons cliquer. Créez le site Web. Et je vais vous montrer comment le
faire en moins de cinq minutes. Allez-y et connectez-vous à votre compte
Google, puis rendez-vous sur
sites.google.com. C'est ici que vous pouvez créer un tout nouveau site sur
la plateforme Google Sites. Aussi longtemps que vous avez
un compte Google, vous pouvez créer des sites. Et c'est également si vous
utilisez un compte d'organisation, l'administrateur
doit activer les sites. Donc, si vous utilisez un compte d'
organisation pour lui, si vous vous connectez mais que vous obtenez un type
d'erreur ou si vous ne
pouvez pas voir les vues de la même manière que nous le
regardons en ce moment. Cela signifie que
l'administrateur de votre organisation
a peut-être bloqué l'
option de site dans les comptes. Donc, si vous pouvez accéder à sites.google.com et
voir le contenu du site. Tout comme moi. C'est ici que vous pouvez commencer à
créer votre site vide. En haut, vous avez la possibilité créer un tout nouveau
site, juste un site vide. Vous pouvez également choisir parmi les différents portefeuilles
disponibles. Vous pouvez cliquer sur la galerie
de
modèles, ce qui
vous donnera un aperçu
des sites disponibles que
vous pouvez sélectionner et créer. Il s'agit donc d'un moyen rapide et
facile de créer un site Web à l'aide de
l'un des modèles prédéfinis. Par exemple, si vous organisez une fête de vacances que
vous planifiez,
vous pouvez sélectionner le modèle de fête des
fêtes de fin d'année. Et cela
ouvrira l'éditeur des sites. Et à partir de là, vous pouvez
créer votre propre version de ce modèle afin de pouvoir mettre à jour les différents éléments de la
page. Vous pouvez les déplacer, vous pouvez les redimensionner. Et je vais vous en montrer
un peu
plus tard dans les cours. Peut également personnaliser, modifier
les images et mettre à jour et personnaliser la page du site en
fonction de vos besoins. Ensuite, une fois que vous avez
effectué toutes les modifications, vous avez mis à jour toutes les
pages du site, puis vous êtes prêt
à les publier. Sélection de publier. Vous pouvez disposer d'une adresse
Web personnalisée sur laquelle publier. Vous avez également la possibilité
de définir un domaine personnalisé. Il s'agit donc d'une option
que vous pouvez sélectionner. Et si vous
avez déjà enregistré un domaine, vous pouvez le
publier sur le domaine. Et je vais appeler ça le test des fêtes. Et il me fournit l'URL où mon site Web sera disponible. Et juste en dessous, vous pouvez choisir qui
peut consulter votre site. Donc, en ce moment, j'ai quelqu'un
qui peut voir le site Web. Ainsi, toute personne qui vient
à cette adresse Web pourra voir le
site Web comme un test de vacances. Donc sites.google.com, test de vacances
slash forward slash. Je peux également modifier cela
afin que je puisse personnaliser qui peut le voir à
partir de comptes partagés. Et je peux également modifier
les liens. Je peux donc le restreindre
uniquement aux utilisateurs auxquels je donne accès ou je peux conserver en tant que public,
ce qui est la valeur par défaut. Et cela permet à toute personne disposant de l'
URL Web de voir la page. Il existe également une autre option qui indique les paramètres de recherche. Il s'agit donc d'une recherche, afin que les moteurs de recherche
puissent afficher votre site Web. Et si vous cochez cette case, cela demandera que les moteurs de recherche
publics n'affichent pas cette page Google Sites
particulière. Il s'agit d'une option
. Par défaut, ils afficheront le discours et indexeront la page. Mais si vous ne voulez pas qu'
ils l'indexent, vous pouvez toujours demander qu' il n'
apparaisse pas dans la recherche. Ainsi, une fois que vous avez défini
votre adresse Web, vous avez personnalisé
qui peut la voir, et que vous avez défini vos paramètres de
recherche, vous pouvez cliquer sur Publier, ce qui va publier
le site Web sur l'URL. Et une fois qu'il est publié,
vous pouvez sélectionner des boutons en haut où vous pouvez sélectionner un aperçu du site Web. Et cela va le
lancer dans l'aperçu du site Web. Vous pouvez également copier le lien du site
publié, et ce sera le flic, ce
sera le lien du site que vous pourrez partager avec d'autres personnes. Vous avez également la possibilité
de le partager avec d'autres personnes. Vous pouvez donc envoyer des messages à des utilisateurs et faire en sorte que d'autres personnes
puissent modifier, mettre à jour le site que vous
venez de créer également. Et si vous souhaitez voir
la vue du site publié, vous pouvez accéder à la section Publier. Il y a une icône sur
le côté droit, et vous pouvez sélectionner l'
affichage du site publié. Et cela vous permettra de voir le site Web publié en direct à l'URL que vous
partageriez avec d'autres personnes. Et c'est aussi simple que cela de
commencer et de créer une page Google Sites à
l'aide des modèles à venir. Ensuite, je vais vous montrer
comment vous pouvez le faire et le personnaliser à l'aide d'un modèle vierge et d'un thème vierge pour créer votre
propre site Web à partir de zéro.
3. 2 Créer une page de sites à partir de zéro: Donc, cette leçon, nous
allons
commencer par une page blanche. Et je vais
vous montrer comment créer un
simple site Web de deux pages en utilisant
Google Sites. Nous allons donc
créer un logo et ensuite donner un nom
au site. Nous allons également
définir deux pages, donc une page d'accueil, une deuxième page. La page d'accueil va
avoir cette fenêtre contextuelle, qui aura un clic sur
un bouton et un message. Vous pouvez également, chaque fois que
vous
prévisualisez, les différentes tailles
réactives. C'est pour les téléphones portables, les tablettes et
les grands écrans. Vous pouvez donc voir à quoi
ressemblera votre
site Web sur tous les écrans de tailles
différentes. Entièrement réactif. Et c'est vraiment ce qui est
intéressant avec Google Sites, c'
est qu'il est vraiment facile d'
ajouter des pages supplémentaires. Et puis ils
sortent tous
bien dans le menu, ainsi que leurs sites web
réactifs. Commençons donc. Dans la
leçon précédente, nous vous avons montré quel point il est facile de
commencer à utiliser des sites en sélectionnant un modèle dans la galerie
de modèles. Cette leçon, nous allons
découvrir comment créer un site vide. Vous pouvez donc également utiliser
les modèles comme point
de départ par défaut, puis mettre à jour les modèles de la même
manière que nous allons mettre à jour la page blanche. Et c'est peut-être un
moyen plus rapide
d'obtenir ce que vous
recherchez s'il existe déjà
dans les modèles. Allons de l'avant
et sélectionnons vierge. Nous allons sur
sites.google.com, en choisissant de créer
un site vide. Et cela va
créer un nouveau site vierge sans contenu pour l'instant. Et puis la première chose
à faire est de donner un titre
au document du site. Et je vais juste
appeler ça le site de test. Et automatiquement une fois
que vous avez ajouté un titre, il va ajouter un titre en haut
à gauche. Et cela vous donne également la
possibilité d'ajouter un logo. Par conséquent, si vous avez un logo que
vous souhaitez utiliser pour votre site Web, vous pouvez l'ajouter ici, en sélectionnant parmi les téléchargements. Par conséquent, si vous
l'avez sur votre ordinateur ou si vous l'avez déjà
téléchargé, vous pouvez utiliser Sélectionner, ce qui
vous permettra de sélectionner images que vous avez peut-être déjà
sur votre Google Drive. Vous pouvez également effectuer une recherche par URL, effectuer une recherche d'images à
l'aide des images Google. Vous pouvez également choisir parmi
les photos existantes que vous avez peut-être déjà sur Google
dans votre compte Google. Je vais donc sélectionner une
image de mon Google Drive. Je vais sélectionner une
image de mon Google Drive. Et en utilisant le logo JavaScript, je vais l'insérer. Et cela va l'ajouter en
tant que logo pour ma page Web. Dans les paramètres,
nous pouvons également ajouter du texte alternatif. Ainsi, en ajoutant un
texte alternatif pour votre logo, il sélectionnera la couleur du logo
comme couleur pour votre thème. Je vais donc choisir cela comme
couleur
de thème pour qu' il
corresponde au logo, sorte qu'il le
configure automatiquement. Il existe également une option
pour une escroquerie Pfaff. Il s'agit donc de l'icône que vous allez afficher
dans les pages Web. En haut à gauche lorsque l'utilisateur est ouvert
dans les onglets du navigateur. Encore une fois, ils sont facultatifs. Vous n'avez pas besoin d'en avoir un. Mais si c'est le cas, c'est
ici que vous pouvez l'ajouter. également sélectionner la navigation sous les paramètres Vous pouvez également sélectionner la navigation sous les paramètres. Cela définira donc la façon dont vous souhaitez naviguer sur
votre page. Par défaut, il est défini en haut. Vous pouvez également le sélectionner pour
naviguer sur le site. Et cela inclura la
navigation sur le site Web, sur le côté du site Web. Il y a aussi les
différentes couleurs. Donc, pour l'instant, nous allons le
garder aussi transparent. Mais si vous souhaitez que votre
navigation soit visible, vous pouvez la configurer en arrière-plan noir ou arrière-plan blanc
pour la navigation. Et je vais m'installer en noir pour
que nous puissions voir
où il se trouve. Donc, encore une fois, il
est en haut de la page. Il y a également sous
les outils de visualisation. Il s'agit donc d'une
fonctionnalité de site Web qui affiche une icône d'information en bas à
gauche de votre site publié. Il montre donc les détails
spécifiques du pj. Ensuite, les spectateurs peuvent cliquer
dessus pour afficher du contenu supplémentaire. C'est donc facultatif. Il y a aussi
les liens d'ancrage, ils apparaissent sur le site. Les spectateurs survolent
les en-têtes de la page et permettent aux spectateurs de créer un lien vers les sections spécifiques
de la page. conséquent, par défaut, ces deux options sont activées et je vous
suggérerais les
garder activées, sauf si, pour une raison
quelconque, vous ne
voulez pas qu'ils apparaissent. Mais par défaut, ils sont
activés et ils constituent une bonne fonctionnalité de navigation lorsque les spectateurs arrivent
sur votre site Web. Il existe également une option
pour les domaines personnalisés. Cela signifie que
si vous possédez un domaine enregistré
tel que un domaine a.com, vous pouvez le configurer comme étant le domaine qui va pointer vers les sites Google. Et vous pouvez utiliser votre propre
domaine personnalisé pour les sites Google Il existe également une
option d'analyse. Par conséquent, Analytics, si vous possédez
un compte Google Analytics, vous pouvez activer
l'analyse. Cela vous permettra de suivre les analyses de la
page Web, du site Google. Il est donc très
facile d'intégrer votre identifiant de suivi
ou de mesure analytique. Ensuite, vous pouvez l'
activer une fois
que vous l'avez ajouté dans le champ de saisie. Il y a également une bannière d'
annonce. C'est donc notre bannière
qui sera affichée au-dessus de
votre contenu. Par défaut, il n'est pas activé. C'est donc si vous avez des annonces
spéciales ou un type d'
offre spéciale que vous souhaitez que les spectateurs
de votre site puissent voir. Pour cela, vous pouvez afficher la bannière et ensuite avoir le message. Donc, pour l'instant, nous n'aurons qu'
une bannière pour montrer la bannière. Ce sera un message de bienvenue. Et il y a un bouton. Ensuite, lorsque vous cliquez
sur le bouton, il s'ouvrira à n'importe quelle page Web que
nous voulons utiliser. Je vais donc le configurer pour qu'il soit lié
à mon site Web. Et nous pouvons avoir
la visibilité sur la page d'accueil uniquement
ou sur toutes les pages. Je vais juste le définir
uniquement pour la page d'accueil. Donc, une fois que j'ai terminé
les paramètres, et une fois que je suis
satisfait des paramètres, je peux le fermer. Et il y a la
bannière qui apparaît en haut avec le bouton Cliquez sur
moi, bienvenue. Et maintenant que j'
ai défini les paramètres, je peux cliquer sur Aperçu pour
voir à quoi ressemblera mon site Web. En bas à droite, je peux prévisualiser les
différentes tailles d'affichage. Donc, si je veux voir à
quoi
ressemblera le site Web sur le téléphone, je peux voir
à quoi il ressemblera sur une tablette, qui est légèrement
plus grande que le téléphone. Et puis à quoi cela ressemble
sur les grands écrans, nous pouvons quitter l'aperçu
à tout moment en le fermant. Dans la partie gauche, nous avons l'icône Informations. Et il donne des informations sur
lesquelles vous pouvez signaler abus ou vous pouvez accéder à la page d'accueil de
Google Sites. Et c'est cette icône d'information que nous avons activée
sur le site Web. C'est donc ce que vous pouvez
désactiver dans les paramètres que
nous avons examinés plus tôt. Il y a donc la bannière
ici sur la page principale. instant, il
n'y a qu'une seule page. Il y a donc juste la page d'accueil. Et si je clique dessus, il va rediriger
et s'ouvrir mon site Web comme nous l'avons
indiqué dans les paramètres. allons donc
fermer l'aperçu
et nous allons mélanger d'autres
mises à jour sur la page Web. Dans le côté droit, nous pouvons sélectionner les différents
thèmes disponibles. Et cela modifiera
le style ainsi que le jeu de couleurs du
site que vous utilisez. Ensuite, vous pouvez
les sélectionner et les personnaliser. Je vais vous montrer comment faire cela
dans les prochaines leçons. Également sous les pages, nous
n'avons que la page d'accueil
actuellement. Par conséquent, si vous souhaitez
ajouter une deuxième page, vous pouvez créer une nouvelle page. Cliquez sur l'icône de nouvelle page
en bas à droite. Vous pouvez également avoir une nouvelle section de
menu ou un nouveau lien. Nous allons juste
créer une deuxième page, et je l'appellerai deuxième. Il existe également une
option avancée ici où nous le voulons, si nous voulons définir un chemin personnalisé. Sinon, il va simplement utiliser le nom de la page pour le chemin d'accès. Nous allons donc le garder en deuxième position et appuyer
sur Terminé. Cela crée donc la deuxième
page de notre site Web. Et maintenant, si nous passons à l'aperçu, nous avons la navigation
sur le côté gauche, et les deux pages sont
automatiquement ajoutées au menu. La première page est
la seule avec la fenêtre contextuelle. Et les autres pages n'auront pas cela, car nous l'avons déjà défini
dans les paramètres. C'est ainsi que vous pouvez facilement ajouter des pages supplémentaires
à votre site Web. Et lorsque vous voulez les
mettre à jour, vous pouvez simplement
les sélectionner et les placer
automatiquement dans la zone d'affichage. Ensuite, vous pouvez les mettre à
jour au besoin. Et si vous
souhaitez modifier des paramètres du site, vous pouvez toujours cliquer sur l'
emplacement du logo. Vous pouvez également sélectionner dans les paramètres en
haut à droite, cela va ouvrir la fenêtre contextuelle des
paramètres. Et à partir de là, si
vous souhaitez remettre
la navigation en haut,
vous pouvez la définir de cette façon. Vous pouvez également mettre à jour la
couleur de la navigation, donc la définir sur transparente. Et une fois que vous êtes satisfait, vous
pouvez sortir et vérifier à quoi cela
ressemblera sur le site en direct.
4. 3 éléments de site: Nous allons donc
prendre un site vide, sélectionner un thème pour le site, vous
montrer
comment mettre à jour certaines couleurs
de style,
puis comment
insérer une zone de texte et
insérer des images, comment intégrer des
pages Web et du contenu Web. Ensuite, vous
pouvez également sélectionner du contenu qui se trouve sur votre
Google Drive et l'intégrer à votre page pour qu'il soit visible dans
le contenu de la page. est donc tout ça qui arrive. Dans la
leçon précédente, nous avons sélectionné sites.google.com
a créé un site vide. Cette leçon nous allons donc
effectuer d'autres personnalisations en utilisant l'
option Insérer sur le site. Nous avions déjà
créé deux pages, nous avons
donc une page d'accueil
et une deuxième page. Revenons donc à Insérer. Et à partir de là, vous pouvez insérer les différents éléments
sur la page. Par défaut, le modèle et le thème
auront déjà un style et certains
éléments existants. Vous avez donc la possibilité
de les sélectionner. Vous pouvez les modifier,
les supprimer,
les mettre à jour,
modifier le texte. Tout cela est donc disponible. Si vous choisissez de
modifier le texte, vous obtiendrez un éditeur de texte
wysiwyg, qui
vous permettra de personnaliser la police, la taille de
la police, les différents styles de
police, en gras. Il y a aussi l'alignement et il y a d'autres
options ici également. Si vous souhaitez mettre en retrait les textes, parcourez ou
effacez la mise en forme. Donc la couleur, si vous
vouliez changer la couleur de la ligne, ça va
être dans le thème. Et c'est parce que nous
utilisons le thème de l'impression. La sélection des différents
thèmes vous donnera donc la
possibilité de personnaliser l' apparence de
cet élément particulier. Revenons donc
aux thèmes, si vous souhaitez personnaliser la couleur de cette
partie du thème, cette ligne sera rouge. Vous pouvez donc choisir
qu'il soit jaune, vert, gris, noir ou jaune. Et vous pouvez également sélectionner
différentes couleurs. Tout cela est donc disponible
sous les thèmes. Pour revenir à l'insertion
dans la zone d'affichage principale, cette section est
complètement vide. Par conséquent, si vous souhaitez
insérer une zone de texte, vous pouvez cliquer sur Texte. Et ce que cela va faire, c'
est qu'il va insérer une zone de texte dans le prochain élément
disponible. Il s'agit donc d'empiler les éléments. Et si vous insérez un
autre qui sera inséré en dessous, une fois qu'il est inséré, vous avez possibilité de les déplacer. Par exemple, si vous voulez déplacer le second
au-dessus du premier, il
vous suffit de le faire glisser et de le déposer. Et c'est une belle interface
glisser-déposer. Vous pouvez donc personnaliser
l'emplacement du texte sur la page. Il est possible de sélectionner le texte qui va
ouvrir l'éditeur pour le texte. Vous pouvez donc personnaliser affichage
de
ce texte, la police, la taille, le style du texte. Vous avez également la possibilité
de sélectionner des couleurs. Dans le côté droit, vous allez avoir
un petit menu contextuel qui vous permettra de
sélectionner les couleurs. Vous permettant ainsi d'avoir les différents styles de
couleurs de thèmes pour les zones de texte. Ensuite, vous pouvez
les personnaliser selon vos besoins. Si vous trouvez que cette zone de texte
est un peu trop large, vous pouvez toujours la
réduire. Vous pouvez également déplacer d'autres zones de texte dans les zones
vides si nécessaire. Vous pouvez donc vraiment personnaliser la façon dont votre contenu sera affiché sur la page. La sélection des zones
de texte
vous donnera la possibilité de choisir les
thèmes et les couleurs. Donc, pour celui-ci, remettons le style au
style numéro 1. Et maintenant, ce style
va être le même pour
tous les deux. Vous pouvez toujours
faire glisser celui-ci vers l'extérieur, mettre à jour son style. Et dès que vous le faites glisser
dans l'élément principal, il prendra
le style
du premier élément
de cette ligne. Vous ne pouvez donc pas avoir
deux styles différents sur une seule ligne d'éléments. Si vous souhaitez insérer une
image, insérer une image, vous sélectionnez Insérer une image
où vous pouvez télécharger une image depuis votre ordinateur
ou vous pouvez sélectionner une image. La sélection de l'image
ouvrira votre Google Drive. Et je vais sélectionner l'
une des images que j'ai sur mon disque. Et vous avez toutes
les mêmes options
d'image pour sélectionner
les images. Vous pouvez également sélectionner sous Embed, ce qui vous permet
d'incorporer une URL sur la page. Donc, si vous avez une URL
que vous voulez utiliser, ce qu'elle va faire, elle
va intégrer l'URL Web. Il va vous donner
une page entière ou un aperçu. Et une fois que vous effectuez une insertion, il va insérer et intégrer la page entière dans le site Web. S'il y a des blocs que
vous souhaitez déplacer, vous pouvez toujours
les sélectionner et les déplacer. Vous disposez également
de toutes les options couleurs pour
les blocs de code. Vous pouvez également dupliquer les sections et les
supprimer. Cela va donc simplement
effacer la section. Ensuite, vous pouvez
recommencer si vous souhaitez les
insérer à partir de l'Insert, il y a aussi du lecteur. Vous pouvez donc sélectionner un document
à partir de votre lecteur. Par conséquent, si vous avez
des feuilles Google que vous souhaitez insérer, vous pouvez les sélectionner. Vous pouvez sélectionner plusieurs éléments. Vous pouvez également sélectionner
ceux qui ont été partagés. Donc, tout comme vous le feriez
dans votre Google Drive, le récent démarrage et les ordinateurs et partagés avec moi. Je vais donc simplement
sélectionner celui et insérer une feuille de calcul dans le dock. Et la façon dont elle
affichera la feuille de calcul. Il y aura donc toutes
les différentes feuilles sous forme d'
onglets en bas. Les utilisateurs qui arrivent sur votre site Web peuvent voir le contenu de la feuille. Prenons donc un aperçu rapide
et voyons à quoi cela ressemble. C'est donc sur la deuxième page, et c'est ainsi qu'un utilisateur
peut voir le contenu de la
feuille de calcul. Ils peuvent
cliquer sur les onglets situés en bas pour accéder
aux différentes feuilles. Si la feuille contient plus de contenu, vous pouvez faire défiler vers bas et obtenir le contenu de la feuille. Ils ont également la
possibilité de l'
ouvrir dans une toute nouvelle page. Donc, s'ils ne veulent pas le
considérer comme étant intégré à votre site, ils peuvent l'ouvrir sur une page distincte et voir
tout le contenu de la feuille. Et vous pouvez également appliquer
un peu de style et également
redimensionner le contenu de la feuille. Je vais donc
le déplacer ici. Je vais le réduire
pour qu'il corresponde à l'image. Et je vais agrandir l'
image un peu, annoncée en
avant-première et
voir à quoi cela
ressemblera sur la page. Il réalise donc un design entièrement
réactif avec le contenu de la feuille. Ainsi, même si nous le
réduisons au mobile, il redimensionnera naturellement le contenu de la feuille
visible dans la page Web,
essayant de s' en tenir
autant que ce que vous avez défini dans la fenêtre de
conception comme possible. Cette coque garde donc les deux colonnes et sur la tablette, mais pas
sur le téléphone portable. Et puis, sur le grand écran, voyons bien sûr l'
onglet des deux colonnes présentes. Allez-y et essayez-le. Il sélectionne du contenu de votre Google Drive
intégré à votre feuille, ajoute des images et met à jour le style de
certains thèmes, et il peut être prêt à
passer à la leçon suivante.
5. 4 conseils de mise en page: Nous allons donc examiner la mise en page et la façon dont nous
pouvons ajouter divers supports, y compris des vidéos YouTube,
du contenu de notre lecteur, des
images, des cartes facilement dans un composant
prédéfini prédéfini, ce qui va le faire.
il est facile d'ajouter ce contenu à notre page Web dans le format que nous voulons sous
les mises en page. Examinons les
mises disponibles sur
les sites. Encore une fois, pour se débarrasser de la bannière d'
annonce. Cela n'
apparaît donc pas dans le titre. Et sur le côté droit, sous l'onglet Insertion, vous avez une option
pour les mises en page afin que vous puissiez ouvrir et fermer le groupe de
mises en page. Et ce que font les mises en page, c'est
qu'elles nous permettent de
personnaliser rapidement certains adversaires que nous voulons sur notre site Web. Dans ce cas,
nous avons une image et du texte
à droite. Il prédéfinit donc à quoi ressemblera
cet élément
particulier. Et puis, à partir de là, je peux télécharger, je peux sélectionner une image. Je peux obtenir un calendrier YouTube ou une carte indiquant le nombre de choix des supports
insérés dans l'eau. Dans ce cas, je vais sélectionner
une image de mon disque. Donc, en allant au lecteur, il va ouvrir le
lecteur sur le côté droit. Et je vais simplement sélectionner une image récente, en sélectionnant une image que j'
ai actuellement sur mon disque. Ensuite, ajoutez-y du texte ,
puis il y a
quelques sous-textes ci-dessous. Vous pouvez donc le personnaliser
selon vos besoins. Et c'est ce que fait la mise en page, c'
est qu'elle vous offre un moyen
rapide de personnaliser. Donc, si vous avez quatre images, trois à deux,
petites, une grande. Donc, si vous souhaitez ce
type de mise en page ou différents types de supports
que vous ajoutez. Vous pouvez facilement le
sélectionner les mises en page
et l'ajouter dans. Allons de l'avant et
sélectionnons sur YouTube. Je n'ai aucun contenu
téléchargé sur mon compte YouTube, mais je peux rechercher des vidéos
qui se trouvent actuellement sur YouTube et je peux
ajouter ces vidéos, et qui afficheront
la vidéo sur le côté gauche
à l'intérieur de la fenêtre. Il existe également des options
pour accéder à la carte. Donc, si nous voulons sélectionner un emplacement
particulier sur la carte, vous pouvez le saisir et
commencer à le taper, le sélectionner, puis cela remplira
automatiquement et
créera une carte pour vous,
pour votre page Web. Et ensuite, nous allons
choisir parmi le lecteur et nous sélectionnerons
l'un des documents que
j'ai sur mon disque. Et dans ce cas, nous allons
refaire une autre feuille de calcul. Nous avons donc rempli
les trois éléments multimédias comme nous le faisons dans
la mise en page. Et c'est la mise en page
que nous avons choisi d'utiliser. Nous avons la possibilité de
personnaliser la mise en page afin pouvoir redimensionner le
support au besoin. Nous pouvons également déplacer les
médias au besoin. Nous pouvons appliquer les différentes couleurs
de sélection. Et nous pouvons également insérer du texte
supplémentaire si nous le voulons, faisant glisser et en le déposant
dans l' élément de la mise en page. Nous pouvons donc personnaliser entièrement
la mise en page au besoin. Et si nous
voulons nous débarrasser d'éléments
particuliers de la mise
en page, nous pourrions le faire également, puis nous pourrons
les redimensionner au besoin. La mise en page
vous offre donc un moyen rapide et facile de configurer et de styliser les
composants de votre page Web.
6. 5 sites Google Ajouter du contenu: Écoutez donc, nous allons
vous montrer comment personnaliser vos sites Google en intégrant les différents composants prédéfinis qui peuvent interagir avec le
contenu de votre Google Drive, de YouTube ou de sites Web
externes. Vous pouvez également disposer d'autres composants
interactifs pour votre page Web. Ensuite, ils peuvent
tous être personnalisés une fois que vous les avez en tant que composants sur votre page Web et vous pouvez les
personnaliser et les
coiffer selon vos besoins. En allant sur sites.google.com, nous avons un site sur lequel
nous travaillons. Il s'agit à l'origine d'une page blanche et nous passons
à l'onglet Insertion. Et depuis l'onglet Insertion, nous pouvons sélectionner les différents composants. Il y a donc un groupe d'effondrement
que nous pouvons montrer et nous pouvons dire qu'il est pliable ou qu'il n'est pas
forcément pliable. Donc, cela montrera simplement
que ce groupe s'est effondré. Ce dont nous avons besoin, c'est une rubrique. Et puis cela peut être
la deuxième partie. Et lorsque nous cliquons
dessus, cela ouvrira la partie
réduite. Jetons donc un coup d'œil à
cela dans l'aperçu. Ce que fait un menu réduit c'
est qu'il nous donne cette option pour développer le contenu, puis le contenu étendu s'
affichera une fois qu'il aura cliqué. C'est donc un bon moyen de créer des composants
plus interactifs
au sein de votre contenu Web. Il existe également une table des
matières que vous pouvez ajouter. Et ce que la table
des matières va faire, c'est qu'elle va essentiellement
prendre les titres que vous avez
dans la page Web et créer un moyen rapide de
les parcourir dans la
table des matières. Il existe également un
carrousel d'images que vous pouvez ajouter nous puissions insérer
plusieurs images. Donc, soit en téléchargeant l'image, soit en sélectionnant les images existantes
que j'ai sur mon disque. Je vais sélectionner
quelques images que j'ai sur mon lecteur pour créer
le carrousel d'image. Vous avez donc besoin d'au moins deux
images pour le carrousel d'images. Une fois
que vous l'avez inséré et que vous l'aurez
configuré dans l'aperçu, il vous montrera
le carrousel d'image. Et ce sont de très grandes images, donc elles
sont plutôt grandes. Je peux également l'agrandir et
le redimensionner pour qu'il s'intègre mieux dans
la zone de la page. Donc, redimensionnez les images. Et c'est le carrousel d'image. Vous avez donc quelques options
lorsque vous le sélectionnez, pour sélectionner ses paramètres. Vous pouvez donc modifier les
images, les supprimer. Vous pouvez ajouter du texte
aux images dans
l'option Paramètres. Il y a aussi le
rouage ici où nous pouvons définir si nous
voulons afficher les points, afficher les légendes, les démarrer automatiquement et avoir une vitesse de
transition différente. Nous pouvons donc définir tout cela dans les paramètres et modifier
le carrousel d'image. Si vous souhaitez un bouton
pour votre contenu, vous pouvez le sélectionner. Ce que cela fait,
c'est ce péché étrange un bouton et ensuite tout ce que nous
voulons où il est lié. Par défaut, nous établissons un lien
vers la deuxième page. Donc, ce
sera la deuxième page, cela va être
lié à cette page. Nous pourrions entrer une URL. Il y a donc un certain nombre de
choses que nous pourrions avoir pour le
bouton, le bouton, tout comme les autres
composants, vous pouvez le faire glisser, déposer là où vous en avez
besoin. Il redimensionne automatiquement les autres composants
de la règle d'élément. Il y a un séparateur.
Ainsi, les séparateurs, juste un diviseur coloré
que vous pouvez ajouter si vous souhaitez mettre à jour la
couleur du diviseur, vous pouvez le sélectionner sous
les thèmes où vous pouvez définir les différentes couleurs du
thème. Et remarquez également que lorsque
vous modifiez les couleurs du thème, cela modifiera les éléments
correspondants quelle que soit la couleur du
thème sélectionnée. Donc, si vous deviez
changer de thème, cela va changer le jeu de
couleurs de votre site Web. Ensuite, chaque thème a son
propre jeu de couleurs que vous pouvez sélectionner, mettre à jour
et personnaliser. Revenons
au porte-place. Par conséquent, l'espace réservé n'est qu'un espace
réservé que vous
voudrez peut-être revenir plus tard pour ajouter un type de contenu
ou de composant. Donc, les paramètres d'espace réservé,
et nous pouvons le définir pour qu'il ait une image, un
contenu Dr, YouTube. C'est donc une bonne chose lorsque vous
créez votre page Web. Ensuite, une fois que vous avez le
contenu que
vous souhaitez utiliser, vous pouvez facilement ajouter dans le support de
place au besoin. Il y a aussi le YouTube. Ainsi, comme
nous l'avons vu dans l'espace réservé,
YouTube ouvre la possibilité de rechercher annonce
YouTube dans un calendrier
vidéo YouTube. Vous pouvez donc sélectionner des calendriers
à partir de votre compte. C'est donc le compte
que je me suis connecté lorsque je crée le site de test. Je peux donc sélectionner n'importe
lequel de ces calendriers et les insérer dans la page. Il y a également
une carte que nous avons
déjà vue où votre
interlocalisation. Vous pouvez également disposer de vos propres cartes
personnalisées. Il y a Docs. agit donc de documents
situés dans votre Google Drive
que vous pouvez ajouter. Et cela va mettre en place le quai. Il y a des diapositives, des feuilles, des
formulaires et des graphiques. Ils sont donc tous disponibles
sur votre Google Drive. Si vous insérez des graphiques, vous pouvez sélectionner la feuille dans
laquelle se trouve le graphique. Et avant d'essayer d'
insérer le graphique, il est suggéré d'
aller dans la feuille, sélectionner le graphique et de créer
le graphique dans la feuille, puis de revenir aux sites
et de l'ajouter de cette façon. Et ce sont les différents
composants que vous pouvez ajouter pour vraiment personnaliser
l'utilisateur, le site Web. Dans Google Sites.
Laurence Svekis, Best Selling Course Instructor
