|
|
|
Les Anglonautes > About us
Codapart
Codage participatif / édition participative
Collaborative coding / editing
codages, CSS, méta-données, navigation, référencement, listes de liens :
problèmes à régler en 2024-2025
1 / 10
PCs (apparemment pas de souci sur les Macs / Apple)
navigation > Chrome
page Anglonautes <-navigation-> autre page Anglonautes ou page externe (par exemple une page du Guardian)
terminologie : nous parlons de liens, pas de signets.
objectif :
après avoir cliqué sur un lien depuis une page Anglonautes, retourner exactement au point de navigation dans cette page Anglonautes /
going back to previous Anglonautes page in the same scroll position.
description du problème :
lien http / https listé dans une page Anglonautes ↓ autre page Anglonautes ou page externe (par exemple une page du Guardian) :
depuis un lien listé dans une page Anglonautes, en théorie un clic-retour (avec la souris ou la flèche back du navigateur) suffit pour revenir exactement à votre point de navigation, c'est à dire au lien que vous avez cliqué dans la page Anglonautes.
Avec les pages Anglonautes comportant un ou plusieurs iframe-s, et nous insérons un iframe ci-dessous pour rappeler ce qu'est visuellement un iframe,
la navigation est moins précise / pratique :
un clic-retour vous renvoie non pas au point de navigation dans la page Anglonautes, mais en haut de cette page.
Il faut donc ensuite descendre dans la page pour retrouver le point de navigation.
Rappelons qu'un iframe est un code inséré dans le code HTML :
<iframe
src="https://www.npr.org/player/embed/1120332628/1120377525"
Les iframes correspondent aux éléments multimédia intégrés dans la page Anglonautes (podcasts NPR, vidéos YouTube, cartes Google).
Lorsqu'une page Anglonautes intègre un ou plusieurs codes iframes, un clic-retour depuis une autre page Anglonautes ou depuis une page d'un autre site ne vous renvoie pas, dans la page Anglonautes de départ, au point de navigation (scrolling point), mais en haut de cette page ; il faut donc descendre (scroll down) pour retrouver le point de navigation.
La présence d'un seul iframe empêche le retour au point de navigation.
Cliquez sur la page Anglonautes listée ci-dessous, qui comporte plusieurs iframes (depuis cette page consacrée à Joan Rivers, un clic-retour vous amènera en haut de la page que vous consultez maintenant) :
http://www.anglonautes.eu/arts/stage_theater_comedy_dance/comedy/
2 cas particuliers où il n'y a pas ce problème de navigation :
1 / 2 - Navigation entre 2 pages sans iframe
Quel que soit le navigateur, un clic-retour permet de revenir précisément au point de navigation / point de clic dans la page précédente.
Faites le test en cliquant sur cette page Anglonautes sans iframe :
http://www.anglonautes.eu/history/
depuis cette page-menu, cliquez sur Medgar Evers (milieu du menu).
Depuis la page consacrée à Medgar Evers, vous revenez exactement au point de navigation dans le menu Civil rights.
2 / 9 - Navigation depuis une page sans iframe vers une page avec iframes
Cliquez sur cette page Anglonautes sans iframe :
http://www.anglonautes.eu/history/
depuis cette page-menu, cliquez sur Emmett Till (milieu du menu).
Depuis la page consacrée à Emmett Till - page avec iframes - vous revenez exactement au point de navigation dans le menu Civil rights, qui ne contient aucun iframe, comme tous les menus Anglonautes.
Pourquoi régler ce problème de navigation - sur tous les navigateurs - est important :
même si de nombreuses pages Anglonautes sont divisées chaque semaine - elles sont donc moins longues -, beaucoup de pages listent des dizaines et des dizaines de liens, et sont longues à parcourir :
il est urgent d'insérer un code qui permette de "dire" aux navigateurs de revenir précisément au point de navigation.
Avec Firefox, la navigation est aléatoire :
à partir d'une page Anglonautes contenant des iFrames, par exemple
http://www.anglonautes.eu/english%20words_vocabulary_in_news_by_topic_2000s_2010s_2020s_uk_usa/
ou
http://www.anglonautes.eu/arts/stage_theater_comedy_dance/
cliquer sur un lien externe listé dans l'une de ces pages, puis faire un clic-retour pour revenir à la page Anglonautes de départ, vous ramène soit au point de navigation, soit en haut de cette page.
Avec Firefox Focus (pour les smartphones) aucun problème.
2 / 10
autre problème à régler :
La CSS actuelle transforme un texte en gras + 18 + n'importe quelle couleur en texte en gras + 18 + blanc.
Au départ, lors du passage au dark mode, il s'agissait de rendre plus lisible certains textes en 18 gras qui étaient en bleu sur fond blanc, et donc de les afficher en blanc sur fond noir (bleu sur noir étant peu lisible).
Donc tous les textes en gras + 18 + n'importe quelle couleur s'affichent en blanc, ce qui pose problème lorsqu'on veut par exemple afficher un élément du groupe verbal / modal en gras + 18 + rouge.
Avec la CSS actuelle, ce type d'élément s'affiche en blanc : on perd l'information rouge = verbe ou modal.
Travailler à partir de cette page :
http://www.anglonautes.eu/ pour faire notamment ressortir la particule adverbiale du verbe go back en gras + 18 + rouge.
En attendant de modifier la CSS, les éléments verbaux en gras + 18 ont été modifiés en maigre + 18 : avec cette astuce, le verbe s'affiche en rouge.
3 / 10
Longueur des pages : les pages thématiques seront divisées en pages micro-thématiques.
Plus il y a de pages micro-thématiques, plus il faut créer de sous-menus regroupant ces micro-thèmes :
Vocapedia > Earth > wildlife > birds
Ceci prend du temps, mais au final c'est très pratique pour les utilisateurs, qui depuis une page - hummingbirds - peuvent remonter immédiatement au menu de la sous-rubrique - birds.
Autres exemples de sous-rubriques :
History > UK > 1930s-1940s > WW2 (1939-1945) > UK > Timeline in articles, pictures, podcasts
1910s > WW1 (1914-1918) > UK > Timeline in articles, pictures, podcasts
4 / 10
Vocapedia
liste des liens sous chaque mot
Créer une collapsible section pour faire apparaître chaque liste de liens avec un survol de souris.
Les premiers liens apparaîtraient comme du texte normal, pour s'estomper progressivement.
Est-ce possible ?
5 / 10
Référencement par Google
Trouver une solution à ce problème :
La présence d'un ou plusieurs iFrames dans une page Anglonautes empêche un référencement clair de cette page par Google.
Exemple : dans la rubrique Histoire, dans la page consacrée au criminel de guerre Adolf Hitler, la présence d'un iFrame en début de page amène Google à référencer en premier le titre de l'IFrame :
et en second / en plus petit le titre entré dans les métadonnées des Anglonautes :
Anglonautes > History > 20th century > WW2 > Germany > Nazi era > War criminals > Adolf Hitler (1889-1945)
6 / 10
Référencement par Google > pages > heading
Faciliter le référencement des titres des pages - le titre que l'on voit dans chaque page - en intégrant la balise <h1> ?
Conflit avec le titre en meta données - que l'on ne voit pas - dans Page properties > Description ?
7 / 10
Sur PC :
paramétrer le fond noir dans la page d'accueil et dans toutes les pages de la rubrique 2022 > Enseignants en France : salariales, statutaires et sanitaires (sur PC, le fond est blanc).
En ligne : ce défaut n'apparaît pas, on a bien le fond noir.
8 / 10
Sur Chrome / PC : le symbole ≠ ne s'affiche pas correctement.
9 / 10
Version smartphone uniquement :
la barre des rubriques - sous le nom du site - s'affiche trop petit : About | Search | Vocapedia | Learning | News podcasts | Videos | History | Arts | Science | Translate and listen
Il faudrait augmenter la taille de la police de caractères + couper cette barre en deux :
au final, sur l'écran d'un smartphone, la barre des rubriques sera constituée de 2 lignes : About | Search | Vocapedia | Learning | News podcasts | Videos | History | Arts | Science | Translate and listen
Le nom des rubriques est sauvegardé dans l'un des 7 dossiers de gestion du site :
_borders
_derived
_fpclass
_overlay
_themes (depuis janvier 2021, inutile de télécharger ce dossier sur le serveur car conflit avec la CSS de MC).
dossiers _vti_cnf à supprimer ?
https://social.msdn.microsoft.com/Forums/expression/en-US/
1 /2 - un dossier _vti_cnf apparaît à la racine du site, en haut du toggle pane, là où se trouvent tous les dossiers de gestion / navigation.
2 / 2 - De plus, dans chaque sous-dossier thématique (health -> asbestos), un dossier _vti_cnf est généré par Microsoft.
Lorsque l'on crée un sous-dossier thématique avec Frontpage, ce dossier _vti_cnf n'apparaît pas.
Il est généré uniquement lors du téléchargement du fichier sur le serveur :
au final, presque tous les sous-dossiers thématiques sont chacun doublés d'un dossier _vti_cnf, aussi bien sur le PC que sur le serveur.
Il y a quelques exceptions :
health-> silica n'a pas de dossier _vti_cnf
A quoi servent ces dossiers _vti_cnf ?
Faut-il les conserver sur le PC et / ou le serveur ?)
dossier _vti_pvt
https://answers.microsoft.com/en-us/msoffice/forum/all/
Comme le dossier _vti_cnf, ce dossier n'est pas visible / accessible dans le toggle pane de Frontpage.
Il faut ouvrir le dossier Anglonautes dans Windows.
10 / 10
Dans Vocapedia uniquement, et dans cette rubrique pour tout ce qui est centré, et pour la version smartphone uniquement
Pour une meilleure lisibilité sur les smartphones, il faudrait augmenter légèrement la taille du mot / des séquences de mots et la taille des liens, porteurs d'information, qui se trouvent au centre de chaque page (vocabulaire, liens, légendes).
Est-ce possible ?
Vu que sont également centrés d'autres éléments comme les titres de chaque page, certains liens en bas de page...
coal county USA
http://www.npr.org/2017/07/20/
coal jobs USA
http://www.npr.org/2017/07/20/
http://www.npr.org/2017/05/06/
Big Coal USA
https://www.npr.org/2022/10/29/
https://www.nytimes.com/2017/09/18/
http://www.gocomics.com/chrisbritt/2016/12/14
http://www.nytimes.com/2016/06/10/
U.S. Coal Giant Peabody USA
http://www.npr.org/sections/thetwo-way/2016/04/13/
coal baron USA
http://www.nytimes.com/2016/04/08/
colliery UK
http://www.theguardian.com/politics/the-northerner/2015/mar/06/
Maltby colliery in South Yorkshire UK
http://www.guardian.co.uk/business/2013/apr/11/
clean coal USA
http://www.nytimes.com/2009/06/29/
coal-fired station UK
http://www.theguardian.com/business/2007/may/02/
Drax power station in North Yorkshire Britain's biggest coal-fired power station UK
http://www.theguardian.com/uk/2006/aug/31/
Intégration des vidéos YouTube
dimensions modifiées des vidéos avant 2020 :
1200 v 700
<iframe width="1200" height="700" src="//www.youtube.com/embed/zmr1iSG3RTA" frameborder="0" allowfullscreen></iframe>
sur la version smartphone, la vignette de la vidéo s'affiche dans sa totalité, de gauche à droite.
depuis 2022,
nous ne modifions pas les paramètres de base :
1280 x 720
<iframe width="1280" height="720" src="https://www.youtube.com/embed/i0IzV1q9g9Q" title="LAWRENCE OF ARABIA [1962] – Original Trailer (HD) | Now on 4K Ultra HD" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
sur la version smartphone, la vignette de la vidéo est légèrement cropped, par contre une fois lancée, la video s'affiche bien dans sa totalité;
_____________________________________
- Version responsive design et dark mode : en ligne à partir du 12 décembre 2020.
version bêta pour smartphones : en ligne et en développement en 2022-2023- 2024.
autres informations pour les éditrices / éditeurs
Téléchargement
1 - Ouvrir FileZilla (logiciel gratuit).
2 - Dans le panneau de gauche Site local, ouvrir le site Anglonautes.
3 - Tout en haut à gauche, dans Fichier, ouvrir Gestionnaire de sites, choisir Anglonautes dans Sélectionnez une entrée.
4 - Dans le panneau de droite (serveur), une fois effectuée la connexion avec le serveur, choisir vhosts > anglonautes > htdocs
5 - Dans le panneau de gauche (ordinateur), choisir le dossier à envoyer sur le serveur, faire un clic-droit sur le dossier, puis cliquer sur envoyer / téléverser.
Si le fichier cible existe déjà sur le serveur, action > remplacer > toujours effectuer cette action
6 - Pour ouvrir un dossier à la fois sur le PC et le serveur : Ctrl + y
Cette commande synchronise la liste des dossiers et fichiers sur l'ordinateur et le serveur.
Pratique pour éviter de télécharger un gros dossier (ex : HISTORY) lorsque l'on veut télécharger un seul sous-dossier (ex : HISTORY 2014).
Dans l'idéal, il faudrait que, dès qu'un fichier est sauvegardé sur l'ordinateur, il soit automatiquement envoyé sur le serveur.
Edition
Toujours vérifier que l'on travaille sur le disque dur de travail, et pas sur une copie du site sur un disque de sauvegarde.
- Nettoyage du PC avec SpyBot : après nettoyage, ouvrir Frontpage -> Open file > Main disc > anglonautes
- Changement d'ordinateur, changement de carte-mère ou réinstallation de Windows ?
Réinstaller Frontpage 2003.
Une fenêtre peut indiquer que certains fichiers n'ont pas été copiés : aucune importance, cliquer sur IGNORER.
Ouvrir Anglonautes > Clic droit sur un fichier > Ouvrir avec > Choisir un logiciel > Chercher logiciel > Ordinateur > Disque local (C:) > Program Files (X86) > Microsoft Office > OFFICE11 > FRONTPAGE > Toujours ouvrir avec
Attention, ne pas aller dans Disque local (C:) > Program
IMPORTANT : pour renommer un dossier, ne jamais le renommer depuis Windows : le "renommage" est instantané, mais on perd tous les liens de navigation / les icônes de navigation gauche, haut, droite, maison. Donc pour renommer un dossier, il faut être sur Frontpage (logiciel d'édition Microsoft).
Autre problème lié à un renommage de dossier ou de page / fichier, cette fois-ci depuis Frontpage : les icônes de navigation gauche, haut, maison, droite apparaissent bien, mais lorsqu'on clique sur l'une de ces icônes, on tombe sur une page blanche (avec l'ancienne adresse). Pour rétablir la navigation, il suffit de faire une sauvegarde, dans la page / le fichier concerné-e, et / ou dans les pages de gauche, de droite et de haut. Cette sauvegarde peut être insignifiante, on peut par exemple enregistrer un retour ligne, ça suffit.
Page d'accueil / Home page > Autre problème lié à un renommage de dossier : par exemple, si je change le dossier Vocapedia en dossier Vocabulary, et si je clique ensuite sur Vocapedia depuis la barre des rubriques dans la page d'accueil, on tombe sur une page blanche. A nouveau, il suffit de faire une modification / suavegarde dans la page d'accueil pour que le lien avec le dossier renommé marche, et que l'on accède au menu Vocabulary.
Tout ceci est fastidieux mais ça marche.
- Dans la bannière de l'index / la page d'accueil, ne jamais supprimer la mention "Edit the properties for this link bar".
Supprimer cette mention supprime toutes les icônes de navigation du site.
2022
Ressources Sitemap : https://www.youtube.com/watch?v=xtoAfUB6Ubw
- Typographie
-> Janvier 2021 > Noto Sans pour tous les titres / textes signalétiques / liens.
Arial pour les autres textes.
- > Avril 2021 > Régler le bug de <font size="1"> qui parasite les liens internes en <font size="5" face="Arial">, et, en ligne,fait apparaître ces liens en size 1 (par contre ils apparaissent en size 5 dans FrontPage).
Donc supprimer <font size="1"> uniquement lorsqu'il y a ce problème dans une section du code.
LIEN CSS
</script><link rel="stylesheet" type="text/css" href="z_css_table.css">
CSS > HOME PAGE > CSS MODIF 1er SEPTEMBRE 2022 POUR IMAGE :
body,p,img,span,iframe,font{box-sizing:border-box;}
table:last-of-type img
devient
table+table+ table:last-of-type img
CSS AU 1er SEPTEMBRE 2022
body{text-align:center;font-family:Arial;}
Ancienne CSS (avant décembre 2020) :
- lien CSS :
- 1er Code CSS (avant juillet 2014) :
body { text-align: center; }
- 2e code CSS (à partir de fin juillet 2014)
body { text-align: center; }
- 3e code CSS (à partir du 25 juillet 2014)
body { text-align: center; }
2021
- voir si #6653ff ne conviendrait pas mieux pour a:link
- IMPORTANT : CSS responsive design et dark mode développée le 12 décembre 2020 par MC et mise en ligne le 15. A tester en 2021.
- Attention au bug suivant, qui se déclenche lorsqu'on supprime des rubriques de la barre des rubriques (en l'occurrence STATS et DOCS).
Le nom des rubriques est sauvegardé dans l'un des 7 dossiers de gestion du site : _borders _derived _fpclass _overlay _themes (depuis janvier 2021, inutile de télécharger ce dossier sur le serveur). _vti_cnf (à supprimer offfine online ?) _vti_pvt (IMPORTANT : contient les noms de la barre des rubriques, barre qui s'affiche sous "Les Anglonautes".)
11 janvier 2021 : après suppression de 2 rubriques, le fond noir disparaît (car changement de thème dans Frontpage, erreur rectifiée.)
Même après réinstallation de la version non modifiée des Anglonautes et donc des 6 fichiers d'origine, le problème persiste : le fond noir de la CSS est remplacé par du blanc. Donc il y a 1 élément, dans ces fichiers, qui n'accepte plus la CSS fond noir lorsque l'on modifie la barre des rubriques et que l'on télécharge sur le serveur la nouvelle version : la CSS "n'accroche" pas aux pages..
Problème résolu : conflit avec le dossier THEMES sur le serveur. Après suppression de ce dossier sur le serveur, la CSS fonctionne parfaitement.
Dossier _vti_pvt : le téléchargement de ce dossier a toujours pris un temps anormalement long. Contacter serveur.
2021
- Documents iconographiques affichés plein écran > Diaporama : la bannière-titre "Les Anglonautes + barre principale de navigation" pourrait disparaître par le haut automatiquement pour laisser place à un diaporama plein écran, avec flèches latérales avant / après, flèches positionnées au milieu, à gauche et à droite de l'écran.
La bannière et toutes les données de navigation sont dans le dossier -vti-pvt.
- Barre des rubriques : quand on modifie le titre d'une rubrique, par exemple Podcasts -> Podcasts - Videos, ou quand on supprime une rubrique dans le menu des rubriques par exemple Images, ce changement n'apparaît sur une page donnée (et donc sur toutes les pages) que si le nom du fichier cette page, ou le contenu de cette page (il suffit de faire un retour ligne en bas de page) est modifié puis sauvegardé. Trouver une solution pour que le changement du titre d'une rubrique apparaisse immédiatement sur toutes les pages.
On rencontre le même problème quand on modifie la bannière Les Anglonautes (par exemple la taille de la police). Certaines pages prennent en compte immédiatement la modification.
D'autres pages demandent une modification (un retour ligne suffit) puis une sauvegarde pour afficher la bannière modifiée.
Sinon on a l'ancienne bannière et les liens de la barre de navigation sont invalides; par exemple si on clique sur Vocapedia, on a le message suivant : Not Found The requested URL /menu_main_voc.htm was not found on this server.
Il en va de même lors de l'insertion de nouveaux fichiers dans un dossier.
Par exemple, si on insère une nouvelle page entre deux pages A et B dans la rubrique Photography, la navigation ne se fera correctement que si l'on modifie (un retour ligne suffit) A et B. De ce point de vue, Frontpage n'a pas été bien conçu.
Ces bugs aléatoires ont presque disparu depuis janvier 2021.
Autre manque de souplesse de Frontpage : si l'on modifie la bannière ou le footer et qu'on télécharge sur le serveur les fichiers contenant ces modifications, ces modifs ne seront pas visibles en ligne : il faut télécharger toutes les pages du site pour que ces modifs soient visibles.
- Important : Méta-données > Titre des pages (titres qui apparaissent dans les résultats Google).
Explication : le titre d'une page (une partie de son URL / adresse Internet) n'est pas le nom du fichier de cette page.
Exemple : le fichier menu_main_about_french a pour titre, page description et keywords : Anglonautes > About us > Learning English with UK / US media / press
On retrouve également Anglonautes > About us > Learning English with UK / US media / press dans l'arborescence du site, à laquelle on accède via le menu View, puis l'option Navigation.
Exception : nous donnons aux pages qui sont des têtes de rubrique - ces têtes de rubrique apparaisssent dans la barre des rubriques : ABOUT, SEARCH, VOCAPEDIA, HISTORY, etc. - un titre précis, très court (souvent 1 mot), car c'est ce titre qui apparaît dans cette barre.
Important : dans l'arborescence, pour les vignettes représentant les rubriques principales (About, Search, Vocapedia, Learning, etc.), le nom de la rubrique - par exemple LEARNING - est entré dans l'arborescence (VIEW -> NAVIGATION -> CLIQUER SUR TAB pour arriver sur l'icône / l'icône précédente (bug Frontpage). Par contre, toujours pour une rubrique principale - prenons le même exemple, la rubrique LEARNING - il faut faire un clic droit pour aller dans PAGE PROPERTIES, puis rentrer les champs TITLE, PAGE DESCRIPTION et KEY WORDS : TITLE : Learning English with Anglonautes / Apprendre l'anglais avec les Anglonautes > Main page, main menu, main section, menu principal, page principale PAGE DESCRIPTION : Learning English with Anglonautes / Apprendre l'anglais avec les Anglonautes > Main page, main menu, main section, menu principal, page principale KEY WORDS : Learning English with Anglonautes / Apprendre l'anglais avec les Anglonautes > Main page, main menu, main section, menu principal, page principale
Avec Frontpage 2003, après avoir cliqué sur View > Navigation, et avoir ainsi accédé à un schéma représentant l'arborescence du site, on entre ces titres de pages (ex : Anglonautes > History > 2013 > White House) dans le champ de l'icône correspondant à la page et dans le menu Page properties.
Pour faire apparaître ce menu, il faut faire un clic droit dans n'importe quelle page, cliquer sur Page properties, puis remplir 3 champs : - title - page description - key words
Si ces champs sont remplis de mots précis + et de dates, plus Google les "servira" de manière précise dans les résultats de recherche.
Attention : Comme il a été dit plus haut, pour les pages qui sont des têtes de rubrique et dont les titres figurent donc dans la barre de navigation de la bannière, tout en haut de l'écran (exemple : About - Search - Vocapedia - History, etc.), il ne faut surtout pas que ce titre ait le même titre que celui qui se trouve dans Page properties.
On aurait alors des titres beaucoup trop longs dans la barre des rubriques.
Par exemple, au lieu d'avoir ABOUT, on aurait le long titre du menu Properties de la page :
Anglonautes > About us / Who we are / what we do > Learning English and discovering UK / US history with news stories
- Architecture du site > Arborescence
insertion d'un nouveau fichier / déplacement de fichiers existants.
Important : dans Frontpage > Toogle Pane, pour déplacer un fichier vers un autre dossier tout en gardant les liens de navigation, il faut glisser ce fichier vers le nouveau dossier, et non pas le copier.
Si on copie le fichier dans le nouveau dossier, on perd les liens de navigation.
En 2021, Frontpage est depuis longtemps obsolète et il comporte des bugs, mais ce logiciel a un immense avantage pour quii veut faire un site en arborescence (// dans le monde physique : galleries, musées) :
on peut modifier facilement et rapidement une architecture en pyramide inversée complexe (en 2021, les Anglonautes compte plus de 5 000 pages réparties sur plusieurs niveaux) grâce à la représentation graphique de l'arborescence du site, où chaque rectangle représente une page) :
pur accéder à cette arborescence, cliquer sur VIEW puis NAVIGATION
Le nouveau logiciel
devra garder la simplicité de Frontpage (drag and drop) : on clique dans le toggle pane sur une icône représentant la nouvelle page html, et on place l'icône où on veut dans un schéma représentant l'arborescence du site.
Pour accéder à l'arborescence du site, ouvrir le toggle pane avec la sixième icône dans la barre d'outils.
Le toggle pane s'ouvre à gauche de l'écran et affiche une folder list (liste des dossiers).
Accès : cliquer sur l'icône TOGGLE PANE (à gauche de la TOOLBAR), ouvrir une page, cliquer dans cette page, cliquer le menu VIEW, cliquer NAVIGATION pour afficher l'arborescence dans la fenêtre principale, cliquer sur TAB -> pour accéder à l'icône représentant cette page dans l'arborescence (bug fréquent de Frontpage : on accède en fait non à cette icône-cible, mais à l'icône qui se trouve juste à droite).
- Téléchargement > gain de temps > fichier sauvegardé en interne = fichier automatiquement envoyé sur le serveur. Actuellement, le téléchargement ne marche pas depuis Frontpage. Il s'effectue manuellement avec FileZilla,
- Sauvegarde en ligne > avec FileZilla, on peut exporter vers le PC, depuis le serveur, les dossiers des Anglonautes, en conservant les données de navigation (barre, icônes, place dans l'arborescence). Cet export est réutilisable sans problème avec Frontpage (export réussi de Vocapedia + édition Frontpage sans problème le 6 décembre 2022).
RAPPEL IMPORTANT : sur Frontpage, pour déplacer un sous-dossier dans le sous-dossier d'une autre rubrique - par exemple un sous-dossier de la rubrique IMAGES dans un sous-dossier de la rubrique PHOTOGRAPHY, ne pas copier, ne pas couper, mais faire glisser ce sous-dossier dans son nouveau dossier.
En le faisant glisser, on conserve les liens de navigation (gauche, haut, home, droite).
TEXTES
FEUILLE DE STYLE FRONTPAGE AVANT LA CSS DEVELOPPEE PAR C DE DECEMBRE 2020 A JANVIER 2021 :
A PARTIR DE JUILLET 2014 ET JUSQU'EN NOVEMBRE 2020, LES PARAMETRES CI-DESSOUS SONT APPLIQUES A L'ENSEMBLE DU SITE (ATTENTION, IL NE S'AGIT PAS D'UNE CSS) :
- Police : Arial
- Taille : 14
- Pas d'italiques.
- Format > Paragraph > Indentation > Line spacing > Double (200%), sauf pour le haut de la page d'accueil (30%).
Si on laisse 200 %, il y a un trop grand espace entre la bannière titre et la photo dans le body, à cause de l'absence de la barre de navigation PREVIOUS UP HOME NEXT dans la page d'accueil.
- Page avec seulement du texte ; Format > Paragraphe > Identation : 250px after and before text
- Images : format JPEG + baseline pour les photos. Ceci implique de mettre en baseline les photos du Guardian. Les photos du NYT sont déjà en baseline.
- Images > Format maximal à ce jour (août 2022) : 2600px de large. Exemple : photo du QAnon shaman
https://www.npr.org/sections/pictureshow/2022/01/06/
Lorsqu'on insère une image à 1800px de large, dans FORMAT -> PARAGRAPH, le texte des articles doit avoir une identation de 650px (avant et après).
Si l'image fait 2000 px de large, indentation de 750px.
Plus l'image est large, plus l'indentation est large.
- Important : au-dessus et au-dessous de chaque document iconographique, laisser un espace de 15 lignes, pour que l'image ne soit pas "parasitée" par d'autres éléments.
- Vidéos et cartes interactives intégrées > Taille > 1200 x 700 Dans une page pù il n'y a pas d'éléments non-texte (photo, etc.) plus larges, la présence d'une vidéo 1200 (largeur) x 700 (hauteur) implique de formater le texte (articles) en 350.
- Polices pour le titre Les Anglonautes dans la bannière :
- resources : https://www.google.com/fonts#
_______________________
Anglonautes > Barre de navigation > Icônes Frontpage
Emplacement > Documents > Sites > Anglonautes > dossier _derived
Attention, ces icônes (LEFT, UP, HOME, RIGHT) doivent être en GIF, sinon elles n'apparaissent pas dans la barre de navigation.
Anglonautes > Résoudre le problème suivant : ces nouvelles icônes (flèches bleues) apparaissent bien en ligne, mais les anciennes icônes oranges continuent d'apparaître sur Frontpage hors ligne (par contre les nouvelles icônes apparaissent bien dans DreamWeaver d'Adobe).
Comment ces icônes peuvent-elles s'afficher dans Frontpage alors qu'elles ont été supprimées du dossier -derived ?
Autre problème : les anciennes icônes oranges de Frontpage (ci-dessous) se réinstallent automatiquement dans le dossier _derived.
+
Dans Frontpage, e pas supprimer le dossier _themes : la police de caractères change.
Sur le serveur, par contre, avec la nouvelle CSS, le dossier _themes doit être supprimé du serveur pour que la CSS s'applique.
Avec le le dossier _themes sur le serveur, le fond blanc revient.
______________________
ICONES
1 - Les icônes de navigation (flèches) se trouvent dans le dossier DERIVED.
2
- L'icône
se trouve dans le dossier BORDER.
3 - Pour pouvoir être utilisée dans plusieurs pages, une icône doit être insérée dans une page.
Toutes les icônes utilisées dans les Anglonautes sont sauvegardées ci-dessous :
Anciennes icônes de navigation proposées par Frontpage :
_________________________________________________
Important > Bug Frontpage
Depuis janvier 2021, ce bug aléatoire a presque disparu.
Lorsqu'on renomme un dossier contenant un ou plusieurs fichiers, ou lorsqu'on insère un nouveau fichier entre deux autres fichiers dans l'arborescence, en ligne - seulement en ligne, pas sur le PC - la navigation - gauche, droite, haut, page d'accueil - entre les pages ne se fait plus : les nouveaux noms de fichiers - donc les nouveaux liens - sont parfois brisés.
C'est un bug aléatoire, qui ne se produit pas avec tous les dossiers.
On ne peut donc plus naviguer dans les pages / fichiers qui viennent d'être renommés.
Astuce : il faut faire un changement dans les pages / fichiers concernés (n'importe quel changement, même un espace ou un retour ligne).
Après ces changements, et après téléchargement sur le serveur des fichiers ainsi modifiés / "réactualisés", la navigation en ligne se fera correctement.
Problème résolu : sur le PC et dans Frontpage, après suppression du dossier vti_cnf dans chaque dossier, la navigation n'est plus rompue lorsque l'on modifie les noms de fichiers.
Ces sous-dossiers vti-cnf, générés automatiquement par Frontpage, contiennent un menu aberrant qui entre en conflit avec le fichier menu de chaque dossier, créé par les Anglonautes.
Il faut ensuite supprimer sur le serveur les dossiers contenant un sous-dossier vti-cnf, puis télécharger les nouveaux dossiers, sans aucun vti_cnf.
A noter que après suppression d'un dossier vti_cnf, celui peut réapparaître car il est généré automatiquement par Frontpage.
Ceci n'est plus un problème car on sait qu'on peut le supprimer en cas de problème en ligne.
Voir si l'on peut aussi supprimer le dossier vti_cnf qui se trouve à la racine du site.
Plus d'infos :
https://webmasters.stackexchange.com/questions/21164/
_____________________________________________
Mode navigation :
Ouvrir un fichier. Ouvrir le TOGGLE PANE à gauche en cliquant en haut sur l'icône TOGGLE PANE puis aller sur VIEW > NAVIGATION :
l'arborescence du site s'affiche.
Pour aller directement à l'icône représentant un fichier, appuyer sur la touche TAB.
Attention, on arrive parfois à l'icône précédente - vérifier.
Google tools
https://support.google.com/webmasters/topic/4598466
______________________________________________________________
List of Special Files and Directories Maintained by
FrontPage See Using the FrontPage Configuration File
for details on Server Extensions configuration
files naming convention and file locations.
taking page styles from
other pages
structure store, time, meta-info, etc.
Getting URL to file mappings, etc.
http://www.softpanorama.org/Office/Frontpage/
_______________________________________________
computers, tablets, phones
Thousands of NPR podcasts are embedded into les Anglonautes.
Block cookies to see NPR podcasts without cookie wall hiding podcast title and play button:
go to Chrome or Firefox settings and block NPR cookies or all cookies
or
block cookies with add-ons
___________________
pages Anglonautes avec podcasts NPR
Les Anglonautes proposent plus de 10 000 podcasts NPR, regroupés dans des pages thématiques.
Comment voir / écouter ces podcasts depuis une page Anglonautes, sans "cookie wall" qui cache le titre du podcast et le bouton "lecture" ?
Allez dans les paramètres et bloquez soit les cookies NPR, soit tous les cookies.
Sans aller dans les paramètres, vous pouvez aussi ajouter à ces navigateurs des extensions pour bloquer les cookies, aussi bien sur Chrome que sur Firefox.
Anglonautes > About us
|
|
|
à
réorienter comme on veut.