Comment faire apparaître une photo, un fond dans le body, autour du site web avec Web Designer MX premium?

oneinquality Posté à 26/10/2012 15:47

Bonjour à tous! 

Comment faire apparaître une photo, un fond dans le "body" ou peut être au delà, je ne suis pas sûr des termes exactes (vous me rectifierez), autour du site web en arrière plan, en haut et à droite avec Web Designer MX premium?

Cela implique une autre sous question: Comment faire bouger la page web dans Web Designer vers le bas de 30 ou 50px pour y faire apparaître une décoration en haut et à droite et à gauche de 100px?

Vous savez que les pages web apparaissent avec une largeur de 955px par exemple et que lors d'un "Zoom Moins" sur la page on aperçoit les contours du site, blancs ou de couleurs. Du basique qui est efficace mais parfois nous voyons aussi des arrière-plans qui débordent pour justement  embellir le contour de la page lors d'un zoom moins de la page. Par exemple un artisan boulanger peu avoir comme fond en répétition un épi de blé ou bien une image sépia très pastel qui déborde du site largement en haut à droite et à gauche, etc...

Donc chers designers, pourriez vous m'expliquer s'il est possible comme avec Dreamweaver d'accomplir cette action avec Web Designer MX et comment

Merci d'avance.

JC

"Vaut mieux un qui sait que dix qui cherchent parce que chaque seconde de perdue ne peut être rachetée".

 

 

Commentaires

francois-bellanger Posté à 26/10/2012 18:02

Coucou, c'est encore moi.

Pour qu'une photo occupe toute la surface du navigateur,

Il faut tout d'abord choisir une photo qui fera 1400 pixels de large (la hauteur suit en conséquence) (si c'est une photo de 100 pixels par exemple, elle sera reproduite en mosaïque et ce n'est pas tellement du meilleur effet).

Tu l'importes sur la page index de ton site (par exemple) et tu l'exportes aussitôt comme ceci :

Fichier/exporter PNG/ dans le dossier du site que tu as créé.

Tu supprimes ensuite la photo de la page du site(elle ne te sert plus à rien) et tu cliques sur le logo de la galerie des bitmaps (sur le côté droit).

Tu recherches ta photo dans la galerie, tu la sélectionnes et tu cliques sur le bouton "arrière-plan" puis tu refermes la galerie.

Enregistres la modification et visualises ton site. L'arrière-plan est créé.

Pour ta deuxième question j'attends que tu en aies fini avec l'arrière-plan pour savoir si ça en vaut vraiment la peine d'encadrer ton site.

François

 

oneinquality Posté à 28/10/2012 16:39

 

Coucou, c'est encore moi.

Pour qu'une photo occupe toute la surface du navigateur,

Il faut tout d'abord choisir une photo qui fera 1400 pixels de large (la hauteur suit en conséquence) (si c'est une photo de 100 pixels par exemple, elle sera reproduite en mosaïque et ce n'est pas tellement du meilleur effet).

Tu l'importes sur la page index de ton site (par exemple) et tu l'exportes aussitôt comme ceci :

Fichier/exporter PNG/ dans le dossier du site que tu as créé.

Tu supprimes ensuite la photo de la page du site(elle ne te sert plus à rien) et tu cliques sur le logo de la galerie des bitmaps (sur le côté droit).

Tu recherches ta photo dans la galerie, tu la sélectionnes et tu cliques sur le bouton "arrière-plan" puis tu refermes la galerie.

Enregistres la modification et visualises ton site. L'arrière-plan est créé.

Pour ta deuxième question j'attends que tu en aies fini avec l'arrière-plan pour savoir si ça en vaut vraiment la peine d'encadrer ton site.

François

 

Merci François pour ton aide.

Ce n'est pas aussi simple que je l'espérais. Je m'entraine avec un template nommé "alpha_website" pour  apprendre. J'ai créé un dossier sur le bureau avec un dossier images, un dossier musique , un dossier css au cas où et j'y ai "enregisté sous" dans le dossier le site, enfin j'espère. Dedans Il a une extension .web mais en faite à part ce petit fichier avec son extension il n'y pas les dossiers diférenciés comme avec dreamweaver, movamp, joomla. 

J'ai créer une image 1400x1691 que j'ai importé sur la page index de magix, je l'ai exporté en png dans le dossier image du site d'essai que je viens de créer mais après je ne comprend plus car en faite la page index n'est pas là  comme dit plus haut... Il va me falloir du temps pour comprendre c'est sûr. Je dois être trop gourmand et peut être que je souhaite aller plus vite que la musique.

JC

Dernière minute: Je reprends humblement de 0 avec l'aide d'un tuto video. Je te tiens au courant de mes avancées sur cette incrustation de photo d'arrière. Je crois que je tiens une piste...

"Vaut mieux un qui sait que dix qui cherchent parce que chaque seconde de perdue ne peut être rachetée".

 

francois-bellanger Posté à 28/10/2012 17:39

Bonjour,

Après, tu supprimes la photo Jpeg qui t'as servi à créer une copie PNG. Ensuite tu vas dans la galerie des bitmaps rechercher ta photo PNG, quand tu l'as trouvée, tu la sélectionnes seulement dans la galerie et dans cette galerie tu cliques sur le bouton arrière-plan au-dessus et tu refermes ta galerie. Ta photo occupe désormais l'arrière-plan de ton site. Pour vraiment le vérifier, il est nécessaire de regarder dans l'aperçu.

A ton service

François

La galerie se trouve à droite de ta table de travail (à la verticale).

 

 

oneinquality Posté à 30/10/2012 03:50

 

Bonjour,

Après, tu supprimes la photo Jpeg qui t'as servi à créer une copie PNG. Ensuite tu vas dans la galerie des bitmaps rechercher ta photo PNG, quand tu l'as trouvée, tu la sélectionnes seulement dans la galerie et dans cette galerie tu cliques sur le bouton arrière-plan au-dessus et tu refermes ta galerie. Ta photo occupe désormais l'arrière-plan de ton site. Pour vraiment le vérifier, il est nécessaire de regarder dans l'aperçu.

A ton service

François

La galerie se trouve à droite de ta table de travail (à la verticale).

 

 

Merci François, 

Je viens de comprendre l'explication en regardant le résultat dans le navigateur. Un petit soucis c'est que l'image (un plan d'eau) se répète sur les cotés bien qu'elle soit de 1400px de large. Il y a une sorte de répétiton appliqué au css, à la mise en forme ou quelque chose comme cela. Enfin c'est déjà un bon début. Peut-être devrais-je changer la résolution en 1920px de large. Ma résolution du moment (plus confortable pour mes yeux) est de 1680px de large. Quand penses-tu?

Le meilleur à toi.

JC 

francois-bellanger Posté à 30/10/2012 07:42

Bonjour Oneinquality,

Ton écran doit être de très grande résolution, dans ce cas remplaces ta photo par celle en 1920 px.

Cependant recommence de A à Z comme pour celle d'avant.

Pour ce qui est de celle qui ne te sert plus, tu ouvres la galerie des bitmaps, clic droit sur la photo et supprimer.

Cordialement

François