faire des pages web
Règles du forum
Pas de publicité. Respect de la thématique. Courtoisie bienvenue.
Pas de publicité. Respect de la thématique. Courtoisie bienvenue.
-
Topic author - 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 des pages web
Bonjour,
Il y a quelques années, j'ai appris quelques éléments avec le site du zéro pour écrire en html et faire une page web.
J'utilise pagesperso-orange pour publier. (c'est gratuit )
(Il me manque des codes ou balises pour que le texte ne soit pas collé aux photos.)
Mais ce n'est pas le gros du problème.
Car même si j'essaie de calculer quand je rédige et intègre des photos, l'affichage va changer selon que lé zoom va changer ou que ma barre de tâche sera plus ou moins large.
Je ne sais pas si je suis claire, étant assez faible sur ce genre de compétences.
Voici un lien vers ma dernière page. (je suis en train d'en faire une sur un voyage en Bretagne mais je galère.)
https://languedoc.pagesperso-orange.fr/NARBONNE-MEDOC
Mon but est essentiellement de faire des pages pour moi (garder un souvenir), et pour ma famille (partager ce que je peux faire). Je ne prétends pas du tout faire cela pour donner des leçons. (Et comme c'est sur le web, je limite les photos de personnes ou je change des prénoms).
Pouvez-vous me donner des conseils ou me guider vers un ouvrage ?
Je ne voudrais pas tout refaire, Je veux pouvoir choisir la présentation et le diaporama, mais il FAUT que j'arrive à améliorer.
J'ajoute que je voulais choisir de programmer moi-même, et non pas de faire un site en choisissant un mode "automatique"
Merci
Manouche
Il y a quelques années, j'ai appris quelques éléments avec le site du zéro pour écrire en html et faire une page web.
J'utilise pagesperso-orange pour publier. (c'est gratuit )
(Il me manque des codes ou balises pour que le texte ne soit pas collé aux photos.)
Mais ce n'est pas le gros du problème.
Car même si j'essaie de calculer quand je rédige et intègre des photos, l'affichage va changer selon que lé zoom va changer ou que ma barre de tâche sera plus ou moins large.
Je ne sais pas si je suis claire, étant assez faible sur ce genre de compétences.
Voici un lien vers ma dernière page. (je suis en train d'en faire une sur un voyage en Bretagne mais je galère.)
https://languedoc.pagesperso-orange.fr/NARBONNE-MEDOC
Mon but est essentiellement de faire des pages pour moi (garder un souvenir), et pour ma famille (partager ce que je peux faire). Je ne prétends pas du tout faire cela pour donner des leçons. (Et comme c'est sur le web, je limite les photos de personnes ou je change des prénoms).
Pouvez-vous me donner des conseils ou me guider vers un ouvrage ?
Je ne voudrais pas tout refaire, Je veux pouvoir choisir la présentation et le diaporama, mais il FAUT que j'arrive à améliorer.
J'ajoute que je voulais choisir de programmer moi-même, et non pas de faire un site en choisissant un mode "automatique"
Merci
Manouche
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
- Site Admin
- Messages : 1078
- Inscription : ven. 16 août 2002 19:56
- 21
- Localisation : Yvelines
- Âge : 49
- Contact :
- Status : Hors-ligne
Re: faire des pages web
Bonjour Manouche,
Je te conseille d'utiliser le populaire Bootstrap pour concevoir ton site.
Cela facilite l'affichage "Responsive". Les éléments s'adaptent à la taille de l'écran.
Site officiel : getbootstrap.com
Tu as des exemples de code pour la mise en page :
https://getbootstrap.com/docs/5.0/getti ... r-template
Thèmes et exemples gratuits :
startbootstrap.com
Je te conseille d'utiliser le populaire Bootstrap pour concevoir ton site.
Cela facilite l'affichage "Responsive". Les éléments s'adaptent à la taille de l'écran.
Site officiel : getbootstrap.com
Tu as des exemples de code pour la mise en page :
https://getbootstrap.com/docs/5.0/getti ... r-template
Thèmes et exemples gratuits :
startbootstrap.com
Amicalement,
Michel ALLONNEAU.
Michel ALLONNEAU.
-
- Vétéran
- Messages : 1834
- Inscription : lun. 20 nov. 2006 00:35
- 17
- Localisation : Grenoble
- Status : Hors-ligne
Re: faire des pages web
Que ton site change quand la surface d'affichage change est tout à fait normal, sinon tes images et ton texte deviendraient minuscules.
On dit que ton interface est plastique.
Bootstrap est une solution, mais si tu veux continuer à faire du HTML simple, je te conseille d'empêcher le texte de se coller aux images (sans doute un paramètre de ta balise image), et de structurer ton texte avec des titres, gras et italiques.
On dit que ton interface est plastique.
Bootstrap est une solution, mais si tu veux continuer à faire du HTML simple, je te conseille d'empêcher le texte de se coller aux images (sans doute un paramètre de ta balise image), et de structurer ton texte avec des titres, gras et italiques.
-
- 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 des pages web
Fait un essai avec la première image en mettant <br> entre ton lien de l'image et "le matériel"
Code : Tout sélectionner
<p> <img src="https://languedoc.pagesperso-orange.fr/lesimages4/1Apreparation.jpg"
class="imageflottante1" alt="1preparation des sacoches"title="le vélo en préparation" />
<br>
LE MATERIEL : </br></br>
- Mon vélo SCOTT qui a déjà fait plusieurs voyages.</br>
- Sacoches Vaude, et leurs housses de pluie</br>
- Camping : tente légère mais j'emmène aussi un hamac.</br>
- Couchages : sac de couchage, matelas auto-gonflable, </br>
- Cuisine : popote et réchaud, </br>
- un minimum de vêtements légers, lavables et séchables facilement, </br>
- gourde inox sur porte gourde + deux bouteilles d'eau ... etc, </br>
- Je vérifie ma trousse de pharmacie et je prends ma ceinture lombaire.</br>
- un livre : Marcher (Henry David Thoreau).</br></br>
-
- Site Admin
- Messages : 1078
- Inscription : ven. 16 août 2002 19:56
- 21
- Localisation : Yvelines
- Âge : 49
- Contact :
- Status : Hors-ligne
Re: faire des pages web
Si tu veux faire simple, pour espacer ton élément (image) du texte, il faut spécifier le padding dans ta feuille de style.
Exemples : https://www.w3schools.com/css/css_padding.asp
Par exemple, pour ta première image :
qui utilise la classe imageflottante1
Dans ta feuille de style velo4.css, modifie ta classe comme suit :
10px = 10 pixels d'espacement
Exemples : https://www.w3schools.com/css/css_padding.asp
Par exemple, pour ta première image :
Code : Tout sélectionner
<img src="lesimages4/1Apreparation.jpg" class="imageflottante1" alt="1preparation des sacoches" title="le vélo en préparation" />
Dans ta feuille de style velo4.css, modifie ta classe comme suit :
Code : Tout sélectionner
.imageflottante1
{
float: left;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
Amicalement,
Michel ALLONNEAU.
Michel ALLONNEAU.
-
Topic author - 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 des pages web
le <br> sert pour faire un nouveau paragraphe ou sauter des lignes. Enfin, c'est ainsi que je l'utilise.Ravélo Bernard a écrit : ↑mar. 23 févr. 2021 11:01Fait un essai avec la première image en mettant <br> entre ton lien de l'image et "le matériel"
Merci, je vais faire cela pour mes feuilles de style. Cela sera déjà plus présentable.chelmi a écrit : ↑mar. 23 févr. 2021 12:23 Si tu veux faire simple, pour espacer ton élément (image) du texte, il faut spécifier le padding dans ta feuille de style.
Exemples : https://www.w3schools.com/css/css_padding.asp
(...)
Manouche
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
Topic author - 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 des pages web
merci, c'est sans doute cela qu'il me faut.chelmi a écrit : ↑mar. 23 févr. 2021 09:48 Bonjour Manouche,
Je te conseille d'utiliser le populaire Bootstrap pour concevoir ton site.
Cela facilite l'affichage "Responsive". Les éléments s'adaptent à la taille de l'écran.
Site officiel : getbootstrap.com
Tu as des exemples de code pour la mise en page :
https://getbootstrap.com/docs/5.0/getti ... r-template
Thèmes et exemples gratuits :
startbootstrap.com
(en français ce serait bien, mais il ne faut peut-être pas trop demander).
Maintenant, il va falloir que j'y passe du temps.
Pour le moment : jardinage, car il fait soleil !
Manouche
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
- Vétéran
- Messages : 1834
- Inscription : lun. 20 nov. 2006 00:35
- 17
- Localisation : Grenoble
- Status : Hors-ligne
-
Topic author - 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 des pages web
ouaip, ouaip !
J'ai constaté que sur mes dernières pages, la taille de la police était petitissime.
Mais, j'ai vu aussi que, quand je remplace les balises paragraphes <p> par des balises saut de ligne <br>, je reviens à des caractères un peu plus grand.
Du coup, mauvaise élève que je suis , au lieu de chercher à avoir une taille de police de façon correcte, je me suis contentée de cette manipulation.
Manouche
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
- Vétéran
- Messages : 1515
- Inscription : ven. 15 juin 2018 19:43
- 5
- Localisation : Savoie
- Âge : 55
- Status : Hors-ligne
Re: faire des pages web
Salut,
J'ai personnellement opté pour une solution de facilité et gratuite : https://wordpress.com/fr/
Ça utilise le logiciel libre Wordpress, ça se met à jour tout seul et c'est gratuit jusqu'à 3G de stockage. J'utlise aussi mes "pages perso" pour y stocker les gros truc (vidéo & son).
La contrainte c'est un peu de pub au fond de la page.
Pour du html pur et le soucis des images qui se mélanges au texte tu peux insérer avant et après ton image une ligne horizontale (me rapelle plus du code).
Les meilleurs logiciels pour faire du html sont un éditeur texte tout simple genre Kate (pour construire) et plusieurs navigateurs (pour vérifier).
J'ai personnellement opté pour une solution de facilité et gratuite : https://wordpress.com/fr/
Ça utilise le logiciel libre Wordpress, ça se met à jour tout seul et c'est gratuit jusqu'à 3G de stockage. J'utlise aussi mes "pages perso" pour y stocker les gros truc (vidéo & son).
La contrainte c'est un peu de pub au fond de la page.
Pour du html pur et le soucis des images qui se mélanges au texte tu peux insérer avant et après ton image une ligne horizontale (me rapelle plus du code).
Les meilleurs logiciels pour faire du html sont un éditeur texte tout simple genre Kate (pour construire) et plusieurs navigateurs (pour vérifier).
"En équilibre au milieu des fous..." Patrick Plaine
-
Topic author - 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 des pages web
Merci de la réponse.emilpoe a écrit : ↑mar. 23 févr. 2021 18:12 J'ai personnellement opté pour une solution de facilité et gratuite : https://wordpress.com/fr/
Ça utilise le logiciel libre Wordpress, ça se met à jour tout seul et c'est gratuit jusqu'à 3G de stockage. J'utlise aussi mes "pages perso" pour y stocker les gros truc (vidéo & son).
La contrainte c'est un peu de pub au fond de la page.
Pour du html pur et le soucis des images qui se mélanges au texte tu peux insérer avant et après ton image une ligne horizontale (me rapelle plus du code).
Les meilleurs logiciels pour faire du html sont un éditeur texte tout simple genre Kate (pour construire) et plusieurs navigateurs (pour vérifier).
ça mange du temps tout ça ...
Un autre confinement pour m'y mettre ?!
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
- Membre actif
- Messages : 278
- Inscription : mar. 6 août 2019 09:38
- 4
- Localisation : Waremme (Be)
- Âge : 46
- Status : Hors-ligne
Re: faire des pages web
Bonjour,
Je trouve qu'il est très bien votre site. Le texte est là, accompagné de photos, l'info passe et est partagée !
Je serai plutôt partisan d'un web low tech que celui des usines à gaz actuelles. On ne le met jamais en évidence car on nous les pousse à toutes les sauces mais les technologies de l'information sont des gouffres énergétiques (et gaspillent littéralement celle-ci). A quand un internet et des sites web plus vertueux et durables ?
Je trouve qu'il est très bien votre site. Le texte est là, accompagné de photos, l'info passe et est partagée !
Je serai plutôt partisan d'un web low tech que celui des usines à gaz actuelles. On ne le met jamais en évidence car on nous les pousse à toutes les sauces mais les technologies de l'information sont des gouffres énergétiques (et gaspillent littéralement celle-ci). A quand un internet et des sites web plus vertueux et durables ?
-
- Vétéran
- Messages : 1834
- Inscription : lun. 20 nov. 2006 00:35
- 17
- Localisation : Grenoble
- Status : Hors-ligne
Re: faire des pages web
Ça existe, ça s'appelle Gemini.
Mais en vrai on peut faire du HTML tout simple avec les technos actuelles.
-
Topic author - 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 des pages web
Merci, mais je le voudrais plus "propre".
Je vais prendre le temps d'apprendre mieux. Je voulais publier un ancien voyage en Bretagne, mais j'ai serré un peu plus les photos et ça coince.
Manouche
“We are defined by the lines we choose to cross or to be confined by”
Antonia Suzan Byatt
Antonia Suzan Byatt
-
- Membre actif
- Messages : 278
- Inscription : mar. 6 août 2019 09:38
- 4
- Localisation : Waremme (Be)
- Âge : 46
- Status : Hors-ligne
Re: faire des pages web
Oui, j'avais lu un article sur framablog et testé !
On peut aussi faire des pages statiques simples et tout à fait exploitables.