Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Comment changer le format d'une page ?  (Lu 6064 fois)

971

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 461
    • Voir le profil
Comment changer le format d'une page ?
« le: août 20, 2008, 11:48:24 am »

Bonjour,
Je travaille actuellement sur la réalisation d'un site et plusieurs questions me viennent à l'esprit.
1 - J'ai vu (ou lu) sur un tuto qu'il existait une méthode pour que les pages du site une fois en ligne s'adaptent automatiquement à la taille de l'écran de l'utilisateur.
Depuis, impossible de retrouver ce tuto.
2 - J'aimerais changer le format de page dans DW. Comment faire ?
Si une âme charitable pouvait m'éclairer, je lui serai très reconnaissant  ;)

Merci de votre aide et bonne journée !
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment changer le format d'une page ?
« Réponse #1 le: août 20, 2008, 21:48:18 pm »

Salut, il ne faut pas indiquer les tailles en pixels mais en pourcentage.

Si tu indiques (dans tes CSS) une taille de Div de 80%, cette div fera 80% de la taille de son conteneur (DIV mère, navigateur, etc.) et s'adaptera en conséquence.

Exemples sur le site du zéro

Qu'entends-tu par changer le format de page ?
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

971

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 461
    • Voir le profil
Re : Comment changer le format d'une page ?
« Réponse #2 le: août 21, 2008, 11:14:26 am »

Merci pour la réponse.

Actuellement, je ne maîtrise absolument pas les CSS.
Quel en est le principe et l'utilité ?

Encore merci !

IP archivée

Teo

  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 524
  • graphiste illustrateur
    • Voir le profil
    • E-mail
Re : Comment changer le format d'une page ?
« Réponse #3 le: août 21, 2008, 11:51:05 am »

que ce soit en div ou avec des tableaux (à éviter en 2008) la méthode c'est d'utiliser les % et non les pixels.
IP archivée
Quand le sage montre le ciel, l'imbécile regarde le doigt. (proverbe chinois)

Jasse29

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 24
    • Voir le profil
    • Factual Book
Re : Comment changer le format d'une page ?
« Réponse #4 le: août 21, 2008, 12:46:59 pm »

Bonjour,

Pour ce qui du CSS, j'ai suivi les tutoriaux qui se trouvent sur le site du zéro : pédagogiques et très abordables : http://www.siteduzero.com/.
Et je songe acquérir prochainement la vidéo qui se trouve sur Wisiblity afin de continuer à me perfectionner.

Sinon, pour moi, il est fondamental de maitriser le CSS lorsque l'on un veut faire un design digne de ce nom pour réaliser un site web.

Bonne journée,

Jean-Seb
IP archivée
Débutant dans la programmation web, mais des idées en pagailles

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment changer le format d'une page ?
« Réponse #5 le: août 21, 2008, 16:48:08 pm »

En utilisant DW, tu crées des CSS sans le savoir, tout ce que tu modifies (couleur de texte, taille de texte, alignements, etc) doit bien être indiqué quelque part. Le problème est que si tu le fait comme ça à la volée, ces styles sont générés dans l'en-tête de ta page et les mêmes attributs devront être indiqués dans toutes tes pages où ils seront utilisés, d'où augmentation non négligeable du poids de chaque fichier créé.

En générant une feuille de Styles CSS, toutes ces données répétitives deviennent uniques et dans un fichier séparé. Il suffit alors d'indiquer au navigateur ou se trouve cette feuille de style afin qu'il puisse y puiser les informations de design et mise en page.

Avantages : Affichage des pages plus rapide car plus légères, lors d'un changement toutes les pages peuvent être modifiées en une seule opération (gain de temps) et aussi ça fait "sérieux" lorsqu'on affiche la source du site... mais ça c'est le moins intéressant des cas intéressants :D.

Inconvénients : aucun à ma connaissance.

Exemple tu as un site avec un fond bleu, sans feuille de style CSS, tu devrais modifier toutes tes pages pour changer la couleur de ce fond.
Avec une feuille de style, tu changes la couleur une seule fois pour toutes tes pages.

Étudies le tuto du site du zéro, il est très bénéfique.
« Modifié: août 21, 2008, 20:13:50 pm par edfred »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

Teo

  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 524
  • graphiste illustrateur
    • Voir le profil
    • E-mail
Re : Comment changer le format d'une page ?
« Réponse #6 le: août 21, 2008, 19:50:52 pm »

Inconvénient : les CSS internes ou externes sont bloquées pour raison de sécurité par les (ou du moins certaines) boites mail IMAP : msn, hotmail, gmail, yahoo, etc.

Ne peut donc pas être utilisés pour réaliser des newsletters (mailing). L'avantage avec DW c'est que l'on peut désactiver la génération des css (internes). Quand je vois la tronche des certaines news dans ma boite (de grandes enseignes pourtant), certains graphistes ignorent cet aspect, comme certains ne savent pas  coder leur page en UTF-8 ou ISO.

J'en vois donc au moins une  pour un cas d'utilisation en tout cas :).
IP archivée
Quand le sage montre le ciel, l'imbécile regarde le doigt. (proverbe chinois)

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3239
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Comment changer le format d'une page ?
« Réponse #7 le: août 21, 2008, 20:12:11 pm »

Ah j'y avais pas pensé à c'cas là. Tu as raison Teo, voilà un cas de figure qui pourrait apporter une gène.
En fait je récupère mes mails Gmail dans mon logiciel de mail (Thunderbird) donc les styles sont pour moi visibles même s'ils transitent par Gmail. ;) Voilà pourquoi je n'y ai même pas pensé.
« Modifié: août 21, 2008, 20:15:35 pm par edfred »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum