Anglonautes > Présentation

body { text-align: center; }

table{ width: 1000px; text-align: left; line-height:200%; margin:auto }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

<script type="text/javascript" src="zmyscript.js"></script>

- 3e code CSS (à partir du 25 juillet 2014)

body { text-align: center; }

table{ width: 1000px; text-align: left; line-height:200%; margin:auto }

a:link { text-decoration: none; color: #6050DC !important; }

a:visited { text-decoration: none; color: #8EA2C6 !important; }

a:hover { text-decoration: none; color: #6F00FF !important; }

a:active { text-decoration: none; color: #000000 !important; }

<script type="text/javascript" src="zmyscript.js"></script>

- Intégrer un fil d'Ariane (breadcrumb) pour permettre

aux utilisateurs de se repérer plus facilement dans le site (voir plus bas).

Aide : http://www.dynamicdrive.com/style/csslibrary/item/css-breadcrumbs/

Actuellement le fil d'Ariane est réalisé manuellement :

voir par exemple Gun violence (II)

- Documents iconographiques affichés plein écran > Diaporama :

la bannière-titre "Les Anglonautes + barre principale de navigation"

doit pouvoir disparaître par le haut automatiquement

pour laisser place à un diaporama plein écran,

avec un fond noir si la photo est de petite dimension.

Ceci est possible en créant une CSS avec fond noir

pour certaines pages uniquement.

- Diaporama : les photos (verticales ou horizontales)

doivent se centrer automatiquement au milieu de l'écran,

quelle que soit la taille de l'écran.

A modifier en priorité

La bannière et toutes les données de navigation

sont dans le dossier -vti-pvt.

- Bannière Les Anglonautes (titre + barre des rubriques + barre navigation) :

actuellement la bannière est fixe.

Elle ne reste donc pas centrée et se décale

quand une page comporte une ou plusieurs images de grand format

par exemple 1800px de large - exemple :

http://www.anglonautes.com/history/
hist_us_20_civil_rights_mlk_dream/hist_us_20_civil_rights_mlk_dream.htm

Cette bannière doit être modifiée et rendue flottante

pour qu'elle soit toujours au centre de la page,

quelle que soit la taille de l'écran et des photos.

- Barre de navigation des rubriques > repérage > où est-on dans le site ?

Créer un fil d'Ariane au graphisme minimaliste.

Important : la couleur de la rubrique choisie et donc cliquée

(par exemple TRAVEL)

doit s'activer PARTOUT, dans toutes les pages,

quel que soit le niveau de l'arborescence / où que l'on soit dans le site.

Le titre de la sous-rubrique correspondante

(celui qui s'affiche sur les pages de résultats Google),

doit s'afficher sous la rubrique, dans la même couleur.

Le visiteur qui accèderait au site directement depuis Internet

visualiserait ainsi immédiatement où il se trouve dans le site.

Exemple :

Travel

↓

United Kingdom > Wales

- Barre de navigation générale :

quand on modifie le titre d'une rubrique,

par exemple Podcasts -> Podcasts - Videos,

ou quand on supprime une rubrique dans le menu de la bannière, 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.

- Titre des pages (ceux qui apparaissent dans les résultats Google) :

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.

Problème :

ce titre n'apparaît pas toujours dans le descriptif de la page :

Page properties > Title

Il faut donc le ressaisir,

ce qui fait perdre du temps.

Nouvelles pages html d'une galerie de photos (photo = embedded file).

Objectif : pouvoir ouvrir "en rafale" une série de pages identiques,

pour gagner du temps.

Ceci serait utile notamment pour créer de nouveaux diaporamas.

Actuellement, sur Frontpage,

ceci se fait manuellement, fichier après fichier.

Nouveau fichier d'une rubrique News.

La nouvelle page doit avoir la même feuille de style que les autres

(marges, typographie, etc.).

De même,

lorsque l'on veut enregistrer un sous-fichier (embedded file),

par exemple une photo,

le nouveau logiciel devra proposer automatiquement

le nom de la page html + extension.jpeg pour la photo insérée.

Ex : nom de la page html : ill_pho_nyc_central_park.htm
sous-fichier / embedded file : ill_pho_nyc_central_park.jpeg

Ceci est actuellement impossible avec Frontpage :

il faut saisir manuellement le nom du fichier avant le suffixe .jpeg.

- Architecture du site > Arborescence >

insertion d'un nouveau fichier / déplacement de fichiers existants.

Important : dans Frontpage,

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.

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 (qui s'affiche à gauche)

en cliquant sur l'icône TOGGLE PANE (à gauche de la TOOLBAR),

ouvrir une page,

cliquer 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 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,

ce qui fait perdre beaucoup de temps.

- Structure + navigation + téléchargement :

lorsqu'un nouveau fichier (B) est inséré

entre deux fichiers existants (A et C),

le téléchargement doit s'appliquer automatiquement à l'ensemble ABC,

afin d'éviter un "saut" de fichier dans la navigation.

- Structure + navigation + téléchargement :

modification de l'adresse d'un fichier (par exemple hist_2008_4_us_fbi.)

Tous les fichiers liés doivent se télécharger automatiquement,

pour éviter à l'utilisateur de cliquer sur un lien inactif.

- Sauvegardes > possibilité d'exporter, depuis le serveur,

à la fois les fichiers

et les données de navigation (barre, icônes, place dans l'arborescence).

Ceci n'est actuellement pas possible avec Frontpage

(on peut "rapatrier" les fichiers depuis le serveur,

mais sans les données de navigation).

- Création d'un index.

IMPORTANT : 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.

dans le dossier

TEXTES

FEUILLE DE STYLE FRONTPAGE

A PARTIR DE JUILLET 2014,

LES PARAMETRES CI-DESSOUS

VONT ETRE 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 maximal : 1800px de large.

Attention, lorsque les images sources font plus que 1800px,

après avoir redimensionné l'image à 1800px,

ne pas oublier de rééchantilonner l'image

en cliquant sur l'icône RESAMPLE.

Lorsqu'on insère une image à 1800px de large,

dans FORMAT -> PARAGRAPH,

le texte des articles a une identation de 650px (avant et après).

- En dessous de chaque document iconographique,

laisser un espace de 15 lignes.

- Dans certaines parties (sauf la grammaire),

le texte est en bleu primaire.

Exemple : événements dans HISTOIRE,

noms d'artistes dans ARTS.

- Vidéos et cartes interactives intégrées > Taille > 1200 x 700

Ce format implique de formater le texte (articles) en 350.

- Polices pour le titre Les Anglonautes dans la bannière :

- resources : https://www.google.com/fonts#

_____________________

MISE EN FORME DES ARTICLES A PARTIR DE JANVIER 2015 :

The Growing Shadow of Political Money

JAN. 24, 2015

The New York Times

By THE EDITORIAL BOARD

SundayReview | Editorial

Like bettors checking Las Vegas odds on the Super Bowl, specialists in the nation’s booming campaign finance industry are tracking the action in the 2016 elections, not so much to assess the candidates as to see how much of a payout is likely this time around in the grand casino of American politics.

The record total of $6.3 billion spent on the presidential and congressional elections of 2012 is only the starting point. Estimates of next year’s likely total are running between $7.5 billion and $8 billion. This moneyed universe is certain to keep expanding as the political industry’s managers and their candidates master the unlimited fund-raising and spending devices they now have at hand.

The sheer numbers should be enough to raise public alarm. But needed reforms are going nowhere, with too many congressional members busy bolstering their incumbency with the help of the same large-scale donors. In last year’s elections, the 100 biggest campaign check writers gave $323 million, plus many millions more in anonymous donations to politically active “social welfare” groups and other new money troughs. According to a report by Politico, total spending by the 100 ultra-donors exceeded that of the 4.75 million ordinary Americans who made smaller donations of $200 or less.

The risk of special-interest corruption? Five years ago, when the Supreme Court’s Citizens United decision dashed decades of sensible controls by equating unlimited corporate and union spending with individual free speech, Justice Anthony Kennedy reassured the nation that full disclosure of donors would be safeguard enough.

He envisioned a world, nonexistent, where disclosure lets citizens “see whether elected officials are ‘in the pocket’ of so-called moneyed interests.” But Congress then killed healthy disclosure requirements, and the way things are working out, with untraceable donations on the rise, it’s more the reverse: a case of moneyed interests moving snugly into the pockets of grateful officials.

Citizens United is just one of the threats to fair campaigning that is posed by runaway money. No less pernicious has been the rise of the nonprofit groups posing as “social welfare” organizations, while in truth they are political machines. This fiction is garnering large donations from players seeking to hide under protections in the tax code. The I.R.S. has timidly retreated from policing this abuse because of Tea Party complaints. The Federal Election Commission, charged with policing campaigns, is even more inert, paralyzed by an enforcement standoff engineered by Republican commissioners.

Antidotes to the politics of toxic money, in the form of a package of reforms, were offered last week to the new Congress. One would rein in the super-PAC cornucopia of big money for candidates pretending to be uninvolved. Another would strengthen ordinary Americans’ political speech by updating the public financing system for presidential elections and creating a badly needed new one for congressional races. A third, delivering on Justice Kennedy’s dream, would mandate full disclosure of large-scale contributions and of the identities of affluent donors now playing politics from the shadows.

But so far, reform of any sort has been no more than a dream. In this unresponsive Congress, it is likely to remain so.

A version of this editorial appears in print on January 25, 2015, on page SR12 of the New York edition with the headline: The Growing Shadow of Political Money.

The Growing Shadow of Political Money,
NYT,
JAN 24, 2015,
http://www.nytimes.com/2015/01/25/opinion/sunday/the-growing-shadow-of-political-money.html

_______________________

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,

par contre les anciennes icônes oranges

continuent d'apparaître sur Frontpage hors ligne.

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 (ci-dessous)

se réinstallent automatiquement dans le dossier _derived.

Sur le serveur uniquement :

le dossier overlay,

qui contient les mentions UP PREVIOUS etc.,

a été supprimé.

Le dossier _vti_cnf a également été supprimé du serveur,

sans incidence.

Ne pas supprimer le dossier _themes : la police de caractères change.

______________________

ICONES

1 - Les icônes de navigation (flèches) se trouvent dans le dossier DERIVED.

2 - L'icône du pied de page se trouve dans le dossier BORDER.

3 - Pour pouvoir être utilisée dans plusieurs pages dans le site,

une icône doit être insérée dans une page.

Toutes les icônes utilisées dans les Anglonautes sont sauvegardées ici :

Anciennes icônes :

_________________________________________________

HOW TO USE FRONTPAGE :

Changement de place des fichiers dans l'arborescence :

couper Internet pour afficher rapidement les pages qui comportent des vidéos YouTube.

Sans couper Internet, chaque page devra charger ces vidéos (parfois plusieurs minutes)

avant de pouvoir être modifiable.

_________________________________________________

Bug Frontpage :

Lorsqu'on renomme un dossier contenant plusieurs fichiers,

en ligne (seulement en ligne, pas sur le PC),

la navigation entre les pages ne se fait plus correctement.

Astuce : il faut faire un changement (n'importe lequel,

même un espace ou un retour ligne).

Après ces changements,

et après téléchargement des fichiers "réactualisés",

la navigation en ligne se fera correctement.

_____________________________________________

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 la touche TAB.

________________________________________________________

Google tools

https://support.google.com/webmasters/topic/4598466