Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3105 connectés 

 


 Mot :   Pseudo :  
  Aller à la page :
 
 Page :   1  2  3  4  5  ..  9  10  11  ..  16  17  18  19  20  21
Auteur Sujet :

Insertion image en html depuis mon ordi

n°2427775
Harmo88
Il n\\
Posté le 02-10-2022 à 22:59:32  profilanswer
 

Reprise du message précédent :

yann39 a écrit :

Ah le fameux target="_blank", il a longtemps fait polémique dans la communauté et continue de créer des débats :D
 
Certains considèrent qu'on doit laisser le choix à l'utilisateur (ouvrir le lien dans une nouvelle page ou non), certains considèrent que sémantiquement cela devrait effectivement être fait via Javascript (cela n'est pas lié au contenu HTML), d'autres pensent qu'on devrait distinguer les liens externes des liens internes (d'ailleurs ça se fait souvent via des icônes à côté des liens), etc.
 
Mais dans ton cas t'embêtes pas et gardes simplement target="_blank".
Et le problème auquel tu fais référence c'était pour XHTML 1.0 Strict, pas HTML1 qui n'a jamais existé en tant que tel ^^
 
Aussi à savoir que cela ouvrira une nouvelle page à chaque clic sur le lien, si tu souhaites que cela s'ouvre toujours dans la même page, utilises target="identifiant_unique" (remplace identifiant_unique par ce que tu veux).
 
Et surtout n'oublies pas d'ajouter aussi rel="noopener noreferrer" pour éviter les vulnérabilités (noopener indique au navigateur de naviguer vers la nouvelle page sans accorder l'accès à la page qui l'a ouvert, noreferrer empêche le navigateur d'envoyer à la page parente une valeur trompeuse dans l'en-tête HTTP "referer" ).
 


Citation :

Il y a des sites qui ajoutent automatiquement ces deux instructions; on peut vérifier depuis la page de lancement ... je regarderai ça.
Pas simple, la réalisation de sites Web ... c'est pire que l'assembleur dans les années 70  :lol:  
Merci pour ta réponse.

mood
Publicité
Posté le 02-10-2022 à 22:59:32  profilanswer
 

n°2427910
Harmo88
Il n\\
Posté le 03-10-2022 à 23:29:01  profilanswer
 

J'ai changé la présentation de la page; le jaune finissait par me donner la jaunisse, trop criard ... et le fond de page un peu trop violet.
Ça me parait moins agressif pour les yeux, enfin à mon gout qui n'est pas forcément celui de tout le monde.  
 
https://jsfiddle.net/th3fg28q/

n°2427942
MaybeEijOr​Not
but someone at least
Posté le 04-10-2022 à 11:05:41  profilanswer
 

Essaye de passer en revu ton code maintenant, JSFiddle te surligne ou souligne des passages, essaye de comprendre pourquoi et de corriger. ;)  
 
Sinon tu as deux "body" dans ta page :

Code :
  1. <body>
  2. <body style="background-color:#b8f6f7;"></body><!--Couleur de fond de la page en bleu-->


Il ne peut y en avoir qu'un seul par page, le second n'a en plus pas de sens puisque tu ne mets rien dedans.
 
 
La présentation de ta page ne fait pas très moderne mais c'est normale tu débutes, l'aspect c'est surtout géré par le CSS. Puis il faudrait probablement découper en plusieurs pages avec un menu mais chaque chose en son temps. [:inick:4]


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427963
Harmo88
Il n\\
Posté le 04-10-2022 à 12:13:37  profilanswer
 

MaybeEijOrNot a écrit :

Essaye de passer en revu ton code maintenant, JSFiddle te surligne ou souligne des passages, essaye de comprendre pourquoi et de corriger. ;)  
 
Sinon tu as deux "body" dans ta page :

Code :
  1. <body>
  2. <body style="background-color:#b8f6f7;"></body><!--Couleur de fond de la page en bleu-->


Il ne peut y en avoir qu'un seul par page, le second n'a en plus pas de sens puisque tu ne mets rien dedans.
 
 
La présentation de ta page ne fait pas très moderne mais c'est normale tu débutes, l'aspect c'est surtout géré par le CSS. Puis il faudrait probablement découper en plusieurs pages avec un menu mais chaque chose en son temps. [:inick:4]


Citation :

Body corrigé, il m' a échappé  :D  
J'accepte ta remarque au sujet de la modernité de ma page; elle traite d'un sujet plus technique qu'artistique, j'en conviens. De plus, les photos ne sont pas affichées, ce qui accentue encore cette sensation de vide.
J'essaie surtout d'apprendre et je modifie au fur et à mesure avec plus ou moins de réussite.
Le sens artistique n'est pas mon point le plus fort; je me débrouille mieux en photo, encore que je n'ai pas fait les beaux-arts ... quand on apprend en autodidacte il y a forcément des points faibles.
On va persévérer.

n°2427969
MaybeEijOr​Not
but someone at least
Posté le 04-10-2022 à 12:31:26  profilanswer
 

Ce n'est pas une question de toi, ta page ressemble plus à une page des années 2000 parce que tu en es encore à l'HTML. Et tu viens de faire la transition "document" --> "web", tu as donc tendance à écrire ta page comme si c'était un document Word, d'où d'ailleurs ma remarque sur le fait que tu mettes tout sur une seule page.
C'est tout à fait normal pour quelqu'un qui a connu un avant le web2.0, il y a une transition à faire que les jeunes d'aujourd'hui n'ont probablement pas besoin de faire.

 

Rome ne s'est pas faite en un jour, il y a des formations complètes sur le web, donc forcément qu'en quelques mois à temps incomplet en autodidacte ton apprentissage n'est pas terminé, d'ailleurs l'apprentissage n'est jamais terminé même pour un pro.

 

Continue comme ça, tu avances bien, même si tes démons ont toujours tendance à refaire surface (fautes d'inattention). Les outils de développement permettent d'aider à ce niveau mais pour l'instant tu ne te sens pas prêt, ce n'est pas grave, suffit juste de redoubler de vigilance. Mais garde en tête que ces outils existent si un jour tu veux franchir le pas.
Tu te concentres aussi beaucoup sur le résultat, là où j'essaye de te faire comprendre que la forme est plus importante. Parfois tu arrives au résultat escompté avec la mauvaise forme, le problème c'est que dans certaines conditions très particulières cela fonctionne, mais dès qu'une condition change ça ne fonctionnera plus. Alors que si tu mets les bonnes formes ça fonctionnera tout le temps.

 


EDIT : Et donc, comme je disais, prochaines étapes, probablement diviser ta page en plusieurs pages en faisant un menu puis approfondir le CSS.

Message cité 2 fois
Message édité par MaybeEijOrNot le 04-10-2022 à 12:37:02

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2427987
Harmo88
Il n\\
Posté le 04-10-2022 à 13:50:49  profilanswer
 

MaybeEijOrNot a écrit :

Ce n'est pas une question de toi, ta page ressemble plus à une page des années 2000 parce que tu en es encore à l'HTML. Et tu viens de faire la transition "document" --> "web", tu as donc tendance à écrire ta page comme si c'était un document Word, d'où d'ailleurs ma remarque sur le fait que tu mettes tout sur une seule page.
C'est tout à fait normal pour quelqu'un qui a connu un avant le web2.0, il y a une transition à faire que les jeunes d'aujourd'hui n'ont probablement pas besoin de faire.
 
Rome ne s'est pas faite en un jour, il y a des formations complètes sur le web, donc forcément qu'en quelques mois à temps incomplet en autodidacte ton apprentissage n'est pas terminé, d'ailleurs l'apprentissage n'est jamais terminé même pour un pro.
 
Continue comme ça, tu avances bien, même si tes démons ont toujours tendance à refaire surface (fautes d'inattention). Les outils de développement permettent d'aider à ce niveau mais pour l'instant tu ne te sens pas prêt, ce n'est pas grave, suffit juste de redoubler de vigilance. Mais garde en tête que ces outils existent si un jour tu veux franchir le pas.
Tu te concentres aussi beaucoup sur le résultat, là où j'essaye de te faire comprendre que la forme est plus importante. Parfois tu arrives au résultat escompté avec la mauvaise forme, le problème c'est que dans certaines conditions très particulières cela fonctionne, mais dès qu'une condition change ça ne fonctionnera plus. Alors que si tu mets les bonnes formes ça fonctionnera tout le temps.
 
 
EDIT : Et donc, comme je disais, prochaines étapes, probablement diviser ta page en plusieurs pages en faisant un menu puis approfondir le CSS.


Citation :

https://jsfiddle.net/1ktdL63z/
Je n'avais pas remarqué qu'en plaçant le curseur sur le petit surlignage de jssfiddle un petit message indique la raison de ce surlignage.
Là, je crois que ma sémantique est bonne, dans le HTML comme dans le CSS.  
 
"Tu te concentres aussi beaucoup sur le résultat, là où j'essaye de te faire comprendre que la forme est plus importante. Parfois tu arrives au résultat escompté avec la mauvaise forme, le problème c'est que dans certaines conditions très particulières cela fonctionne, mais dès qu'une condition change ça ne fonctionnera plus. Alors que si tu mets les bonnes formes ça fonctionnera tout le temps."
Hé oui, un mauvais vieux réflexe qui vient du basic ... Je le sais, tu me le répètes ... Quant aux fautes d’inattention, on n'est plus aussi performant qu'on l'était étant jeune, c'est un constat, pas une excuse.  
Maintenant que j'ai mieux compris le fonctionnement de jsfiddle il devrait y avoir moins d'erreur de syntaxe.  :jap:


n°2428271
Harmo88
Il n\\
Posté le 06-10-2022 à 21:55:07  profilanswer
 

MaybeEijOrNot a écrit :

Ce n'est pas une question de toi, ta page ressemble plus à une page des années 2000 parce que tu en es encore à l'HTML. Et tu viens de faire la transition "document" --> "web", tu as donc tendance à écrire ta page comme si c'était un document Word, d'où d'ailleurs ma remarque sur le fait que tu mettes tout sur une seule page.
C'est tout à fait normal pour quelqu'un qui a connu un avant le web2.0, il y a une transition à faire que les jeunes d'aujourd'hui n'ont probablement pas besoin de faire.
 
Rome ne s'est pas faite en un jour, il y a des formations complètes sur le web, donc forcément qu'en quelques mois à temps incomplet en autodidacte ton apprentissage n'est pas terminé, d'ailleurs l'apprentissage n'est jamais terminé même pour un pro.
 
Continue comme ça, tu avances bien, même si tes démons ont toujours tendance à refaire surface (fautes d'inattention). Les outils de développement permettent d'aider à ce niveau mais pour l'instant tu ne te sens pas prêt, ce n'est pas grave, suffit juste de redoubler de vigilance. Mais garde en tête que ces outils existent si un jour tu veux franchir le pas.
Tu te concentres aussi beaucoup sur le résultat, là où j'essaye de te faire comprendre que la forme est plus importante. Parfois tu arrives au résultat escompté avec la mauvaise forme, le problème c'est que dans certaines conditions très particulières cela fonctionne, mais dès qu'une condition change ça ne fonctionnera plus. Alors que si tu mets les bonnes formes ça fonctionnera tout le temps.
 
 
EDIT : Et donc, comme je disais, prochaines étapes, probablement diviser ta page en plusieurs pages en faisant un menu puis approfondir le CSS.


Citation :

https://jsfiddle.net/3kn52vw1/
Est-il possible d'équilibrer l'espacement entre les colonnes ?
Avec

Code :
  1. column-fill: balance;

ça ne fonctionne pas.
Ni avec

Code :
  1. column-balance-all;


J'ai essayé de placer des diviseurs, comme j'avais fait dans un exercice précédent, avec uniquement du texte; ça ne fonctionne pas non plus.
Faut-il passer par un conteneur délimité en largeur et hauteur ?
 
J'ai "modernisé" un peu l'apparence de la page, en changeant la police et la couleur.
Si je veux créer une page pour chaque <li> dans ma liste, certaines pages seront peu remplies; il faut donc que j'argumente plus le sujet.
Le titre, l'image, et la liste(que je souhaite conserver en horizontal, pour le menu ...), pourraient constituer la 1ére page.
Je vais cogiter tout ça ...


n°2428310
MaybeEijOr​Not
but someone at least
Posté le 06-10-2022 à 23:11:29  profilanswer
 

Je ne comprends pas ce que tu veux dire par "équilibrer l'espacement entre les colonnes".
 
Sinon ce n'est pas grave si tes pages n'ont pas toutes autant de contenu, et tu peux toujours jouer sur l'ajout d'illustrations et leur taille.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428327
Harmo88
Il n\\
Posté le 07-10-2022 à 09:07:28  profilanswer
 

MaybeEijOrNot a écrit :

Je ne comprends pas ce que tu veux dire par "équilibrer l'espacement entre les colonnes".
 
Sinon ce n'est pas grave si tes pages n'ont pas toutes autant de contenu, et tu peux toujours jouer sur l'ajout d'illustrations et leur taille.


 

Citation :

Dans la liste <ul>, entre la 1ére et la 2e colonne, il n'y a pas le même espacement qu'entre la 2e et la 3e, ainsi qu'entre la 3e et la 4e.
Schématiquement : ______   ______        ______       ______
                           ______   ______        ______       ______
 
Je voudrais, si possible: ______    ______    ______    ______  que les espaces entre les colonnes soient identiques; pour la présentation ce serait plus sympa.
                                ______    ______    ______    ______  

n°2428431
MaybeEijOr​Not
but someone at least
Posté le 07-10-2022 à 12:12:07  profilanswer
 

Ce n'est pas ce que je vois sur JSFiddle, il faut tenir compte de la longueur du texte, forcément si le texte est plus court l'espacement va sembler plus grand. Mais les espaces réservés pour chaque colonne sont les mêmes.
 
Essaye de mettre le même texte partout et tu verras. ;)  
 

Code :
  1. <div>
  2. <ul class="multi-colonnes">
  3.  <li><a href="#recom">aaaaaaaaaaaaaaaaa</a></li>
  4.  <li><a href="#choix">aaaaaaaaaaaaaaaaa</a></li>
  5.  <li><a href="#conseils">aaaaaaaaaaaaaaaaa</a></li>
  6.  <li><a href="#pilotage">aaaaaaaaaaaaaaaaa</a></li>
  7.  <li><a href="#cyclique">aaaaaaaaaaaaaaaaa</a></li>
  8.  <li><a href="#rotor principal">aaaaaaaaaaaaaaaaa</a></li>
  9.  <li><a href="#anticouple">aaaaaaaaaaaaaaaaa</a></li>
  10.  <li><a href="#radio">aaaaaaaaaaaaaaaaa</a></li>
  11.  <li><a href="#prop">aaaaaaaaaaaaaaaaa</a></li>
  12.  <li><a href="#servos">aaaaaaaaaaaaaaaaa</a></li>
  13.  <li><a href="#gyro">aaaaaaaaaaaaaaaaa</a></li>
  14.  <li><a href="#cons-mont">aaaaaaaaaaaaaaaaa</a></li>
  15.  <li><a href="#import">aaaaaaaaaaaaaaaaa</a></li> <!--Lien hypertexte-->
  16.  <li><a href="#photos montage">aaaaaaaaaaaaaaaaa</a></li>
  17. </ul>
  18. </div>


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
mood
Publicité
Posté le 07-10-2022 à 12:12:07  profilanswer
 

n°2428441
Harmo88
Il n\\
Posté le 07-10-2022 à 12:27:07  profilanswer
 

MaybeEijOrNot a écrit :

Ce n'est pas ce que je vois sur JSFiddle, il faut tenir compte de la longueur du texte, forcément si le texte est plus court l'espacement va sembler plus grand. Mais les espaces réservés pour chaque colonne sont les mêmes.
 
Essaye de mettre le même texte partout et tu verras. ;)  
 

Code :
  1. <div>
  2. <ul class="multi-colonnes">
  3.  <li><a href="#recom">aaaaaaaaaaaaaaaaa</a></li>
  4.  <li><a href="#choix">aaaaaaaaaaaaaaaaa</a></li>
  5.  <li><a href="#conseils">aaaaaaaaaaaaaaaaa</a></li>
  6.  <li><a href="#pilotage">aaaaaaaaaaaaaaaaa</a></li>
  7.  <li><a href="#cyclique">aaaaaaaaaaaaaaaaa</a></li>
  8.  <li><a href="#rotor principal">aaaaaaaaaaaaaaaaa</a></li>
  9.  <li><a href="#anticouple">aaaaaaaaaaaaaaaaa</a></li>
  10.  <li><a href="#radio">aaaaaaaaaaaaaaaaa</a></li>
  11.  <li><a href="#prop">aaaaaaaaaaaaaaaaa</a></li>
  12.  <li><a href="#servos">aaaaaaaaaaaaaaaaa</a></li>
  13.  <li><a href="#gyro">aaaaaaaaaaaaaaaaa</a></li>
  14.  <li><a href="#cons-mont">aaaaaaaaaaaaaaaaa</a></li>
  15.  <li><a href="#import">aaaaaaaaaaaaaaaaa</a></li> <!--Lien hypertexte-->
  16.  <li><a href="#photos montage">aaaaaaaaaaaaaaaaa</a></li>
  17. </ul>
  18. </div>



Citation :

Alors le problème vient de l'affichage de la page sur Edge ... ? Je vais essayer d'afficher sur un autre navigateur, pour voir si c'est mieux ...
Il faut d'abord que je vois comment faire. Au pire des cas, cela peut rester en l'état, ça n'est pas essentiel.


n°2428443
MaybeEijOr​Not
but someone at least
Posté le 07-10-2022 à 12:32:34  profilanswer
 

Pas de problème non plus sur Edge :
https://i.ibb.co/ryPXR4v/harmo-edge.png
 :??:


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428444
Harmo88
Il n\\
Posté le 07-10-2022 à 12:36:40  profilanswer
 

Harmo88 a écrit :


[quotemsg]Alors le problème vient de l'affichage de la page sur Edge ... ? Je vais essayer d'afficher sur un autre navigateur, pour voir si c'est mieux ...
Il faut d'abord que je vois comment faire. Au pire des cas, cela peut rester en l'état, ça n'est pas essentiel.
 
Je viens de faire l'essai avec Firefox, j'ai bien un espace différent entre les colonnes. Pas grave, je verrai ça plus tard. Je vais m'occuper des pages, 14 à afficher.
Si j'ai bien compris cela fait 14 fichiers à créer.


 

n°2428453
MaybeEijOr​Not
but someone at least
Posté le 07-10-2022 à 14:00:50  profilanswer
 

Oui cela va faire 14 pages mais c'est principalement du copier/coller. Puis cela va te faire sortir de la vision "document", tu vas t'apercevoir que tu as des parties fixes : en-tête et pied de page et des parties variables : le corps.
Tu vas aussi ressentir l'intérêt d'utiliser un fichier CSS : pas besoin de changer une à une les 14 pages pour corriger certains aspects mais uniquement le fichier CSS.

 

Par contre va falloir être attentif parce qu'une erreur copiée/collée x fois ça fait x fois plus de corrections.

 

Je te conseille donc de d'abord créer une page sans le corps de texte, juste avec ce qui se retrouvera sur chacun de tes pages. La corriger jusqu'à temps qu'il n'y ait plus la moindre erreur. Et après tu pourras créer à partir tes pages.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428608
Harmo88
Il n\\
Posté le 08-10-2022 à 11:44:55  profilanswer
 

MaybeEijOrNot a écrit :

Oui cela va faire 14 pages mais c'est principalement du copier/coller. Puis cela va te faire sortir de la vision "document", tu vas t'apercevoir que tu as des parties fixes : en-tête et pied de page et des parties variables : le corps.
Tu vas aussi ressentir l'intérêt d'utiliser un fichier CSS : pas besoin de changer une à une les 14 pages pour corriger certains aspects mais uniquement le fichier CSS.
 
Par contre va falloir être attentif parce qu'une erreur copiée/collée x fois ça fait x fois plus de corrections.
 
Je te conseille donc de d'abord créer une page sans le corps de texte, juste avec ce qui se retrouvera sur chacun de tes pages. La corriger jusqu'à temps qu'il n'y ait plus la moindre erreur. Et après tu pourras créer à partir tes pages.


Citation :

:hello: J'ai les pneus qui patinent sur le verglas  :D  
J'ai créé une nouvelle page d'accueil, depuis laquelle je voudrais ouvrir la 1ere page que j'ai crée.
 
Code de la nouvelle page d'accueil :

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>Vol-hélico-pages</title>
  6. <link rel="stylesheet" type="text/css" href="helico.css" />
  7. </head>
  8. <body style="background-color:#b8f6f7;"><!--Couleur de fond de la page en bleu-->
  9. <h1>DEBUTER EN HELICOPTERE RADIOCOMMANDE</h1>
  10. <p style="text-align: center;"><!--Centre l'image horizontalement-->
  11.  <img src="file://C:\Users\Perso\Pictures\helico1.jpg"alt"Photo d'un hélicoptère"/><!--Affiche l'image-->
  12. </p>
  13. <h3>ALLER DIRECTEMENT A LA PARTIE TRAITANT DE :</h3>
  14. <div>
  15. <ul class="multi-colonnes">
  16.  <li><a href="#recom">Recommandations aux débutants</a></li><!-- en cliquant là je veux ouvrir la page "recommandations.html-->
  17.  <li><a href="#choix">Choix du modéle</a></li>
  18.  <li><a href="#conseils">Conseils lors de l'achat d'un modèle</a></li>
  19.  <li><a href="#pilotage">Concernant l'apprentissage du pilotage</a></li>
  20.  <li><a href="#cyclique">Le plateau cyclique</a></li>
  21.  <li><a href="#rotor-principal">Le rotor principal</a></li>
  22.  <li><a href="#anticouple">Le rotor anticouple</a></li>
  23.  <li><a href="#radio">La radiocommande</a></li>
  24.  <li><a href="#prop">La propulsion</a></li>
  25.  <li><a href="#servos">Les servos</a></li>
  26.  <li><a href="#gyro">Le gyroscope</a></li>
  27.  <li><a href="#cons-mont">Conseils de montage</a></li>
  28.  <li><a href="#photos-montage">Quelques photos de montage</a></li>
  29. </ul>
  30. </div>
  31. </body>
  32. </html>


 
Code de la 1ere page :

Code :
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <title>Recommandations</title>
  6. <link rel="stylesheet" type="text/css" href="helico.css" />
  7. </head>
  8. <body style="background-color:#b8f6f7;"><!--Couleur de fond de la page en bleu-->
  9. <a href="recommandations.html"></a>
  10. <h3>RECOMMANDATIONS AUX DEBUTANTS :</h3>
  11. <ul>
  12. <li>Faire évoluer un modèle radiocommandé n'est pas sans danger. L'hélicoptère peut provoquer des blessures, voir des amputations graves, selon la taille des rotors.</li>
  13. <li>Respecter les distances de sécurité, concernant le public, ou des visiteurs éventuels.</li>
  14. <li>Maintenir le modèle en bon état, mécanique et électronique.</li>
  15. <li>Choisir un terrain bien dégagé, avec une aire de décollage/atterrissage adéquate.</li>
  16. <li>Avant le vol, toujours vérifier l'état du modèle, de la charge des accus, y compris ceux de la radio.</li>
  17. <li>Avant de décoller, tester toutes les commandes de vol; au besoin, effectuer un test de portée de la radio.</li>
  18. <li>Après vol vérifier l'état du modèle, surtout après un incident, une touchette.</li>
  19. <li>Rester concentré, ne pas se laisser distraire, ne pas s'approcher d'autres modèles en vol; plutôt s'en éloigner.</li>
  20. <li>Ne quittez pas votre modèle des yeux, quelques secondes suffisent pour se retrouver en situation inconfortable, voir incontrôlable.</li>
  21. <li>Ne dépassez pas vos compétences, vos limites. Si vous êtes trop crispé sur les manettes, faites une pause, pour mieux reprendre ensuite.</li>
  22. <li>La durée des séances varie en fonction de la concentration de chacun; au début 10 mn sont suffisantes.</li>
  23. <li>Tant que vous ne maîtrisez pas le vol stationnaire, ne tentez pas de translation(droite, gauche, avant, arrière) et encore moins des virages. Cela doit s'effectuer progressivement.</li>
  24. </ul>
  25. <hr>
  26. <img src="file://C:\Users\Perso\Pictures\helico1.jpg"alt"Photo d'un hélicoptère"/>
  27. <!--comment ouvrir cette page depuis la page vol-helico-essai-page.html ? je n'arrive pas à créer le lien-->
  28. </body>
  29. </html>


En exécution, cette page s'ouvre.
 
Le fichier CSS :

Code :
  1. h1 {
  2. font-family: "Comic Sans MS";
  3. font-size:250%;
  4. color: #ff9900;
  5. text-align: center;
  6. text-shadow: 3px 3px grey;
  7. }
  8. h3 {
  9. font-family: "Comic Sans MS";
  10. color: #ff9900;
  11. padding-left: 10px; /* Décale les titres de paragraphe à droite*/
  12. }
  13. p {
  14. color: #6f1ea5;
  15. font-family: "Comic Sans MS";
  16. font-size:130%;
  17. padding-left: 10px; /* Paragraphe décalé à droite*/
  18. }
  19. li {
  20.  font-size:130%;
  21.  list-style-type: none;
  22. }
  23. .multi-colonnes {
  24.  padding-left: 15px;
  25.  column-count: 3;/*Affiche la liste sur 4 colonnes*/
  26.  column-fill: balance;
  27.  }
  28. ul {
  29.  color: #6f1ea5;
  30.  font-family: "Comic Sans MS";
  31.  margin: 10px;
  32.  display: inline-block;
  33.  border: blue double;
  34.  border-radius: 10px;
  35.  box-shadow: 4px 4px 4px blue;
  36.  }
  37. .image{
  38.  float:left;
  39.  margin: 0 15px 15px 0
  40.  }


   
Dans la page d'accueil [vol-helico-essai-page.html], en cliquant sur : [<li><a href="#recom">Recommandations aux débutants</a></li>] je voudrais ouvrir la page [recommandations.html]
mais je n'arrive pas à créer le lien  :D  
Je suis conscient que je te demande beaucoup  :D Si tu peux me coder la 1ere page, que je puisse comprendre où je "pioche", ce serait super. Merci.


 
   
 
   
 
   
 

n°2428612
MaybeEijOr​Not
but someone at least
Posté le 08-10-2022 à 12:17:44  profilanswer
 

Tu as vu comment faire des ancres vers des sections d'une même page, mais avec la même balise tu peux aussi faire un lien vers une page :

Code :
  1. <a href="#recom">Recommandations aux débutants</a>


L'attribut href va permettre de définir le lien, un lien en absolu ou un lien en relatif. Le lien en absolu est le lien complet alors qu'en relatif tu repars d'un répertoire défini : le répertoire dans laquelle la page ouverte est située ou le répertoire racine.
 
Un peu de lecture devrait t'aider : https://developer.mozilla.org/fr/do [...] hyperlinks


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428622
Harmo88
Il n\\
Posté le 08-10-2022 à 14:12:57  profilanswer
 

MaybeEijOrNot a écrit :

Tu as vu comment faire des ancres vers des sections d'une même page, mais avec la même balise tu peux aussi faire un lien vers une page :

Code :
  1. <a href="#recom">Recommandations aux débutants</a>


L'attribut href va permettre de définir le lien, un lien en absolu ou un lien en relatif. Le lien en absolu est le lien complet alors qu'en relatif tu repars d'un répertoire défini : le répertoire dans laquelle la page ouverte est située ou le répertoire racine.
 
Un peu de lecture devrait t'aider : https://developer.mozilla.org/fr/do [...] hyperlinks


Citation :

Je suis en lien relatif. C'est bon, j'ai trouvé pourquoi ça ne fonctionnait pas(d'avoir mangé a reboosté les neurones  :lol: ); en fait, ça fonctionnait, mais je n'avais pas mis dans cette page la bonne photo, mais celle de la page d'accueil,
ce qui me donnait l'impression que je restais sur la page d'accueil ... :cry: Ah ! La concentration des seniors .... tout un poème  :lol:  
Il ne le reste plus que 13 pages à organiser; le plus long, c'est dimensionner les photos. Je préfère faire ça sur un log de retouche d'images.
Bon WE.

 

n°2428678
Harmo88
Il n\\
Posté le 09-10-2022 à 11:45:18  profilanswer
 

Harmo88 a écrit :


Citation :

Je suis en lien relatif. C'est bon, j'ai trouvé pourquoi ça ne fonctionnait pas(d'avoir mangé a reboosté les neurones  :lol: ); en fait, ça fonctionnait, mais je n'avais pas mis dans cette page la bonne photo, mais celle de la page d'accueil,
ce qui me donnait l'impression que je restais sur la page d'accueil ... :cry: Ah ! La concentration des seniors .... tout un poème  :lol:  
Il ne le reste plus que 13 pages à organiser; le plus long, c'est dimensionner les photos. Je préfère faire ça sur un log de retouche d'images.
Bon WE.

 


Citation :

5 pages de faites avec des liens externes, du texte, des photos, et retour à la page d'accueil, ça fait plus moderne effectivement  ;)


n°2428707
Harmo88
Il n\\
Posté le 10-10-2022 à 00:00:42  profilanswer
 

Citation :

Je voulais intégrer une page dans une page qui ont point commun; avec <a href ...> cela ne semble pas possible. En tout cas ça ne fonctionne pas. J'ai vu sur le net qu'il faut utiliser<iframe>, mais je n'ai pas réussi à copier le code du générateur ... Est-ce que tu connais ?
Sinon, je ferai une page séparée dans mon menu, comme pour le reste.

Message cité 1 fois
Message édité par Harmo88 le 10-10-2022 à 00:02:37
n°2428807
Harmo88
Il n\\
Posté le 10-10-2022 à 19:25:24  profilanswer
 

Cette fois, c'est terminé, il y a de la couleur, du texte, des photos, des pages; que demander de plus ?
Par contre, l'affichage du menu est toujours différent au niveau des colonnes. Je n'ai pas le même que celui que tu as posté ...Il ne me reste plus que cela à résoudre, sans trop comprendre pourquoi. Comment poster une copie d'écran sur le site ?
J'ai testé le code de toutes les pages avec JSFiddle, c'est correct.

n°2428809
MaybeEijOr​Not
but someone at least
Posté le 10-10-2022 à 19:56:18  profilanswer
 

Harmo88 a écrit :

Je voulais intégrer une page dans une page qui ont point commun; avec <a href ...> cela ne semble pas possible. En tout cas ça ne fonctionne pas. J'ai vu sur le net qu'il faut utiliser<iframe>, mais je n'ai pas réussi à copier le code du générateur ... Est-ce que tu connais ?
Sinon, je ferai une page séparée dans mon menu, comme pour le reste.


Pas de frames et pas d'iframes en 2022 on va dire, du moins dans ton contexte, là pour le coup ce serait vraiment un retour au web des années 2000.
Les iframes n'ont pas lieu d'être sur un même site, et de nos jours même vers des sites extérieurs où les API sont censés faire le relais. Cela va être frustrant pour toi, mais leur côté dynamique est apporté par des langages complémentaires côté serveur ou côté client. Les pages HTML sont maintenant générées par le serveur via un langage serveur, ce qui permet d'automatiser leur construction. C'est le langage serveur qui va assembler comme des légos les briques de HTML entre elles pour former la page qui sera envoyé à l'utilisateur final.
 

Harmo88 a écrit :

Cette fois, c'est terminé, il y a de la couleur, du texte, des photos, des pages; que demander de plus ?
Par contre, l'affichage du menu est toujours différent au niveau des colonnes. Je n'ai pas le même que celui que tu as posté ...Il ne me reste plus que cela à résoudre, sans trop comprendre pourquoi. Comment poster une copie d'écran sur le site ?
J'ai testé le code de toutes les pages avec JSFiddle, c'est correct.


Pour les copies d'écran et bien tu as soit des utilitaires, soit sur un PC la touche "Impr écran".


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428814
Harmo88
Il n\\
Posté le 10-10-2022 à 21:16:09  profilanswer
 

MaybeEijOrNot a écrit :


Pas de frames et pas d'iframes en 2022 on va dire, du moins dans ton contexte, là pour le coup ce serait vraiment un retour au web des années 2000.
Les iframes n'ont pas lieu d'être sur un même site, et de nos jours même vers des sites extérieurs où les API sont censés faire le relais. Cela va être frustrant pour toi, mais leur côté dynamique est apporté par des langages complémentaires côté serveur ou côté client. Les pages HTML sont maintenant générées par le serveur via un langage serveur, ce qui permet d'automatiser leur construction. C'est le langage serveur qui va assembler comme des légos les briques de HTML entre elles pour former la page qui sera envoyé à l'utilisateur final.
 


 

MaybeEijOrNot a écrit :


Pour les copies d'écran et bien tu as soit des utilitaires, soit sur un PC la touche "Impr écran".


Citation :

J'ai fait la copie écran, je l'ai sauvegardée en JPG, et réduite; je ne sais pas comment la poster sur le site, pour te montrer l'effet produit.
Dans une messagerie on met la photo en fichier joint, c'est simple. Sur le site , il y a une balise qui permet ça ?


n°2428830
MaybeEijOr​Not
but someone at least
Posté le 10-10-2022 à 23:02:09  profilanswer
 

Il faut héberger l'image sur un serveur pour la rendre disponible sur Internet, je te laisse faire ton propre choix en cherchant sur Google "hébergement image". Tu en trouveras plusieurs, choisis celui qui te convient le mieux.
Ensuite il faut mettre le lien de l'image entre balises "img", certains hébergeurs proposent directement le lien avec les balises qui vont bien.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2428833
Harmo88
Il n\\
Posté le 10-10-2022 à 23:10:21  profilanswer
 

Citation :

En fait, je cherche un problème qui n'existe pas ...Tu as raison
c'est dû à la longueur inégale du texte. Je comprends vite, il faut m'expliquer longtemps... Merci encore.

n°2429000
Harmo88
Il n\\
Posté le 12-10-2022 à 11:01:54  profilanswer
 

Citation :

Depuis une page, pour retourner à la page d'accueil, j'avais créé un lien simple:
[code)<a href="vol-helico-essai-page.html">RETOUR</a>[/code]
Que j'ai remplacé par un bouton qui change de couleur au survol :

Code :
  1. <a href="vol-helico-essai-page.html" class="bouton">RETOUR</a>


Et en CSS:

Code :
  1. a.bouton {
  2.  text-decoration: none;
  3.  padding: 10px 30px;
  4.  background-color: blue;
  5.  color: white;
  6.  border: 2px solid red;
  7.  border-style:inset;
  8.  }
  9. a.bouton:hover {
  10. background-color: yellow;
  11. color:red;
  12. }


C'est un peu plus sympa, simple mais efficace.

n°2430886
Harmo88
Il n\\
Posté le 02-11-2022 à 11:18:38  profilanswer
 

Quelques news; non, je n'ai pas abandonné, j'ai continué à améliorer mes pages en contenu, et en présentation. J'ai trouvé un vérificateur de sémantique pour les vérifier, ce qui m'a permis de constater que piocher des réponses sur plusieurs sites n'est pas forcément une bonne solution, on peut recopier des erreurs déjà présentes.  
Toutes mes pages sont maintenant au vert, je n'ai pas encore décidé de les publier ou pas. J'ai quand même envie bien que le sujet date un peu.

n°2430890
MaybeEijOr​Not
but someone at least
Posté le 02-11-2022 à 12:21:48  profilanswer
 

En recopiant sur des sites, tu peux te retrouver avec des choses non à jour. ;)


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2430895
Harmo88
Il n\\
Posté le 02-11-2022 à 13:40:04  profilanswer
 

MaybeEijOrNot a écrit :

En recopiant sur des sites, tu peux te retrouver avec des choses non à jour. ;)


Citation :

Oui, bien que je parle de sites réputés ... pas évident de s'y retrouver. L'important est d'avancer, peu importe la cadence(elle est fatalement moins bonne ....).
Je dois reconnaitre que sans ton aide, j'aurais abandonné depuis un certain temps ... Il me reste un gros problème concernant la mise en place d'éléments dans la page, les blocs, les boutons, les images; parfois ça se passe bien,
parfois c'est n'importe quoi ... toujours cette histoire d'héritage que je n'arrive pas à gérer à 100%, ou pour lequel je passe beaucoup de temps à résoudre.
De quoi occuper les soirées d'hiver  :lol:

n°2431203
Harmo88
Il n\\
Posté le 05-11-2022 à 11:29:18  profilanswer
 

Citation :

En l'état actuel, le site sera bien affiché sur écran de PC, jusqu'à 1280 px de largeur, mais pas pour les mobiles. Est-il préférable de créer un sous domaine(je ne sais pas faire) ? Ou d'utiliser les médias quéries et CSS3(je ne connais pas plus, je découvre) placées dans le fichier CSS ? Je suppose que dans ces deux cas, il faut supprimer l'affichage de la bannière qui prend beaucoup de place ? Qu'en est-il des photos placées côte à côte, seront-elles suffisamment réduites ? Encore bien des questions à trouver réponses ...

n°2431204
MaybeEijOr​Not
but someone at least
Posté le 05-11-2022 à 11:39:17  profilanswer
 

Je dirai que l'avenir devrait plutôt se diriger vers la solution la plus simple : tout gérer par le CSS. Le HTML évolue déjà dans le sens de l'interopérabilité multiplateformes et c'est la seule réponse faisant sens, tout comme les navigateurs ont déjà appris à interpréter de manière similaire le HTML.
 
On reste dans le même combat que le web des années 2000, HTML/CSS doit fournir plus de fonctionnalités afin de répondre aux besoins, et les navigateurs n'auront alors plus qu'à les intégrer comme préconisé.
 
Difficile de répondre à tes questions concrètes sans avoir tous les éléments (code + images) sous les yeux...


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2431210
Harmo88
Il n\\
Posté le 05-11-2022 à 12:27:53  profilanswer
 

MaybeEijOrNot a écrit :

Je dirai que l'avenir devrait plutôt se diriger vers la solution la plus simple : tout gérer par le CSS. Le HTML évolue déjà dans le sens de l'interopérabilité multiplateformes et c'est la seule réponse faisant sens, tout comme les navigateurs ont déjà appris à interpréter de manière similaire le HTML.
 
On reste dans le même combat que le web des années 2000, HTML/CSS doit fournir plus de fonctionnalités afin de répondre aux besoins, et les navigateurs n'auront alors plus qu'à les intégrer comme préconisé.
 
Difficile de répondre à tes questions concrètes sans avoir tous les éléments (code + images) sous les yeux...


Citation :

Pour l'instant, je n'ai pas d'hébergeur pour t'envoyer les images; j'en avais un qui est fermé depuis peu ... le responsable m'a prévenu pour que je puisse prendre mes dispositions.
Le plus simple est peut-être que je mette le site en ligne, je te donne l'URL, et je ferai les modifications d'adaptation aux mobiles par la suite. Je suppose que l'on peut modifier le site sans surcout ?
Ou vaut-il mieux le mettre en ligne complètement terminé ? Ça me parait être la meilleure solution?  
Excuse moi pour toutes ces questions, mais c'est la première fois que j'aborde le sujet. Je découvre l'élaboration complète d'un site. Passionnant mais complexe la première fois.

n°2431218
MaybeEijOr​Not
but someone at least
Posté le 05-11-2022 à 13:00:48  profilanswer
 

Les sites sont faits pour évoluer, être mis à jour, donc non il n'y a pas de surcoût. Le surcoût c'est si tu décides de ne pas le faire toi-même et de payer quelqu'un pour faire la maintenance du site.
 
Tu peux très bien héberger un site en construction.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2431222
Harmo88
Il n\\
Posté le 05-11-2022 à 13:48:12  profilanswer
 

MaybeEijOrNot a écrit :

Les sites sont faits pour évoluer, être mis à jour, donc non il n'y a pas de surcoût. Le surcoût c'est si tu décides de ne pas le faire toi-même et de payer quelqu'un pour faire la maintenance du site.
 
Tu peux très bien héberger un site en construction.


Citation :

C'est bien ce qu'il me semblait mais je voulais en être certain. Je ne me suis pas donné tout ce mal, pour payer quelqu'un  :lol: Si je devais payer quelqu'un, ce serait toi  :lol: Alors, symboliquement, je t'offre un verre, ou plus, si tu veux, pour tout le mal que je te donne(en plus je viens de passer le cap des 75 balais ... ça s'arrose  :bounce: ) j'espère en vivre encore autant  :cry:  :lol: ma mère était centenaire lorsqu'elle est partie pour le voyage sans retour ... Je suis hors sujet.


n°2431223
MaybeEijOr​Not
but someone at least
Posté le 05-11-2022 à 14:12:28  profilanswer
 

Ne t'inquiètes pas, je ne fais pas ça pour l'argent, professionnellement je ne suis même pas dans le domaine, même si de temps en temps je me dis que je garde ça sous le coude pour une reconversion. Et si je ne veux pas répondre, et bien je ne réponds pas et puis c'est tout. [:spamafote]


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2431233
Harmo88
Il n\\
Posté le 05-11-2022 à 16:13:56  profilanswer
 

MaybeEijOrNot a écrit :

Ne t'inquiètes pas, je ne fais pas ça pour l'argent, professionnellement je ne suis même pas dans le domaine, même si de temps en temps je me dis que je garde ça sous le coude pour une reconversion. Et si je ne veux pas répondre, et bien je ne réponds pas et puis c'est tout. [:spamafote]


 

Citation :

Bon, le voilà qui boude  :lol: Je pensais que tu étais dans la formation ... en ce qui me concerne, je ne peux pas dire que tu ne réponds pas  :jap: Ça me donne presque un regret : j'aurais du commencer plus tôt à m'intéresser
au sujet, mais je n'étais pas en manque d'activités diverses.

 

n°2431234
MaybeEijOr​Not
but someone at least
Posté le 05-11-2022 à 17:09:13  profilanswer
 

Non non je ne boude pas, je dis simplement que rien ne me force à répondre, donc si je le fais c'est que j'accepte de le faire.
Je ne suis pas dans la formation, après dans le monde pro, entre les stages allant des stages de 3ème jusqu'aux thèses et les nouveaux arrivants, j'ai souvent l'occasion de "former" les gens. Les gens trouvent que je suis plutôt pédagogue et patient.

Message cité 1 fois
Message édité par MaybeEijOrNot le 05-11-2022 à 17:09:21

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2431235
Harmo88
Il n\\
Posté le 05-11-2022 à 17:10:25  profilanswer
 

Citation :

Encore une question : Dans le répertoire qui contient ma page d'accueil, et les autres pages, il y a aussi des fichiers de mes exercices; est-ce que je dois retirer ces fichiers d'exercices pour ne pas qu'ils soient chargés dans mon site ? Auquel cas je les mets dans un autre répertoire, et je laisse les fichiers du site, avec le fichier CSS. Le nom de domaine est enregistré, il faut attendre 24 à 72 h pour qu'il soit valide. Je vais envoyer mon site chez l'hébergeur après ta réponse.


Message édité par Harmo88 le 05-11-2022 à 17:12:18
n°2431237
MaybeEijOr​Not
but someone at least
Posté le 05-11-2022 à 17:14:32  profilanswer
 

Pour l'instant ne mets pas les fichiers de tes exercices dessus sinon ils seront accessibles. En fonction de tes accès au serveur, tu pourras éventuellement le configurer plus tard pour limiter l'accès de ces fichiers.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
n°2431238
Harmo88
Il n\\
Posté le 05-11-2022 à 17:16:05  profilanswer
 

MaybeEijOrNot a écrit :

Non non je ne boude pas, je dis simplement que rien ne me force à répondre, donc si je le fais c'est que j'accepte de le faire.
Je ne suis pas dans la formation, après dans le monde pro, entre les stages allant des stages de 3ème jusqu'aux thèses et les nouveaux arrivants, j'ai souvent l'occasion de "former" les gens. Les gens trouvent que je suis plutôt pédagogue et patient.


Citation :

Je confirme pour ces deux qualités  :jap: (pourtant, y va bien falloir que je trouve un défaut  :lol: on dit qu'il n'y a pas de bonne bête sans défaut ... :D


n°2431239
Harmo88
Il n\\
Posté le 05-11-2022 à 17:18:51  profilanswer
 

MaybeEijOrNot a écrit :

Pour l'instant ne mets pas les fichiers de tes exercices dessus sinon ils seront accessibles. En fonction de tes accès au serveur, tu pourras éventuellement le configurer plus tard pour limiter l'accès de ces fichiers.


Citation :

OK merci, je vais les retirer, mettons les chances de réussite du bon côté ...de plus, ils n'ont rien à faire là.


n°2431241
Harmo88
Il n\\
Posté le 05-11-2022 à 18:48:22  profilanswer
 

Harmo88 a écrit :


Citation :

OK merci, je vais les retirer, mettons les chances de réussite du bon côté ...de plus, ils n'ont rien à faire là.




 

Citation :

Et les images du site, je peux les mettre dans le répertoire des fichiers du site ? Ce serait plus facile de les retrouver ?
ou je les mets dans un répertoire à part ? Toujours des questions ...


mood
Publicité
Posté le   profilanswer
 

 Page :   1  2  3  4  5  ..  9  10  11  ..  16  17  18  19  20  21

Aller à :
Ajouter une réponse
 

Sujets relatifs
Signature e-mail en HTML adaptative mode clair/sombre ?Exercice html, php, mysql, javascript
hébergement de page htmlresponsive scroll pas quand je glisse l'image
Probleme d'edition d'image dans DjangoEnvoi image sur blog impossible
Aligner le background au milieu de l'imageun problème de lien php dans le html
Affichage d'une image en infobulle au survol d'un lien (hover)HTML Select et OnClick() ne fonctionne pas sur Safari
Plus de sujets relatifs à : Insertion image en html depuis mon ordi


Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)