Tutoriels vidéo art graphique gratuits

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

Auteur Sujet: Aligner un bloc de texte dans un tableau ?  (Lu 9973 fois)

Sam Moss

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 201
    • Voir le profil
Aligner un bloc de texte dans un tableau ?
« le: juillet 15, 2007, 17:19:25 pm »

Bonjour,

Je souhaiterais insérer un bloc de texte central (façon citation-résumé d'un quotidien) à l'intérieur d'un tableau (comme dans XPress) ?
Mais Dreamweaver ne permet pas cette opération car les lignes de texte n'entourent pas le bloc de texte sur les deux côtés.
Faut-il utiliser une feuille de style CSS ?
Merci.
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #1 le: juillet 15, 2007, 18:12:16 pm »

J'ai un peu de mal à bien comprendre ce que tu veux faire.
Mais deux pistes de travail :
- tu peux insérer un autre tableau dans une cellule de tableau (je ne pense pas que cela va t'aider).
- avec une mise en page "full CSS" tu peux très facilement gérer des imbrications de "boites
", gérer les alignements : c'est plus intéressant comme démarche si c'est un habillage que tu veux faire. Si c'est bien le cas tu devras utiliser une boite flottante avec la propriété float: left.
Fais nous une petite copie d'écran (même avec XPress) pour y voir plus clair
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Sam Moss

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 201
    • Voir le profil
Aligner un bloc de texte dans un tableau ?
« Réponse #2 le: juillet 15, 2007, 18:46:07 pm »

Citation de: kriztho
J'ai un peu de mal à bien comprendre ce que tu veux faire.
Mais deux pistes de travail :
- tu peux insérer un autre tableau dans une cellule de tableau (je ne pense pas que cela va t'aider).
- avec une mise en page "full CSS" tu peux très facilement gérer des imbrications de "boites
", gérer les alignements : c'est plus intéressant comme démarche si c'est un habillage que tu veux faire. Si c'est bien le cas tu devras utiliser une boite flottante avec la propriété float: left.
Fais nous une petite copie d'écran (même avec XPress) pour y voir plus clair
Trouve ci-joint un exemple tiré d'un magazine. Je souhaiterais insérer un bloc-citation mais dans un texte sans colonne.

IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #3 le: juillet 15, 2007, 19:41:32 pm »

A ma connaissance, je ne vois pas comment faire cela :(.
Tu peux parfaitement avoir des boites
les unes à côtés des autres avec éventuellement une boite au-dessus des autres, mais pas avec un effet d'habillage comme cela.
Les boites en flottement sont les unes à côté es autres dans le même flux d'affichage.
Les boites en position absolue sont placés dans un flux d'affichage au-dessus du précédent, mais sans "liaison" d'affichage : les deux flux sont indépendants.
A voir avec d'autres s'ils ont d'autres idées.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Yorigami

  • Modérapeur
  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1835
    • Voir le profil
    • http://freneydoisans.com/
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #4 le: juillet 15, 2007, 19:59:39 pm »

Je plussois l’ami kriztho.
Je ne pense pas que cela soit possible par une méthode de mise en page conventionnelle sous Dream.
Si c’était possible, je suis également preneur de l’explication.
IP archivée
MacIntel Pro 2x3 GHz 4Go Ram //

Sam Moss

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 201
    • Voir le profil
Aligner un bloc de texte dans un tableau ?
« Réponse #5 le: juillet 15, 2007, 20:01:56 pm »

Citation de: kriztho
A ma connaissance, je ne vois pas comment faire cela :(.
Tu peux parfaitement avoir des boites
les unes à côtés des autres avec éventuellement une boite au-dessus des autres, mais pas avec un effet d'habillage comme cela.
Les boites en flottement sont les unes à côté es autres dans le même flux d'affichage.
Les boites en position absolue sont placés dans un flux d'affichage au-dessus du précédent, mais sans "liaison" d'affichage : les deux flux sont indépendants.
A voir avec d'autres s'ils ont d'autres idées.
Dreamweaver qui est sensé être un éditeur de mise en page me fait penser à Excel dans sa logique de cellule.
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #6 le: juillet 15, 2007, 20:15:40 pm »

Citation de: Sam Moss
me fait penser à Excel dans sa logique de cellule
Que voilà une comparaison hardie ! :D
Excel est un tableau pour faire des calculs.
Dw est un éditeur HTML qui permet de créer des tableaux selon le langage HTML.
C'est deux logiciels totalement différents qui ne sont pas du tout comparables.
De plus si Dw est "sensé" être un éditeur HTML, il utilise bien le HTML, avec de bonne possibilité de mise en page "full css" qui là encore respecte les standards du W3C.
Je veux dire par la qu'on ne peut pas (à ma connaissance) demander quelque chose (une mise en page particulière) qui n'est pas prévue par le langage.
Enjoy
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #7 le: juillet 15, 2007, 20:18:03 pm »

Pour te répondre Explicitgraphix Id permet effectivement d'exporter pour le web : mais c'est du XML et XSL qui est utilisé et non du XHTML.
Quoique là encore, je n'ai pas testé toutes les possibilités d'exportation.
Je m'en vais tester de suite :D
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #8 le: juillet 15, 2007, 20:32:25 pm »

Effectivement Explicitsmilblick Id CS3 sait maintenant exporter en XHTML. Le code généré est propre d'ailleurs.
Mais le résultat n'es pas celui qu'attend notre ami Sam Moss par rapport à son projet de mise en page.
Donc, à priori et en fonction de mes compétances, ce n'est hélas pas possible de faire ce type d'habillage en techno web.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Fred

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 41
    • Voir le profil
    • http://www.atgraf.fr
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #9 le: juillet 15, 2007, 21:47:44 pm »

Pourquoi ne pas faire un tableau.  

Avec photoshop Cs2, j'ai tracé des tranches que voici:


les tranches 1 - 4 - 7 correspondent à ta colonne de texte de gauche
les tranches 2 - 8 à ta  goutière
les tranches 3 - 6- 9 correspondent à ta colonne de texte de droite
la tranche 5 à l'encart que tu veux y insérer.

tu enregistres pour le web en "image et html"

Ensuite dans Dreamweaver tu ouvres ta pages html et tu y enlèves les images 1 - 3 - 4 -6 - 7 - 9 pour y mettre ton texte
les images 2 - 8 je les ai laissé
l'image 5 tu l'elèves pour y insérer un tableau de 1 case sur 1 case et y appliquer une bordure, puis tu y mets ton texte.

voila ce que j'obtiens:


la mise en page est faite à la va vite mais je pense que le résultat s'approche de ce que tu veux.
IP archivée

Sam Moss

  • Wisi Addict
  • ***
  • Hors ligne Hors ligne
  • Messages: 201
    • Voir le profil
Aligner un bloc de texte dans un tableau ?
« Réponse #10 le: juillet 15, 2007, 22:33:28 pm »

Citation de: atgraf
Pourquoi ne pas faire un tableau.  

Avec photoshop Cs2, j'ai tracé des tranches que voici:
http://www.casimages.com/img/png/0707151035588000861577.png

les tranches 1 - 4 - 7 correspondent à ta colonne de texte de gauche
les tranches 2 - 8 à ta  goutière
les tranches 3 - 6- 9 correspondent à ta colonne de texte de droite
la tranche 5 à l'encart que tu veux y insérer.

tu enregistres pour le web en "image et html"

Ensuite dans Dreamweaver tu ouvres ta pages html et tu y enlèves les images 1 - 3 - 4 -6 - 7 - 9 pour y mettre ton texte
les images 2 - 8 je les ai laissé
l'image 5 tu l'elèves pour y insérer un tableau de 1 case sur 1 case et y appliquer une bordure, puis tu y mets ton texte.

voila ce que j'obtiens:
http://www.casimages.com/img/png/0707151044148000861628.png

la mise en page est faite à la va vite mais je pense que le résultat s'approche de ce que tu veux.
Hélas, les textes doivent être chaînés pour que cela marche.
IP archivée

Fred

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 41
    • Voir le profil
    • http://www.atgraf.fr
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #11 le: juillet 16, 2007, 07:21:55 am »

Citation de: Sam Moss
Hélas, les textes doivent être chaînés pour que cela marche.
Va falloir écrire à Adobe pour la version de Dw Cs4, à savoir pouvoir chaîner les textes dans différentes cases d'un tableau.  :)
Peut être que la version Cs3 de Dw le fait, j'ai pas encore regardé.
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #12 le: juillet 16, 2007, 07:36:20 am »

Effectivement atgraf ton idée était très bonne, mais reste le problème du chaînage.
En ce qui concerne Dw CS3, il n'y a pas d'évolution en ce qui concerne le chaînage, puisque Dw doit utiliser les normes W3C qui ne permettent pas ce genre de mise en page.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

Fred

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 41
    • Voir le profil
    • http://www.atgraf.fr
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #13 le: juillet 16, 2007, 12:02:32 pm »

Dommage pour le chaînage de texte...

le principe, d'un point de vue aspect visuel, est apparemment faisable mais va falloir tout faire manuellement. Bonjour galère....
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1490
    • Voir le profil
    • La veille techno du web
    • E-mail
Aligner un bloc de texte dans un tableau ?
« Réponse #14 le: juillet 16, 2007, 12:31:26 pm »

Citation de: Explicitgraphix
expliquez moi pourquoi
Id est un ligiciel de mise en page (je ne te l'apprend pas :)). Il utilise ses propres fonctionnalités (blocs, habillage...).
Dw est un logiciel de création de site web qui se doit d'utiliser des normes de langage édictées par un consortium le W3C.
Ces normes de langage sont le XHTML et les CSS et sont faites pour un affichage à l'écran. Dw ne peut donc qu'utiliser ces langages qui ne permettent pas d'atteindre les fonctionnalités de Id.
Maintenant Id sait exporter des mises en pages "papier" pour un affichage web, mais il ne fait qu'essayer de reproduire la mise en page papier pour un affichage web, en respectant les normes des langages. Donc dans certains cas de figure où la mise en page papier est "avancée", il ne pourra pas la reproduire, car tout simplement les normes des langages web ne le permettent pas.
C'est une limitation structurelle de ces langages.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]
 



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