Éléments

LA MISE EN PAGE se fait sur une base de 12 colonnes. La largeur des éléments est ajustée par un simple cliquer-glisser.

LES TEXTES sont rédigés directement dans Google Sites. Ou alors ils sont copiés-collés.

L'INDEXATION dans le moteur de recherche Google est rendue possible en utilisant «Analyses de site».

LES IMAGES peuvent être placées facilement, de plusieurs façons, au choix:

• Glisser-déposer (drag & drop)
• Importer à partir de votre ordinateur.
• Sélectionner à partir d'une recherche Google (CC), ou à partir de vos albums Google Photos, ou à partir de votre Google Drive, etc.

Ensuite, les images sont réduites ou agrandies par un système un peu déroutant de prime abord. Comme partout ailleurs, il suffit de cliquer-glisser une des poignées en bordure, après sélection. Mais le redimensionnement et le recadrage se font en même temps, d’un seul geste. Il faut comprendre que le redimensionnement est toujours proportionnel. Alors si, par exemple, vous faites un rectangle plus en largeur, l’image sera agrandie pour occuper toute cette largeur tandis qu’elle sera coupée en hauteur.

L’ennui c’est qu’au moment d’écrire ces lignes il ne semble pas y avoir moyen de tracer des rectangles qui restent automatiquement parfaitement proportionnels, évitant tout recadrage. Si vous voulez redimensionner une image sans perdre un pixel, procédez comme suit:

• Agrandissez ou réduisez à peu près, en vous concentrant sur la largeur, soit le nombre de colonnes à occuper. Ne vous souciez pas du recadrage qui en découle.
• Cliquez sur l’icône «Annuler le recadrage», tel qu'illustré. La priorité est alors donnée à la largeur sélectionnée, l’image est dimensionnée en conséquence et l’image reprend son cadrage d’origine.

LA PAGE D'ATTERRISSAGE, la page d'accueil du Sb-junior, est construite avec la mécanique exposée au point précédent, celle du TITRE DE PAGE. C'est une image qui remplit tout l’arrière-plan, à «fond perdu», avec une autre image par dessus, qui combine le logo et le texte. Accessoirement, l'entrée des visiteurs est facilitée par un lien de cette image d'avant-plan vers la page Présentation.

Il est important de rappeler ici que l'image en arrière-plan est sujette à être recadrée selon la hauteur occupée par le titre, le logo ou autre(s) élément(s) en avant-plan. J'ai donc augmenté la hauteur de l'image d'avant-plan de façon invisible, avec un espace vide et transparent. Cela est rendu possible avec le format d'image PNG et un bon logiciel de manipulation d'images, tel que GIMP ou Photoshop. Ainsi, l'image d'arrière-plan n'est pas trop recadrée et rempli tout l'écran, à peu près.

Enfin, j'ai employé un «Type de titre» = «Bannière», et non pas «Grande bannière», préférant contrôler moi-même les marges en hauteur en contrôlant la hauteur de l'image en avant-plan, tel que décrit ci-haut. Des considérations de vitesse de transmission et un calcul approximatif de l'espace à remplir me donnent ces mesures:

• image en arrière-plan = 1092 l. X 700 h., en pixels.
• image en avant-plan, sur 8 colonnes = 760 l. X 686 h., en pixels.

LES TABLEAUX peuvent être créés en ligne dans Google Docs, l'application de traitement de texte de Google. Avant de le placer sur le site, le document Google doit être placé dans un dossier «PUBLIC» sur le Google Drive. Il faut que ce dossier soit partagé en mode «public», sans connexion nécessaire, mais juste en accès «CONSULTATION», sinon vous permettez l'édition par les autres..! Le tableau est ensuite inséré à partir du menu: Insérer > Documents Google > Docs.

Remarquez que vous êtes en train de lire un tableau présentement, mais en termes HTML ce n'en est pas un... Ce «tableau» est composé directement dans Google Sites, avec sa base standard de 12 colonnes et ses arrière-plans de sections. En revanche, le document qui suit est un véritable tableau de Google Docs, inséré selon la procédure décrite ci-haut, à titre d'exemple.

LE COURRIEL est rendu disponible via un lien «mailto:...». Je n'ai pas trouvé le moyen d'intégrer un formulaire de courriel... Voyez la page Contact.