faire une page web sur un circuit

Pour parler de tout et de rien, mais surtout de ce qui ne pourrait trouver sa place dans les autres rubriques...
Règles du forum
Pas de publicité. Respect de la thématique. Courtoisie bienvenue.
Avatar de l’utilisateur

Topic author
Manouche
Vétéran
Vétéran
Messages : 1416
Inscription : jeu. 30 mars 2017 12:31
7
Localisation : Languedoc, entre Minervois, Corbières et littoral
Status : Hors-ligne

faire une page web sur un circuit

Message par Manouche »

Bonjour,
Je prends beaucoup de plaisir à lire les messages et certains comportent des astuces ou des circuits qui m’intéressent.
Je prépare mes prochaines virées avec aussi. Merci à tous.
:bravo2
Mais je voudrais renvoyer l’ascenseur et poster des cartes ou éditer une pages web avec cartes. :idee
Photos, je sais faire. Page web assez simple, aussi. (sur page perso orange)
J'ai déjà fait avec l'aide du site du zéro (utilisation html). Je ne sais pas si ce site existe encore. Il devait sortir un livre. Il a peut-être supprimé son site gratuit.
Je coince sur les cartes. J'ai regardé google map mais je suis assez maladroite et c'est assez brouillon. Et comment enregistrer et copier ?
Un site existe-il pour m'aider également ?
Merci
Manouche


“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt

Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

bienvenue dans le monde du html
on trouve sur le web
n+1 cours de html
---
sinon ya des logiciels gratuits comme https://fr.wordpress.org/ ; mais faut deja se former un peu , mais je crois que ca vaut la peine
ensuite on peut faire ds sites pros ou presque
alors que avec le html brut on bricole et fait des sites d'amateur et souvent mauvais
on peut heberger chez son fournisseur ou chez des gens dont c'est le metier comme ovh

en effet orange propose un espace adhérent sur lequel on peut stocker des pages
voie avec la doc orange
ensuite suffit d'envoyer les œuvres chez eux a l'endroit dédié
on peut donc faire un site simple en html
soit brute de brute
soit en s'aidant de qlq logiciels
dreamverwer que claudio utilise (qui cependant a mauvaise presse) permet au moins de s'affranchir d ela trame de base

pour les cartes claudio part des cartes michelin (copie d'ecran printscreen) et coller dans un logiciel : ou ign et retrace par dessus
sinon les logiciels type gpsies par exemple ou openrunner ou autres permettent d'exporter ses cartes en jpg

la methode claudio
micheline carte (en ligne sur le web comme expliqué sur ce forum dans un autre post)
copie d'ecran
coller dans un logiciel de dessin, sur une couche
on dessine par dessus son parcours et zou
l’inconvénient : ca prend du temps !
pour ca 30 h
et pour son topo about viarhona yen a 40 cartes comme celle-ci !

ya qu'un vieux cyclo retraité misanthrope comme claudio : capable de faire ca
divorce assuré (c'est fait .. )
Image

http://cbandiera.free.fr/recits/2018-N7/e1.php


sinon gpsies : copie d'ecran
https://www.gpsies.com
ou plien d'autres (N+1) comme on disait en cours de Maths
ou un simple lien comme ici sur gpsies
http://cbandiera.free.fr/recits/2018-N7/gp.php

bonne chance
claudio



Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

vite fait sta matin de 5 à 7
voyage autour de ma chambre

http://cbandiera.free.fr/parcours/Lawrence/

bon à présent je vais boire un' café et re dormir un peu
ensuite le tiercé et laper Rô

claudio



Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

par exemple
une carte sur Gpsies vite fait en 5 mn (mais claudio connait la parcours et pointe d etete)
https://www.gpsies.com/map.do?fileId=vpxgsgvdhlpcomsp
comme ca cest plus long
Image

cb


Avatar de l’utilisateur

Topic author
Manouche
Vétéran
Vétéran
Messages : 1416
Inscription : jeu. 30 mars 2017 12:31
7
Localisation : Languedoc, entre Minervois, Corbières et littoral
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Manouche »

Bonjour,
Je ne sais pas si je suis prête à passer autant de temps sur mon ordinateur pour faire tout cela.
Voici ce que j'avais fait après une virée entre Languedoc et Aquitaine.
http://languedoc.pagesperso-orange.fr/velo2.html
Mais ce n'était pas spécialement destiné à des cyclistes, c'était pour intéresser famille et amis.
Manouche


“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt

vaber
Vétéran
Vétéran
Messages : 3191
Inscription : jeu. 4 févr. 2010 22:18
14
Localisation : Sud-Aveyron
Âge : 58
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par vaber »

Merci Manouche pour le lien je viens de tout lire d'une traite c'était très agréable, on avait l'impression d'y être :bien . Hormis la canicule vous avez eu un temps parfait pour voyager. Après pour la chaleur c'est vrai que la vallée de la Garonne est un vrai four en été :chaleur
Pour sur qu'une carte pour agrémenter et faciliter la lecture à ceux qui ne connaissent pas les contrées traversés serait un plus mais je ne sais pas comment on fait à part bidouiller sur une capture ou un scan de Micheline avec l'outil traceur d'un logiciel de retouche d'image. Ah mais si j'y pense et en plus je m'en sert tu trace le parcours emprunté sur Open Runer ou autre et tu fait une capture d'écran tu a ainsi dans le lot le kilométrage, et les dénivelés. Tu peut faire ça sur un fond de carte gogol ou préférable IGN le 100 000eme est très bien pour cela.
A+ Phil


On ne possède vraiment que ce que l'on sait...

Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

page intéressante par son contenu
mais si je puis me permettre la mise en page pourrait etre amélioré" assez facilement
deja faire plusieurs pages (une rubrique ne devrait pas dépasser une ou deux page verticalement)
conc une page web par jouretape
e1.html e2.htm avec des liens pour passer daune pas a l autre
ensuite les images peut erre mieux integree au texte
suffit de rajouter des options dans la balise img, comme align et vhref (doc sur le web)
ca donne in fine un texte bcq plus agréable et facile a lire et donc mieux lu
claudio professeur ROlin
pour la carte en affet faire une printscreen d'une page ign ou autre
Dernière modification par Beaba le dim. 4 mars 2018 10:43, modifié 1 fois.



vaber
Vétéran
Vétéran
Messages : 3191
Inscription : jeu. 4 févr. 2010 22:18
14
Localisation : Sud-Aveyron
Âge : 58
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par vaber »

Beaba a écrit : dim. 4 mars 2018 10:17 page interessante par son contenu
mais si je puis me permetre la mise en page pourrait etre ameliorer assez facilment
deja faire plusieurs pages (une rubrique ne devrait pas depasser une ou deux page verticalment)
conc une page web par jouretape
e1.html e2.htm avec des liens pour passer daune pas a la utre
Ah oui c'est vrai plus un avec Claude. Une page par étape et un lien en bas pour la suivante pour ne pas avoir à repasser par le menu mais pour un premier jet et pour un usage familial c'est un bon début.


On ne possède vraiment que ce que l'on sait...

Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

eb effet cest un bon debut

claudio amis 10 ans pour en arriver là :
p><img src="e2.jpg" title="carte-bambée-2018-veloroute-des-lacs-de-Savoie-et-viarhôna-genève-Lyon" alt="carte-bambée-2018-veloroute-des-lacs-de-Savoie-et-viarhôna-genève-Lyon" align="left" vspace=5 hspace=10 /></p>
<p>En route pour cette deuxième journée ..</p>


Avatar de l’utilisateur

AngstromCyclo
Vétéran
Vétéran
Messages : 3884
Inscription : lun. 22 août 2016 17:04
7
Localisation : Proche Montpellier Ouest
Âge : 60
Contact :
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par AngstromCyclo »

Manouche a écrit : dim. 4 mars 2018 07:58 Bonjour,
Je ne sais pas si je suis prête à passer autant de temps sur mon ordinateur pour faire tout cela.
Voici ce que j'avais fait après une virée entre Languedoc et Aquitaine.
http://languedoc.pagesperso-orange.fr/velo2.html
Mais ce n'était pas spécialement destiné à des cyclistes, c'était pour intéresser famille et amis.
Manouche
Bonjour Manouche, bonjour à tous.
Je ne sais pas si beaucoup de personnes sont prêtes à passer autant de temps que Claudio pour raconter leurs périples ! En tous cas pas moi non plus.

Il y a fort heureusement moyen de faire plus simple et plus rapidement.

Pour la carte, il y a déjà 2 grandes catégories d’options :

Carte dynamique (avec zoom possible). Il te faut faire une trace (soit enregistrée au cours de l’an rando avec un gps ou une appli smartphoné soit tracée avec les outil d’un site comme VisuGPX- Openrunner, Gpsies,Komoot, etc), puis insérer sur ton site le code HTML pour afficher la carte comme je le fais ici sur le forum

Carte à échelle fixe: soit la dessiner à la main sur un fond de carte résultant d'une copie d’écran sur le site de ton choix en utilisant un logiciel en mode pixel comme Pickpick (gratuit) ou LibreOffice Draw (mode vectoriel)pour dessiner dessus.
Tu pourras alors rajouter tes annotations textuelles, des pictogrammes avec des numéros de renvoi insérés dans le texte qui facilite la lecture et le suivi sur la carte.
L’avantage de LibreOffice Draw est qu’il permet de sauvegarder un fichier vectoriel (modifiable) et reprendre son travail plus tard en modifiant ce qu’on a fait précédemment. Ce n’est pas possible en mode pixel (point). Il faut alors tout faire dans la même session de travail.
LE mode vectoriel permet de faire du copier-coller facilement entre plusieurs fichiers, et donc de se constituer une sorte de bibliothèque de symboles et autres pictos.

Personnellement, j'utilise la combinaison suivante:
1) VisuGPX pour afficher des traces enregistrées ou créer des tracés.
2) JGN Superhéros pour imprimer les cartes au format PDF (drôle de nom!) http://jgn.superheros.fr/fr/
3) LibreOffice Draw (gratuit) ou Magix Photo & Graphics Designer (payant, que j'utilise depuis > 10 ans) pour le dessin vectoriel. Ces 2 logiciels permettent d'ouvrir des fichiers PDF puis de les modifier

Sur le site de VisuGPX j'ai fait un tuto vidéo pour expliquer le processus de fabrication:
- avec VisuGPX + JGN Superhéros + Adobe Reader
[youtube][/youtube]

- avec VisuGPX + JGN Superhéros + LibreOffice Draw
[youtube][/youtube]
Pour l'affichage sur un site, il y a le choix de logiciels payants ou gratuits pour faire des blogs ou des sites perso. Je crée le contenu sous traitement de texte Word ou LibreOffice puis fais un copier/coller.
Je garde toujours mon contenu (le texte, les graphiques, les photos) sous mon contrôle (sur mon disque dur) puis les publie sur tel ou tel site, utilisant tel ou tel moyen.

Quant au résultats, j'en ai plusieurs:

Des topos cartes que j'ai conçus pour pouvoir être imprimés chez soi et placés dasn le porte-carte de la pochette avant.
Leur but: servir pour choisir une rando, en discuter avec des copains avant de partir, puis servir sur le terrain.
Des exemples:
1) Un topo simple, réalisé en quelques minutes à partir d'un tracé OpenRunner (avant que je ne passe à VisuGPX)
TopoSimple.jpg
TopoSimple.jpg (450.57 Kio) Consulté 3908 fois
Il contient:
- une trace (avec de la transparence pour pouvoir voir la carto sousjacente
- un fond de carte IGN Top 100 riche
- un altigraphe récupéré sur OR
- un cartouche sommaire

2) Un topo riche perso, qui représente mon plus sophistiqué, une sorte de gallop d'essai sur ce que je pourrais faire:
TopoRiche.jpg
TopoRiche.jpg (281.06 Kio) Consulté 3908 fois
Je ne vais pas tout expliquer car il y a vraiment pas mal de choses mais en gros:
1) Un fond de carte perso créé à partir d'un outil de cartographie, fond de carte que j'ai modifié (une sorte de feuiile de style peso) qui n'enfreint pas les copyright de l'IGN ni de personne (la base est OpenStreetMap)
2) Un itinéraire avec variantes (pointillés, route par Lanuéjols)
3) La toponymie en mauve indique celle apparaissant sur les panneaux indicateurs routiers: pas besoin de faire un tableau, on sait quelle direction prendre (grâce à Google StreetView)
4) des indications touristiques (points intéressants comme les endroits où on peut prendre un café!)) et des indications cyclotouristiques (cols, distances, etc.)
5) Un cartouche riche, avec des indications cohérentes avec d'autres topos que j'ai faits.
6) Une carte de situation pour aller au point de départ
7) Un PDF riche qui permet, s'il est partagé par mail, aux amis de l'imprimer, de récupérer la trace GPX, de l'afficher sur VisuGPX, de calculer l'itinéraire en voiture pour se rendre au point de départ

Pour la première carte comme celle-là il y a pas mal d'heures de travail comparé à qq minutes pour la simple.
Mais j'ai désormais un canvas, une bibliothèque de symboles, une feuille de style cartographique qui me permettent de générer tout cela semi-automatiquement. Restent les infos touristiques et cyclotouristiques à ajouter à la mano, et la numérotation des routes qui ne marche pas encore super dans mon procédé automatique. Je retouche encore des choses générées par le programme.
Je dirais une grosse heure pour compléter ceci sur un nouveau tracé, en fonction du nombre de points remarquables (qu'il faut bien aller rechercher qq part).

Je ne vous cache pas que je fais quasiment toujours le modèle le plus simple, quand j'en fais.

Voilà pour les topos à emmener sur le terrain.


Il y a aussi les comptes-rendus de sorties, randos, voyages. Là c'est plus dans la veine de ce que tu as fait, Manouche, avec ton texte (très intéressant) auquel tu pourrais rajouter une carto.

Voici un exemple sur mon site en construction (qui n'avance pas): https://monexperiencevelo.blogspot.fr/2 ... t-les.html
Les lecteurs assidus reconnaitront le texte que j'avais partagé sur cyclos-cyclotes.

Voici un autre exemple, assez riche, sur le site de de Carnets d'Aventures, une belle revue à laquelle j'ai été abonné.
Ici

Pour finir, je voudrais dire qu'il est essentiel de bien se fixer les objectifs, et de choisir les outils pour atteindre ces objectifs, pas plus et puis s'y tenir (aux outils) pour que ça vaille la peine de s'investir un peu. Une fois qu'on a un peu de maitrise, il y a moyen d'obtenir de bons résultats sans passer 30 heures par publication. :wink:


A+

Angstrom

"Un cyclotouriste n’a pas de palmarès, il n’a que des souvenirs… » Jean Taboureau

Mon blog : Mon Expérience Vélo
Avatar de l’utilisateur

Topic author
Manouche
Vétéran
Vétéran
Messages : 1416
Inscription : jeu. 30 mars 2017 12:31
7
Localisation : Languedoc, entre Minervois, Corbières et littoral
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Manouche »

Bonjour,
Merci à tous pour les idées, remarques et conseils.
Sûr que pour une page destinée à des cyclo, il faudrait que ce soit fait autrement, autant pour montrer le point de vue du vélo, que pour voir les difficultés éventuelles et leurs résolutions. Ainsi que pour amorcer un débat sur les visions et solutions d'autres cyclistes. Si j'ai le temps, (dans une autre vie ?) je ferai une page par journée sur cette balade, car il s'en passe des choses en une journée pour un cycliste !
Mais ce sera plus probablement sur une autre virée.
Pour famille et ami, peut-être garderai-je la page que l'on descend comme le manuscrit de Kerouac que l'on déroule.
8)
Manouche


“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Avatar de l’utilisateur

Topic author
Manouche
Vétéran
Vétéran
Messages : 1416
Inscription : jeu. 30 mars 2017 12:31
7
Localisation : Languedoc, entre Minervois, Corbières et littoral
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Manouche »

Beaba a écrit : dim. 4 mars 2018 10:17 (...)
ensuite les images peut erre mieux integree au texte
suffit de rajouter des options dans la balise img, comme align et vhref (doc sur le web)
ca donne in fine un texte bcq plus agréable et facile a lire et donc mieux lu
claudio professeur ROlin
pour la carte en affet faire une printscreen d'une page ign ou autre
J'ai du mal avec l'insertion des images. Et cela a déjà été plutôt laborieux pour arriver à ça.
Je vais voir ce que signifie "vhref" pour mon prochain essai.
:?
Manouche


“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt

Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

je me suis goué
c"est ,vspace et hspace
https://www.w3schools.com/tags/att_object_vspace.asp


Avatar de l’utilisateur

Ravélo Bernard
Membre hyperactif
Membre hyperactif
Messages : 747
Inscription : ven. 23 févr. 2018 18:18
6
Localisation : Brabant Wallon (Belgique)
Âge : 63
Contact :
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Ravélo Bernard »

Bonjour.

Perso, j'utilise une structure de "type forum" -> https://peuplescavaliers.be/ravelo/foru ... /index.php

Pour chaque circuit : une petit présentation, une visualisation sur "google maps" ou sur "Openrunner" + la possibilité de télécharger le circuit en fichier gpx.

Très facile d'y mettre des photos
Très facile de bien organiser les différentes rubriques.
je laisse la lecture visible à tous et je bloque les inscriptions (pour être tranquille)

Faut dire aussi que j'ai un autre "forum/site" : Peuples Cavaliers.
Que celui-ci est hébergé depuis bientôt 10 ans sur un espace payant (OVH pour pas le citer) + un nom de domaine (mais bon, ça va, c'est pas trop cher)

Bien à tous.


Ravélo Bernard
Image
Membre de la FFBC
Membre du GRACQ
Mon site : Peuples Cavaliers

Beaba
Status : Hors-ligne

Re: faire une page web sur un circuit

Message par Beaba »

sinon
ya face de boucs
je sais que ici on est pas fane de ..
claudio le fut (de chêne) et pis un jour ; suite a une apparition, il a tout viré .. malgré ses 100 zaaaamis

facebook sert surtout a se faire espionner , a recevoir de la pub, (énorme) et a se faire pirater ses infos
et dire des conneries de plus en plus grosses pour faire le malin, au risk de mordre la ligne blanche et ensuite la poussière ..

claudio
mais je reviens sur le logiciel wordpress qui me semble une solution proche de pro, assez facile à utiliser pour le peu qu'oin se donne un peu de peine à le maitriser (ya tout sur le web, sinon ya des livres, sinon on peut utiliser son crédit formation .. que va donner manu)
la plupart des clubs on adopté wp en effet
comme mes amis du vca (excellent club, excellent site)
http://www.velo-club-annecy.fr/

sinon ya joomla dans le même style
un peu plus technique mais très puissant
---
tout cela a poser sur un site payant si on veut être un peu sérieux (ovh)

je précise que je ne travaille pour aucune de ces sociétés
et perso j'use hml php brut histoire de garder mes neurones et que je mets chez free (pas terrible, mais c’est gratuit)
et le désastre est bien la après 15 ans : 8000 pages référencés par GG
mais après trois divorces et deux AVC ..

www.Biclou.com


Répondre