Page html ou aperçu (frontpage) que choisir Fermé

Question

Bonjour vous,Je voudrais faire un site avec frontpage.Pour l'arrière plan de la page index htm j'ai sélectionné une illustration personnelle pleine page. elle est en 1024 X 768.Lorsque je vais voir cette illustration dans apperçu de front page, elle est trop grande.Lorsque je vais la voir dans la page html placé dans le dossier "mon site" la dimension est bonne.Que dois je prendre en considération ?S'il vous plait pas trop de termes techniques, je n'assimile pas.Merci.

king · Answer

l'aperçu de frontpage est un faux navigateur qui fait ce qu'il peut, ne considérer que l'aperçu dans un vrai navigateur: IE, Mozilla, Opera ou autres.

Tina38 · Answer

Non ne fait en relisant ton dernier message, je n'ai rien compris à ce que tu voulais me dire désolée.

king · Answer

mouhahaha, je te demande un peu :-)Frontpage est un éditeur htmlIe est un navigateur comme Mozilla, Opera etc :-)Frontpage, comme tout éditeur à un mode d'aperçu, qui donne une idée de ce qu'il sera vu dans un navigateur ---> néanmoins ne pas trop s'y fier, il est préférable de visionner directement dans un vrai navigateur pour voir comment se comporte ta page  :-)

Gihef · Answer

Bonjour,La première chose qu'on peut te dire c'est qu'une image de 1024 X 768, à moins que tu l'aies compressée un max, est trop lourde pour un fond de page web.Elle doit approcher les 500 ko et sera longue, trop longue, à se charger dans les navigateurs qui se connecteront à ta page lorsqu'elle sera en ligne.Et aussi, un éditeur HTML sert à créer, à modifier des pages html Voir www.google.fr/search?num=100&hl=fr&q=define%3Aediteur+html&meta=lr%3Dlang_frUn navigateur sert à surfer sur le net, à afficher (seulement à afficher) les pages web créées avec l'éditeur (ou autrement)Voir www.google.frAvec Windows t'a été livré InternetExplorer (IE).Si tu connais le nom du fichier de ta page, tu dois pouvoir le retrouver.En faisant un clic droit dessus et en choisissant Ouvrir avec… InternetExplorer, tu verras à quoi ressemble ta page dans ce navigateur.+ Une petite liste de navigateurs disponibles :cyberzoide.developpez.com/html/navigateurs/

Tina38 · Answer

Bonjour King,Et voilà ! Comme je t'avais écris précédement, je ne comprend rien au termes techniques.Je fais les manipulations sans savoir les nommer.Je fais la page avec frontpage (Donc éditeur ok).Je vais la voir à internet explorer (Que tu appelles I.E ok), en passant par la commande fichier (Simplement par ce que je trouve cela plus facile).Pour l'instant je reste avec ce navigateur (I.E) pour savoir bien faire les pages etc.... avant de me lancer à autre chose.Donc je ne tiens compte que de la page I.E et non "apperçu" de frontpage.Mon arrière plan :C'est une illustration obligatoire pour le site que je veux faire.Je suis arrivée à ce qu'elle fasse 80ko et justement je cherche par tous les moyens de la comprimer encore pour arriver à 60ko.n'aurais tu pas un moyen STP ?Merci à toi et bon dimanche.

Tina38 · Answer

Alors jusque là ça va, enfin je boite mais j'avance et c'est à toi que je le dois.A présent, est-il possible de faire un arrière plan à 1024 X 500 pixels par exemple ?

king · Answer

Bien que ce ne soit guère conseillé, tu peux faire un arrière-plan à n'importe qu'elle dimension pour peu que la dimension cellule ou DIV corresponde (sinon tu ne verras qu'une partie).Note que pour peu que tu conserves les marges, du 1024 sera pour l'image du 975 pixels environs sous peine d'avoir la scrollbar horizontale.

Tina38 · Answer

Une autre question,L'arrière plan doit faire environ 50ko. losqu'on rajoute des gifs dessus cela ne compte pas dans le poids ?

king · Answer

1- vi mais tout dépend de ta connexion, de l'heure de ton surf etc. Si tu vas sur un tel site avec ton vieux modem 56k à l'heure des ricains, tu risques d'attendre des plombes pour avoir les 100% de la page. Faut pas trop suivre les webmasters du dimanche :-)Vaut mieux faire plusieur pages courtes plutôt qu'une longue (se limiter à 3 fois la hauteur de l'écran est conseillé et pour les images, le calcul est quand même vite fait, c'est une addition).On peut jouer au con avec un script de preload d'image, ce qui n'arrange pas vraiment la vitesse mais la page sera complète quand elle s'affichera.On peut alléger la page avec le css, mais si tu as 700 images à mettre comme ça, je doute un brin de ton état mental au bout d'un an :-)Pour le background, sans niquer les marges écran, l'image 1024x768 devrait être du 975x731 (à peu de chose près).L'autre solution est d'enlever les marges, ce n'est pas conseillé car certains écran ne supporte pas trop la chose et tu te retrouves avec un site tronqué à gauche (ce qui est très ennuyeux).Tu peux mettre une image plus petite et non répétitive et placée où tu veux en passant par un style CSS.

Tina38 · Answer

Pitié King :Qu'appelles tu l'heure des ricains,  minuit ? Je ne me branche que la journée moi....C'est quoi les webmasters du dimanche ?Pour ma page, je ne veux pas une page longue, je veux simplement qu'elle fasse 1 page plein écran c'est tout. le problème est qu'il y a une image dedans et que sur cette seule et unique page elle ne rentre pas assez, ou trop.Un script de proload d'image ??????????? Alors là ça y est j'ai coulé.Ha non ! le CSS m'a enfoncé encore un peu plus.Comment as tu trouvé 975 X 731 ?Pour la dimention et le poids je n'aurai des problèmes qu'avec cette satanée page d'accueil qui est l'illustration de l'association pour laquelle est ce site.

king · Answer

erf, on reprend:-l'heure des ricains arrive vers les 19h00-20h00 pour nous, les usa se réveillent, en gros et le trafic internet est plus dense (Bruxelles à l'heure de la sortie des bureaux si tu préfères).-le script preload est du javascript qui dit (façon de parler) au navigateur de charger toutes les images de la page et ensuite afficher le résultat plutôt que de charger la page et les images au fur et à mesure.Le CSS (en fichier externe) va donner les instructions pour afficher les images dans le div ou la cellule concernée. Ca allège la page dans le sens ou ce n'est pas directement sur le fichier HTML et si ces images doivent apparaître sur d'autres pages du site, ben le navigateur ne va pas essayer de recharger le tout car il aura le fichier CSS en cache dès la première page demandée (pas sûre que tu te sentes mieux :-) ).Cela dit, si ça ne concerne que la page index, tu peux mettre un style CSS pour le background de cette page directement dans le code de la dite page. Ce qui te permettra d'interdire la répétition, d'empêcher que l'image défile avec le scroll ou de positionner pile poil l'image si elle est de taille plus réduite.-Pour la taille de l'image, j'ai demandé bêtement à un éditeur html (système D). Tu demandes un tableau sans instruction particulière, il va le créer en rapport de ta résolution avec par défaut les marges. Suffit d'appeler ensuite les propriétés du tableau et tu verras que dans "width" (largeur), il indique 975 et non 1024Il me reste quelques aspirines si ça t'intéresse :-)

Tina38 · Answer

Bonsoir king,
SURTOUT NE T'ENERVE PAS.
Pour le script preload, j'ai un peu compris ce que tu voulais expliquer mais je ne vais pas en tenir compte.
Pour le CSS, comme tu le dis si bien, je me sens très mal. Mais si j'ai compris cela ne me concerne pas puisque cette image ne se répètera pas sur d'autres pages.
Bon, en ce qui concerne ton conseil de faire un tableau et inserer l'image (NE T'ENERVE PAS) pour qu'elle soit parfaite, le résultat est : 1003 X 537. (Sauf qu'à droite il s'affiche la barre de défilement (de haut en bas) mais en blanc, on ne peut pas s'en sevir. Si je mets 1002 l'image est légèrement trop petite).
Je pense, mais là je n'ai plus le temps, qu'en la programmant, dans ces pixels je pourrais la placer directement en arrière plan.
N'es ce pas mieux ?
Problème : Elle fera 74ko. A cette page il ne me restera plus qu'à y placer des mots pour faire des liens hypertextes.
Comment fais tu pour demander à un éditeur html ?
Es tu belge ?
Moi je n'ai pas de calmants à t'offrir.
Encore et encore et.........merci.

king · Answer

Belge vi, mais c'est pas forcément une tare (héhé) :-)

Le scroll à droite dépend du navigateur utilisé, Mozilla en met même si ça reste inutile, IE le fait apparaître si il y a une raison de le faire etc

Pour le style background, exemple:
<table border="0" style="background-image:url('mon-image.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:50% 50%;">

Après faut voir si c'est bien interprété par les différents navigateurs... à modifier éventuellement ;-)

Ici, ça dit de placer l'image background à 50% en largeur et 50% en hauteur, ne pas répéter l'image et laisser l'image fixe même si on scroll le contenu de la page.

Pour les calmants, ce n'est pas grave, j'ai de l'alcool en stock :-)

Gihef · Answer

Bonjour,

Ne te prends pas trop la tête avec les dimensions de l'image de fond.
Tes visiteurs auront toujours le choix d'afficher tes pages aux dimensions qui les arrangent. Sans parler de ceux qui utilisent encore une résolution inférieure aux dimensions qui t'intéressent.

Il faut aussi que tu penses au texte que tu vas afficher au-dessus de l'image.
Prends bien soin qu'il soit lisible, qu'il contraste suffisamment avec l'image de fond.

Quelques exemples ici :
gihef.bey.free.fr/CCM/imagefond/imagefond1024x768.html
Le contenu du dossier :
http://gihef.bey.free.fr/CCM/imagefond/

Tina38 · Answer

Bonsoir Gihef,
Là je ne comprens plus, si je ne programme pas l'image comme il faut comment les autres vont la voir ?
Déjà que je nage complètement, tu me pose une sacré colle.
je ne vais pas afficher de texte au dessus du fait que tout est sur cette affiche de présentation. Le texte y sera mais invisible et les "visiteurs n'auront qu'à cliquer (facile à dire) sur certain mots et iront sur les page correspondantes.
c'est une image que le président de l'assoc pour qui est ce futur site tient.
Voilà.
Bonsoir à demain.

king · Answer

dans ce cas, pourquoi ne pas mettre l'image au premier plan avec des zone réactives, ce serait moins problématique.

On peut aussi découper l'image (comme un design) et ce serveir des zones texte comme de boutons.

Tina38 · Answer

Bonsoir King,
je ne dirais pas que c'est une tare du fait que mes arrières grands parents étaient belges.
Il est vrai que dans la famille on m'appelle "petite fille de Belges".
Pour la barre Je ne comprends pas car elle n'a pas lieu d'y être car on ne peut même pas l'utiliser (Elle est toute blanche). Bon on verra plus tard.
Si je lis bien ce que tu veux dire, je dois marquer les indications que tu donnes sur la page html c'est ça ?
Pour les pixels 1003 X 537 ça marchera ?
Et le poids qu'en penses tu ?
STP ne prends pas la voiture ce soir.
A demain.

Tina38 · Answer

Bonjour ensoleillé mais très aéré du jour King,
j'espère que les vapeurs de ton calmant sont évaporées.
D'après ce que j'ai lu sur le message de Gihef (Plus haut) la dimension 1003 X 537 ne pose pas de problème.
je ne t'ennuie plus avec ça.
Il me reste les 72ko de mon image c'est le plus léger que j'ai pu faire et je n'ai plus d'idée pour faire mieux.
Es ce que cela aura un conséquence importante ? d'autant plus que je dois y rajouter quelques mots ou formes (Invibles) pour faire les liens.

king · Answer

Désolé du retard mais j'ai d'énormes problèmes à répondre avec ce code de sécurité qui demande de répéter le code de l'image alors qu'il est imposssible d'avoir la dite image.

J'ai cru comprendre que ton image, tu la souhaitais en background, après tu sembles dire qu'elle sert de lien pour les autres pages. Donc, dans ce sens, il est préférable de mettre l'image en premier plan et là 2 solutions:

Soit l'image antière avec zones cliquables (donc les liens)
Soit une découpe de l'image (comme un design), tu auras donc plusieurs images formant l'image de départ (cette solution peut faciliter l'affichage de la page).

L'image en premier plan, pose moins de problèmes quand arrière-plan (background).

Pour la taille suggérée, ça dépend du logiciel utilisé, cependant on peut gérer les marges comme on veut avec du CSS.

Laisse un mail, répondre ici, ça devient un enfer avec ce code à la con ;-)

king · Answer

(on revient sur la gauche héhé)

Je ne pige rien à ce que tu fais avec tes gifs vu qu'ils sont 100% inutiles :-)

Si tu mets l'image générale au premier plan, tu crées des zones clicables, soit des balises MAP (si j'ai bonne mémoire), tu ne t'emmerdes pas à mettre un background sur lequel il faudra mettre autre chose pour avoir un lien. Tu crées directement les liens sur l'image.

Pour Frontpage, ne pas trop regarder le temps supposé de chargement de la page vu qu'il le calcule dans les meilleures conditions, ce qui en réalité, n'arrivera jamais ;-)

king · Answer

Pour revenir sur la gauche, faut cliquer sur [continuer la discussion] et si tu veux "te" répondre et donc dévier à droite, faut cliquer sur [répondre à Tina38] , dans ton cas c'est [répondre à king].

Pour les gifs, ben où que tu les mettes, on devrait les voir :-)
Faudrait mettre une page test en ligne pour voir le problème.

Tina38 · Answer

Tu m'écris :
                                      ____________________

Pour les gifs, ben où que tu les mettes, on devrait les voir :-) 
Faudrait mettre une page test en ligne pour voir le problème.
                                      ____________________

Excuse moi mais en langage école primaire tu veux dire quoi ?
Ne perds pas patience STP.

Bonne nuit.

king · Answer

Que tu mettes un gif n'importe où sur une page: on voit l'image, c'est fait pour (sauf si le gif est totallement transparent) :-)

Pour voir dans mon cas, vu que je ne suis pas sur ton PC, il faudrait mettre une copie de ta page visible sur internet (donc l'héberger quelque part)

Tina38 · Answer

Bonjour King,

Non ! il n'est pas totalement transparent. je ne suis tout de même pas nulle à ce point là. 

Bon ! Tu m'écris de copier la page html (Jusque là ça va) puis de l'héberger.
Et là je ne sais pas comment faire du tout. (Cela aurait été une de mes questions futures)

Reçois mon merci du jour.

Tina38 · Answer

Oups !

Après l'avoir hébergé et envoyé, je pourrai la supprimer ?

king · Answer

Je sens qu'on est pas sorti :-)

Pour héberger, tu mets ça sur un hébergeur gratuit, même si ce n'est pas parfait, on s'en fout vu que c'est pour tester.

Bon le plus connu est Free (faut être français), sinon il y en a d'autres (espace plus petit), faut faire une recherche avec Google :-)

Un hébergeur fonctionne comme un dossier sur ton PC, donc oui ce que tu y mets, tu peux évidemment l'enlever.

Pour les gratuits, suffit de remplir leur formulaire d'inscription et ensuite attendre le mail de confirmation qui te donnera toutes les infos pour les procédures html, mail, ftp.

Tu as une offre (100% gratuite) sur ovh (espace 1Go)
https://www.ovh.com/fr/
C'est là que sont mes principaux sites, le service est bon et le service technique est à la hauteur (ce qui devient horriblement rare).

Tina38 · Answer

Ok !

J'essaye et je te tiens au courant.

Puisque j'y suis, au départ, je voulais monter ce site sur mon ordi,  le transférer sur l'ordi de l'assoc (Il a Nescape) et trouver l'hébergeur afin que tout soit à l'assoc.

Depuis un moment je pense le laisser dans mon ordi mais y a t'il des contraintes restrictives lorsqu'on a un dossier "site" dans nos dossiers ?

Si un jour je change "orange" pour  "neuf" ou "aol" ou "lambda" y aura t'il un problème ?

Je vais tout de même le copier et donner le DVD  ou CD à l'assoc.

Si un jour il m'arrive quelque chose et que je ne puisse plus gérer ce site es ce que l'assoc pourra reprendre le site sur son identité ?

Tina38 · Answer

CA Y EST J'AI REUSSI !!!

Lorsque j'ai inséré le tableau (1 ligne, 1 colonne), j'y ai placé en background l'image.
Puis au moment d'écrire, je ne pouvais pas aller au dessus de la mi-hauteur de l'image. (Logique mais difficile à expliquer rapidement).
J'avais donc inclu une zone de texte, et là, tout ce que je plaçais en dehors ne se voyait pas (Là ne me demande pas le comment du pourquoi).
j'ai donc inséré un tableau avec autant de lignes que j'avais besoin pour le texte et les gifs, demandé à "bordure" de ne pas teinter ces lignes et le bord.
ET VOILA CA MARCHE.

Dès qu'une page me semblera digne de t'être montrée, je suis ton conseil plus haut et la mets en ligne.

Si tu as le temps réponds moi tout de même pour les deux trois questions que je t'ai posé plus haut.
A+.

Tina38 · Answer

Bonsoir King,

En attendant la préparation de mes pages, pourrais tu me dire STP :

Dans mon dossier "mon site" où sont placés tous les éléments que j'utilise pour créer le site. ils se placent là à mesure que je les enregistre sur les pages. 
Es ce qu je peux placer dans le fichier "mes images" toutes les images qui sont là à la file entre les pages html et es ce que je peux faire des sous fichiers pour mieux les ranger ?

A quoi sert le commande "actualiser" dans front page ?

Bonne nuit.

king · Answer

Tu peux mettre autant de sous-dossiers que tu veux dans ton dossier images, il faudra alors, si les images sont déplacées, corriger le lien sur les pages.

la commande "actualiser", c'est pareil que dans un navigateur, c'est pour recharger la page (être sûre que tu es sur la dernière version enregistrée)

Tina38 · Answer

Bonjour king,
Me voilà momentanément coincée pour mon site. 
Mon président veux ajouter des disciplines mais à l'heure actuelle je nai aucun élément supplémentaire, donc je suis obligée de patienter pour finir mes pages.
En attendant je voudrais faire les pages "photos" et bien sûr j'ai un problème.
J'arrive à les baisser vers 400ko en général mais pas plus, sinon elle deviennent vraiment minables (Pixels énormes). Comment faire pour intégrer des albums photos dans un site ?
Y a t'il un programme ou logiciel (je ne connais pas le terme exact) pour faire baisser le poids sans trop altérer les photos ?
Comment font les autres pour intégrer des albums dans leurs sites et ne mettent pas 2 heures à le faire ouvrir ?

Merci.

king · Answer

Pour les photos faut vérifier la résolution (72 ou 96ppp pour internet)

Faut aussi rester sur une dimension raisonnable qui ne va pas trop emmerder les écrans plus petits :-)

Ensuite n'importe quel logiciel image fait l'affaire (note que photoshop et photofiltre ont la faculté de limiter la casse).

Tu choisis le format JPG et banzaï sur la tirette :-)

Tina38 · Answer

Bonsoir,
Et merci d'être toujours là pour moi.

Ok pour la résolution.
Dimension : 400 X 300 pixels.
J'ai pris "photo it " par ce que je sais bien m'en servir.
Format JPG.
BANZAÏ SUR LA TIRETTE ????????????????????????????? 
Le poids est de 40ko environ par photo.
j'ai une quarantaine de photos à placer.
Je dois donc faire plusieurs albums mais de combien de ko ? (puisqu'une page doit faire 60ko).
Là il y a un "truc" que je ne comprends pas trop.

Bonne nuit.

king · Answer

BANZAÏ SUR LA TIRETTE -->tu déplaces le curseur pour diminuer les pourcents :-)

Si il y a beaucoup d'images, dans ce cas il est mieux de mettre des vignettes (petites images de quelques ko qui sur un click, conduiront à l'image au format réel).

Il y a 2 avantages:
-ta page sera moins lourde et moins longue
-les images au format réel pourront être de meilleur qualité dans ce cas.

Les pages internes d'un site peuvent faire 100 ko voir plus.
Le plus important est généralement de garder sa page index, la plus facile d'accès possible et donc miser sur la légèreté pour celle-là.

Tina38 · Answer

Bonjour king,
Pour mes photos, ce doit être cela que je fais.
Avec frontpage, il y a un modèle de page "album". Lorqu'on charge une photo, sur cette page, elle s'affiche en vignette, et lorsqu'on clique dessus elle apparaît en dessous en grand (j'ai sélectionné 400 X 300px). Donc je ne m'occupe pas du poids c'est cela ? (Je vais les diminuer environ à 40ko tout de même car au départ elles font dans les 900ko une).
Merci pour l'indication de poids de la page index et des autres, j'ai passé 1 semaine à tout alléger au maximum et il y a des images qui sont devenues vraiment laides. Je vais aller les rechercher et leur donner un peu plus de pixels pour qu'elles soient plus jolies.

Bon maintenant :
BANZAÏ SUR LA TIRETTE -->tu déplaces le curseur pour diminuer les pourcents :-) 
:-< Je n'ai toujours pas compris : Comment déplacer un curseur pour diminuer les pourcents.

Bonne journée.

Tina38 · Answer

Bonsoir King,
Voilà mon deuxième message et question de la journée.
Pour faire une lien hyper texte, je sélectionne un cercle que je t'avais expliqué plus haut (J'espère que tu te rappelles) je clique sur lien hyper texte, je me retrouve dans "mon site" là ou il y a toutes mes pages faites.
Que dois je sélectionner STP ?
Si je clique sur la page I.E, lorsque je reviens à frontpage cela ne marche pas.
Dois je sélectionner l'image qu'il y a sur la page où je veux aller ?
A tu compris au moins ce que je veux te dire ?

Merci.

Page html ou aperçu (frontpage) que choisir

36 réponses

Discussions similaires