Créer une petite page
Fermé
lelo4
Messages postés
8
Date d'inscription
vendredi 17 août 2007
Statut
Membre
Dernière intervention
18 août 2007
-
17 août 2007 à 12:22
Yoan Messages postés 11795 Date d'inscription mardi 1 février 2005 Statut Modérateur Dernière intervention 10 décembre 2023 - 17 août 2007 à 14:10
Yoan Messages postés 11795 Date d'inscription mardi 1 février 2005 Statut Modérateur Dernière intervention 10 décembre 2023 - 17 août 2007 à 14:10
A voir également:
- Créer une petite page
- Supprimer une page word - Guide
- Créer une page facebook - Guide
- Créer un compte gmail - Guide
- Créer un compte google - Guide
- Créer un groupe whatsapp - Guide
3 réponses
Yoan
Messages postés
11795
Date d'inscription
mardi 1 février 2005
Statut
Modérateur
Dernière intervention
10 décembre 2023
2 329
17 août 2007 à 12:33
17 août 2007 à 12:33
Bonjour,
Une telle fenêtre est une "popup". Voir ici comment en créer avec JavaScript :
https://www.toutjavascript.com/savoir/savoir15.php3
D'autre part, le site est très très lourd à charger ! Commence par réduire toutes les images : le bouton "Accueil" par exemple fait 666x464 pixels alors que tu l'utilises en 98x66 pixels ! Tu peux diviser par 10 le poids de chaque image en faisant ainsi pour toutes. Idem La bannière d'accueil est beaucoup trop lourde : passe-là en 920x119 pixels.
Enfin, quand tu as mis un lien sur une image (<a href="cible.html"><img="image.png"/></a>) ajoute border="no" à <img> pour supprimer la bordure bleue : <a href="cible.html"><img="image.png" border="no" /></a>
Une telle fenêtre est une "popup". Voir ici comment en créer avec JavaScript :
https://www.toutjavascript.com/savoir/savoir15.php3
D'autre part, le site est très très lourd à charger ! Commence par réduire toutes les images : le bouton "Accueil" par exemple fait 666x464 pixels alors que tu l'utilises en 98x66 pixels ! Tu peux diviser par 10 le poids de chaque image en faisant ainsi pour toutes. Idem La bannière d'accueil est beaucoup trop lourde : passe-là en 920x119 pixels.
Enfin, quand tu as mis un lien sur une image (<a href="cible.html"><img="image.png"/></a>) ajoute border="no" à <img> pour supprimer la bordure bleue : <a href="cible.html"><img="image.png" border="no" /></a>
Yoan
Messages postés
11795
Date d'inscription
mardi 1 février 2005
Statut
Modérateur
Dernière intervention
10 décembre 2023
2 329
17 août 2007 à 14:05
17 août 2007 à 14:05
Juste pour info, à partir d'un cache (=mémorisation des images et d'autres données pour un chargement plus rapide) vide (donc en tant que nouveau visisteur, la page marches.html met 5 minutes et 9 secondes pour se charger chez moi. Si tu veux avoir quelques visiteurs, la réduction d'image est urgente.
Il faut réduire l'image avant son upload sur le serveur (=transmission de l'image vers le serveur). Tu transfères tes fichiers vers le serveur grâce à quoi ? Un client FTP ?
Dans tous les cas, tu dois réduire toutes tes images à l'aide d'un logiciel spécialisé. Tu peux les redimensionner une par une avec The Gimp par exemple ou utiliser un logiciel qui pourrait redimensionner toute une liste d'images à la fois.
Avec The Gimp : Menu image > taille d'image > Echelle et taille > Modifie le champs "largeur" comme suit :
- Images de navigation (accueil, les marchés, contact, ...) : 98 pixels
- IMGP3300.JPG : 209 pixels
- Photos dans "les marchés" : 402 pixels
Ce sont des exemples, mais absolument toutes les photos sont à redimensionner, y compris Photos pour cote jardin/marmandeseule.JPG ou encore pots et jardin/IMGP2507.JPG
Pour savoir quelle taille utiliser, utilise le code source de la page (clique droit sur le fichier > ouvrir avec > notepad (bloc-note)), repère le code correspondant à l'affichage de l'image par exemple
L'idéal serait ensuite d'éditer "à la main" toutes les pages pour y supprimer height="XXX" width="XXX" puisque les photos seront de la bonne taille.
Ca fait un beau boulot mais vu le poids de tes pages actuellement ça vaut vraiment le coup.
Il faut réduire l'image avant son upload sur le serveur (=transmission de l'image vers le serveur). Tu transfères tes fichiers vers le serveur grâce à quoi ? Un client FTP ?
Dans tous les cas, tu dois réduire toutes tes images à l'aide d'un logiciel spécialisé. Tu peux les redimensionner une par une avec The Gimp par exemple ou utiliser un logiciel qui pourrait redimensionner toute une liste d'images à la fois.
Avec The Gimp : Menu image > taille d'image > Echelle et taille > Modifie le champs "largeur" comme suit :
- Images de navigation (accueil, les marchés, contact, ...) : 98 pixels
- IMGP3300.JPG : 209 pixels
- Photos dans "les marchés" : 402 pixels
Ce sont des exemples, mais absolument toutes les photos sont à redimensionner, y compris Photos pour cote jardin/marmandeseule.JPG ou encore pots et jardin/IMGP2507.JPG
Pour savoir quelle taille utiliser, utilise le code source de la page (clique droit sur le fichier > ouvrir avec > notepad (bloc-note)), repère le code correspondant à l'affichage de l'image par exemple
<img src="Photos%20pour%20cote%20jardin/marmande3.JPG" alt="" border="no" height="102" width="155">et récupère la dimension que tu lui a donné (la largeur c'est width) pour cette image il faudra donc redimensionner la photo avec une largeur de 155 pixels. Laisse The Gimp adapter lui-même la hauteur. Iil doit être possible de récupérer plus facilement la largeur de l'image affichée avec le logiciel avec lequel tu écris tes pages mais comme je ne le connais pas je peux pas t'aider.
L'idéal serait ensuite d'éditer "à la main" toutes les pages pour y supprimer height="XXX" width="XXX" puisque les photos seront de la bonne taille.
Ca fait un beau boulot mais vu le poids de tes pages actuellement ça vaut vraiment le coup.
Yoan
Messages postés
11795
Date d'inscription
mardi 1 février 2005
Statut
Modérateur
Dernière intervention
10 décembre 2023
2 329
17 août 2007 à 14:10
17 août 2007 à 14:10
Pour la popup, ouvre la page concernée avec le bloc-note, repère tout en haut les balises <head> et </head>
Place ce texte juste avant </head>
Par exemple :
Ensuite, pour le lien qui doit s'ouvrir dans une popup, celui-ci doit être :
Place ce texte juste avant </head>
Par exemple :
<head>
[....]
<SCRIPT language="javascript">
function popup(page) {
window.open(page);
}
</SCRIPT>
</head>
<body>
etc ......
Ensuite, pour le lien qui doit s'ouvrir dans une popup, celui-ci doit être :
Javascript: popup('popup.html', '', 'resizable=no, location=no, menubar=no, status=no, scrollbars=no')
17 août 2007 à 13:12
Ah je teste le popup, je veux en mettre un minimaliste mais qu'est ce que je m'est excatement pour le code on me dit de mettre ca :
Pour ouvrir un popup sur un lien, voici la syntaxe HTML :
<A href="javascript:popup('popup.html')">Ouverture popup basique</A>
avec comme déclaration la fonction popup() :
<SCRIPT language="javascript">
function popup(page) {
window.open(page);
}
</SCRIPT>
Popup minimaliste
Aucune barre de menu, non redimensionnable, taille fixe
OuvrirPopup('popup.html', '', 'resizable=no, location=no, width=200, height=100, menubar=no, status=no, scrollbars=no, menubar=no')
Alors moi je met quoi? sachant que je veux que le popup s'ouvre sur infoaubergine.html