|
| leela | Posté le 07/07/2005 @ 16:02 |
Astucienne
2783 Messages
| [img]http://leela.smileys.free.fr/black_bonjour.gif[/img]
J'utilise DW depuis peu,
je vous joins cette capture pour mieux vous expliquez.Comment je veux faire le futur site (de ma fille).
[img]http://img139.imageshack.us/img139/3091/exemple3qg2xs.jpg[/img]
Si je veux écrire dans la partie où j'ai mis la croix faut 'il que je fasse un tableau pour écrire à l'intérieur/car impossible d'écrire en commençant en haut à gauche.Et en plus ça déforme toutes les petites cases que j'ai mis sur le coté gauche.
2eme,capture.
[img]http://img139.imageshack.us/img139/2587/exemple025cj7pt.jpg[/img]
Le petit carré de droite (croix)si je veux mettre une photo et le texte à sa droite (+ du texte dessous cette photo)tout va de travers.
Comment faire??? merci.
|
| |
| |
| Publicité |
|
|
| elle | Posté le 07/07/2005 à 16:10 |
Maîtresse astucienne
15872 Messages
| Salut,
Personnellement, je te conseillerais d'utiliser un autre logiciel car Dreamweaver n'est pas vraiment fait pour les débutantes, surtout si tu n'as aucune notion concernant le langage HTML, la structure d'une page, etc.
http://forum.pcastuces.com/sujet.asp?SUJET_ID=184855 |
| |
|
| leela | Posté le 07/07/2005 à 16:27 |
Astucienne
2783 Messages
| [hello]Elle,
[nonnon]je veux continuer sur DW,j'ai pas de problème quand on m'explique.
J'ai déjà refait mon site avec(DW),je sais il est très simple.Mais
j'apprends vite.
Seulement là ,il me manque un petit conseil pour ma question?
Merci de m'aider. |
| |
|
| elle | Posté le 07/07/2005 à 16:34 |
Maîtresse astucienne
15872 Messages
| Salut leela,
Je veux bien essayer de t'aider, mais je ne connais pas DW. Si tu me donnes le code de ta page, je pourrai peut-être voir ce qui ne va pas. |
| |
|
| leela | Posté le 07/07/2005 à 17:03 |
Astucienne
2783 Messages
| Merci ,Elle je t'ai envoyé cette page toute détraquée en MP.
Si tu veux l'index dit le! |
| |
|
| elle | Posté le 07/07/2005 à 17:24 |
Maîtresse astucienne
15872 Messages
| Salut leela,
J'ai bien l'écriture (Fiche d'identité, etc.) dans la partie de droite, le texte commence en haut à gauche. Quel est le problème? |
| |
|
| elle | Posté le 07/07/2005 à 17:50 |
Maîtresse astucienne
15872 Messages
| Pour la photo, tu as mis :
<td width="163" height="197"><div align="center"><img src="winette.JPG" width="157" height="142"></div></td>
Tu veux vraiment entrer du texte à droite, dans un espace de 3 pixels? |
| |
|
| leela | Posté le 07/07/2005 à 17:58 |
Astucienne
2783 Messages
| ELLE,je ne sais pas trop comment t'expliquer.
Mais regarde bien la capture N°2 que j'ai mis je voudrais mettre une photo dans le petit carré et du texte à coté et le texte continuerai sous la photo.
Mais quand je le fais la photo se déplace sans arrêt,est ça agrandis(en hauteur) mes petites cases(A,B,C) qui sont toutes sur la gauches. |
| |
|
| elle | Posté le 07/07/2005 à 18:19 |
Maîtresse astucienne
15872 Messages
| C'est probablement en raison des largeurs ("width") que tu as attribuées à tes tableaux/cellules.
Regarde la largeur totale de ta page, puis divise-la de façon à ce que le total de la largeur de tes cellules soit égal à la largeur du tableau qui entoure le contenu de la page.
Pour mettre la photo en haut de la <td>, tu mets :
<td valign="top">
Tu peux mettre un saut de ligne <br> après la photo, ton écriture sera en dessous. Tu peux aussi insérer le texte dans un paragraphe <p>, ce qui te permettra de le formater à ton goût.
Modifié par elle le 07/07/2005 18:20 |
| |
|
| droide | Posté le 07/07/2005 à 18:19 |
Petit astucien
559 Messages
| Si je puis me permettre, ELLE, quel autre logiciel utilise tu pour créer ton site ? Merci. |
| |
|
| elle | Posté le 07/07/2005 à 18:24 |
Maîtresse astucienne
15872 Messages
| aeidelvein a écrit :
Si je puis me permettre, ELLE, quel autre logiciel utilise tu pour créer ton site ? Merci.
Salut aeidelvein,
Je code à la main. J'utilise [url="http://www.arachnoid.com/arachnophilia/index_old.html"]Arachnophilia 4.0[/url].
Il s'agit d'une ancienne version qui n'est plus supportée mais qui demeure disponible sur le site de Paul Lutus. Il est cependant en anglais.
Je l'utilise comme un simple éditeur de texte, avec la coloration syntaxique en plus et la possibilité d'utiliser un navigateur interne pour visualiser le site. |
| |
|
| leela | Posté le 07/07/2005 à 18:30 |
Astucienne
2783 Messages
| Elle,OK,je vois ça est te donnerai des "NEWS" demain.
Merci et bonne soirée. |
| |
|
| cebe | Posté le 07/07/2005 à 21:02 |
Petit astucien
361 Messages
| Bonjour,
Je comprends que tu désires placer texte et image comme cela ? :
[img]http://www.lebersac.com/aaa.jpg[/img]
Pour cela, il convient de mettre dans un cadre (avec DW c'est facile) texte et image. 0 l'image il convient de lui attribuer les données suivantes :
<img class="image" src=lechemin/delimage/sonnom.jpg width=xxx height=yyy vspace=5 hspace=5>, après avoir défini dans le head la classe "image" :
<STYLE TYPE="text/css">
<!--
.image {
float : right;
}
-->
</STYLE>
Pour plus de précisions, vois la source des pages de mon site, et/ou le site alsacreation.com, référence en ce qui concerne les feuilles de style...
Bon courage pour la suite, |
| |
|
| herpoel | Posté le 08/07/2005 à 07:03 |
Petit astucien
331 Messages
| Bonjour,
Personnellement, j'utiliserais les tableaux pour obtenir votre page.
Salut
|
| |
|
| cebe | Posté le 08/07/2005 à 07:42 |
Petit astucien
361 Messages
| Bonjour,
Les tableaux, c'est pratique, mais, selon la longueur du texte, cela fera deux colonnes : l'une pour l'image, l'autre pour le texte, alors qu'avec les boîtes flottantes, le texte "coule" tout autour de l'image...
Chacun ses goûts !
@+ |
| |
|
| leela | Posté le 08/07/2005 à 08:42 |
Astucienne
2783 Messages
| RE Bonjour TLM,
Cebe,oui c'est bien ça que je veux ton exemple avec l'image,je vais étudier cette page.
Elle,Cette nuit,je n'ai pas réussi comme tu m'as dit.
je vois la page de Cebe .Et je vous tiens au courant.
herpoel j'ai essayé avec tableaux,mais quand je rajoute l'image ça déforme ma colonne de gauche.
je vois la page de Cebe .Et je vous tiens au courant.
Bonne journée à toutes et tous.[hello] |
| |
|
| Buzzz | Posté le 08/07/2005 à 13:38 |
Astucien
2215 Messages
| Je te conseillerais comme herpoel d'utiliser des tableaux... même si cela va faire bondir les puristes des CSS ( qui seront aussi bientôt obsolètes...)
L'avantage d'un tableau, c'est que tu peux dans chaque cellule insérer un autre tableau, donc que si ton concept n'a pas été bien défini au départ, tu peux le modifier sans problème en cours de route. Il te suffit de cliquer dans la cellule, puis Insertion/tableau, et tu définis le nombre de lignes et de cellules nécessaires. Donc dans la ligne où tu veux insérer ton image et du texte tu définis un tableau deux lignes deux colonnes, sans bordures et tu déplaces les séparations à ton goût en cliquant dessus sans taper une ligne de code !
En cliquant sur l'image, dans l'inspecteur de propriétés, tu peux modifier ses dimensions, mais attention, si tu la réduis, ça ne modifie pas son poids, il faut pour cela le faire dans un log d'image.
Pour éviter tous ces ennuis, il faut au départ bien étudier le design de ta page et faire une esquisse sur une feuille de papier, ça te permet de calculer ton tableau au mieux, nombre de lignes et nombre de colonnes et t'évite ce genre de désagrément.
PS : c'est mon 2.000 post, champagne pour tout le monde ! [bigsmile]
Modifié par Buzzz le 08/07/2005 13:44 |
| |
|
| elle | Posté le 08/07/2005 à 15:12 |
Maîtresse astucienne
15872 Messages
| Salut,
Buzzz et herpoel, leela utilise déjà des tableaux... |
| |
|
| Buzzz | Posté le 08/07/2005 à 17:58 |
Astucien
2215 Messages
| elle a écrit :
Salut,
Buzzz et herpoel, leela utilise déjà des tableaux...
j'ai bien compris, mais apparamment elle ne sait pas vraiment les utiliser... d'où mes précisions. |
| |
|
| elle | Posté le 08/07/2005 à 18:04 |
Maîtresse astucienne
15872 Messages
| Buzzz a écrit :
j'ai bien compris, mais apparamment elle ne sait pas vraiment les utiliser... d'où mes précisions.
OK |
| |
|
| badze | Posté le 08/07/2005 à 18:36 |
Petit astucien
28 Messages
| utilise le css
tu met ce code dans ton <head></head> de ta pge html
[code]<head>
<STYLE TYPE="text/css">
<!--
.text{
width: 100px;
height: 100px;
border: 1px solid black;
float: right;
}
-->
</STYLE>
</head>[/code]
tu rajoute ceci dans ton tableau ou tu veux mettre ton ton texte.
[code]<div class="text">tout ton texte ici</div>[/code]
tu peux faire des modifications dans le CSS, enleve les bords a ton grée.
Voici voilou
ps: en principe, il est déconseillé des faire des mix <table> et CSS, mais comme c'est pour ta fille il n'y a aucun soucis, ce n'est pas un site professionnel [smile]
|
| |
|
| Buzzz | Posté le 08/07/2005 à 19:51 |
Astucien
2215 Messages
| Badze, l'utilisation des CSS pour faire une mise en page compliquée, c'est pas en 30 secondes qu'elle va apprendre ... ni même en 30 minutes... ni même en trente heures ....peut être en 30 jours ? |
| |
|
| leela | Posté le 08/07/2005 à 20:01 |
Astucienne
2783 Messages
| [img]http://leela.smileys.free.fr/blackbonsoir.gif[/img]à toutes et tous.
Elle à raison ,j'utilise des tableaux comme expliqué sur mes captures plus haut.
ça avance,je progresse j'ai réussi deux pages avec tableaux /photos/et du texte.
Par contre quand je regarde ma page dans FIREFOX je vois mon fond(car j'ai mis un fond personnalisé)
Mais dans IE je ne vois pas ce fond.
Je vous remercie toutes et tous pour vos conseils.A demain. |
| |
|
| elle | Posté le 08/07/2005 à 20:05 |
Maîtresse astucienne
15872 Messages
| Salut,
Comment as-tu nommé l'image pour ton fond?
De quelle façon l'as-tu mis? Quel est le code? |
| |
|
| leela | Posté le 08/07/2005 à 20:22 |
Astucienne
2783 Messages
| </head>
<body "background="fondcote.JPG">
</style>
</head>
<table BORDER WIDTH="982" HEIGHT="483" >
EllE,c'est de ma faute,car au début ça fonctionnait mais je me suis aperçu que ma fille avait nommé son fond" fondcoté.jpg"
Alors je l'ai renommé "fondcote.jpg" et depuis ça ne fonctionne plus dans IE.(car on ma dit de ne pas mettre de (')....[img]http://leela.smileys.free.fr/blackmerci.gif[/img]
Bonsoir et à demain.[clindoeil] |
| |
|
| elle | Posté le 08/07/2005 à 20:48 |
Maîtresse astucienne
15872 Messages
| leela a écrit :
</head>
<body "background="fondcote.JPG">
</style>
</head>
<table BORDER WIDTH="982" HEIGHT="483" >
EllE,c'est de ma faute,car au début ça fonctionnait mais je me suis aperçu que ma fille avait nommé son fond" fondcoté.jpg"
Alors je l'ai renommé "fondcote.jpg" et depuis ça ne fonctionne plus dans IE.(car on ma dit de ne pas mettre de (')....[img]http://leela.smileys.free.fr/blackmerci.gif[/img]
Tu as renommé l'image ou seulement le nom dans le code?
Évite aussi les majuscules (.JPG).
La bonne façon :
<body style="background-image: url(fondcote.jpg);">
Modifié par elle le 08/07/2005 20:49 |
| |
|
| Buzzz | Posté le 08/07/2005 à 21:36 |
Astucien
2215 Messages
| elle a écrit
La bonne façon :
<body style="background-image: url(fondcote.jpg);">
La MEILLEURE façon, c'est de mettre ses images dans un dossier "images" à la racine et de faire des liens relatifs .... Cette méthode marche à tous les coups, sans problème aucun !
Avec DW, tu fais Insertion/Image l'image ( ou CRTL + Alt + I)et tu vas dans l'inspecteur de propriété, tu regardes la fenêtre SRC, tu cliques sur l'icone de dossier à droite et tu vas chercher l'image dans ton dossier image, sans te casser la tête avec une URL .....
pourune image d'arrière plan, tu fais Modifier /propriétés de la page ( ou CTRL +J)/Image d'arrière plan/ parcourir et tu vas chercher ton image mise dans le dossier "images"...
Attention, tu as de grandes chances de faire un damier abvec une image d'arrière plan qui n'a pas les dimensions de ta page ... mieux vaut mettre une couleur en arrière plan. Modifié par Buzzz le 08/07/2005 21:45 |
| |
|
| elle | Posté le 08/07/2005 à 21:43 |
Maîtresse astucienne
15872 Messages
| Buzzz a écrit :
La MEILLEURE façon, c'est de mettre ses images dans un dossier "images" à la racine et de faire des liens relatifs .... Cette méthode marche à tous les coups, sans problème aucun !
À condition que l'image soit correctement nommée et que le chemin soit le bon. Peu importe que l'image soit directement à la racine ou dans un dossier, c'est le chemin qui y mène qui fera que l'affichage sera correct ou pas.
Mettre les images dans un même dossier peut cependant faciliter l'organisation du site, mais ce n'est pas essentiel, surtout pour un petit site. |
| |
|
| Buzzz | Posté le 08/07/2005 à 21:49 |
Astucien
2215 Messages
| si l'image est dans le dossier image,aucun risque d'erreur dans le nom de l'image, puisque tu cliques dessus...
Un chemin relatif est le meilleur moyen de ne pas faire d'erreur, pour les images ....
Elle tu es très forte pour du code écrit à la main, mais tu n'as manifestement pas la philosophie de l'utilisation d'un éditeur, et en l'occurence, leela utilise DW, alors inutile de lui embrouiller la tignasse avec du code et des CSS à la main .....
Les seuls conseils qui lui seront utiles sont des consils pour son éditeur favori ...
Modifié par Buzzz le 08/07/2005 21:51 |
| |
|
| elle | Posté le 09/07/2005 à 05:35 |
Maîtresse astucienne
15872 Messages
| Buzzz a écrit :
si l'image est dans le dossier image,aucun risque d'erreur dans le nom de l'image, puisque tu cliques dessus...
Si le nom de l'image comporte des accents, des majuscules ou des espaces, je ne vois pas en quoi le fait de "cliquer dessus" pour la sélectionner en corrigera le nom.
Elle tu es très forte pour du code écrit à la main, mais tu n'as manifestement pas la philosophie de l'utilisation d'un éditeur, et en l'occurence, leela utilise DW, alors inutile de lui embrouiller la tignasse avec du code et des CSS à la main .....
Il n'y a rien de mal à vouloir apprendre et approfondir ses connaissances. Si leela désire que je cesse mes interventions qui n'ont pour but que de l'aider à comprendre les bases permettant de faire une page html correcte, elle me le dira elle-même.
Je crois d'ailleurs qu'elle est fort capable de "démêler sa tignasse".
Les seuls conseils qui lui seront utiles sont des consils pour son éditeur favori ...
Les seuls conseils qui lui seront utiles sont ceux qu'elle voudra bien prendre... Modifié par elle le 09/07/2005 05:41 |
| |
|
| herpoel | Posté le 09/07/2005 à 08:40 |
Petit astucien
331 Messages
| Bonjour à tous,
En lisant les messages, j'ai une question à vous poser.
Avec dreamweaver, comment insérer plusieurs images simultanément?
Merci.
Salut
|
| |
|
| droide | Posté le 09/07/2005 à 11:10 |
Petit astucien
559 Messages
| elle a écrit :
aeidelvein a écrit :
Si je puis me permettre, ELLE, quel autre logiciel utilise tu pour créer ton site ? Merci.
Salut aeidelvein,
Je code à la main. J'utilise [url="http://www.arachnoid.com/arachnophilia/index_old.html"]Arachnophilia 4.0[/url].
Il s'agit d'une ancienne version qui n'est plus supportée mais qui demeure disponible sur le site de Paul Lutus. Il est cependant en anglais.
Je l'utilise comme un simple éditeur de texte, avec la coloration syntaxique en plus et la possibilité d'utiliser un navigateur interne pour visualiser le site.
ça doit etre dur ! je ne m y connais pas :) !! |
| |
|
| Buzzz | Posté le 09/07/2005 à 14:51 |
Astucien
2215 Messages
| herpoel a écrit :Avec dreamweaver, comment insérer plusieurs images simultanément?
Je comprends mal le sens de ta question : tu veux dire
- plusieurs images en 1 clic ? Pas possible
- les images côte à côte ? Tu les Redimensionnes pour que les images tiennent dans la largeur de la page, tu insères la première en positionnant le pointeur sur la bonne ligne, tu la cherches par CTRL + ALT + I dans ton dossier "images " et sans bouger le pointeur, par la même méthode tu vas chercher la suivante dans le même dossier..
- l'une en dessous de l'autre : tu intercalles un <br> entre les deux images en position "Code"
Les seuls conseils qui lui seront utiles sont ceux qu'elle voudra bien prendre...
Non, seulement les bons conseils lui seront utiles...
C'est une constante ici, les "codeurs fous" veulent à tout prix imposer de coder à la main à ceux qui utilisent un éditeur .... quand on investit dans un éditeur, ce n'est pas pour se taper du code que l'on ne sait pas faire à la main ... ca me semble évident, mais pourtant ce n'est pas la première fois que cette polémique éclate ici !
Modifié par Buzzz le 09/07/2005 14:59 |
| |
|
| elle | Posté le 09/07/2005 à 16:15 |
Maîtresse astucienne
15872 Messages
| Buzzz a écrit :
C'est une constante ici, les "codeurs fous" veulent à tout prix imposer de coder à la main à ceux qui utilisent un éditeur .... quand on investit dans un éditeur, ce n'est pas pour se taper du code que l'on ne sait pas faire à la main ... ca me semble évident, mais pourtant ce n'est pas la première fois que cette polémique éclate ici !
Rassure-toi, je n'embarquerai dans aucune polémique aujourd'hui. J'ai bien d'autres choses à faire et j'ai déjà donné sur un autre sujet ( http://forum.pcastuces.com/sujet.asp?SUJET_ID=185547). En passant, devine qui a "gagné" ? ( http://forum.pcastuces.com/sujet.asp?SUJET_ID=186539).
De toute façon, pour avoir lu plusieurs de tes messages, je sais que tu resteras sur tes positions. Entre les "codeurs fous", pour employer ton expression, et ceux qui se comportent devant leur "éditeur de texte favori" comme des adeptes devant leur gourou (et je ne fais pas allusion ici à l'hindouisme, tu t'en doutes bien), il doit sûrement y avoir un juste milieu ?
Si tu lisais mes messages, tu saurais que je n'ai rien contre l'utilisation d'un éditeur de texte, en autant que l'utilisateur sache ce qu'il fait. Il n'y a rien de "magique" : quand on clique sur un bouton, c'est du code qui s'inscrit et c'est ce code qui sera lu par le navigateur. Que les erreurs proviennent du logiciel ou de l'utilisateur, il reste qu'une des façons les plus simples d'identifier et de corriger les problèmes est de connaître un peu le code HTML, la structure de base d'une page Web et le vocabulaire utilisé.
Considérant le nombre et la teneur des questions posées sur ce forum concernant l'utilisation de DreamWeaver, je doute qu'il s'agisse d'un logiciel destiné aux débutants, ce que me confirment d'ailleurs des utilisateurs chevronnés qui ne le recommanderaient pas comme premier éditeur à moins de posséder déjà quelques notions de base du langage HTML.
Sur ce, bonne journée. Modifié par elle le 09/07/2005 16:19 |
| |
|
| py_rex | Posté le 09/07/2005 à 16:38 |
Petit astucien
384 Messages
|
Bonjour Elle,
Devant des expressions comme "codeurs fous", "ayatollahs des codeurs" et autres gentillesses, j'ai décidé de ne plus réagir, de ne plus donner mon avis, de ne plus aider, même quand la réponse est évidente. J'admire votre courage, mais moi, j'abandonne. Qu'ils se débrouillent avec leurs éditeurs, moi je me débrouille avec mon code, qu'ils continuent à croire qu'un ordi doit pouvoir se gerer sans aucune connaissance et qu'un site web est comme une page de texte éditée avec Word.
|
| |
|
| leela | Posté le 09/07/2005 à 16:40 |
Astucienne
2783 Messages
| [img]http://vpc.online.fr/files/1_1117607520.gif[/img]
elle à écrit:
[code]il reste qu'une des façons les plus simples d'identifier et de corriger les problèmes est de connaître un peu le code HTML, la structure de base d'une page Web et le vocabulaire utilisé.[/code]
Oui,elle à raison ,c'est bien de connaitre un peu
le language HTML
moi,c'est comme cela que je corrige mes erreurs,je vous pose des questions.Après avec vos réponses,
je regarde dans les codes (les bêtises) que j'ai faites.Et je corrige et prends des notes.
Voilà,elle j'ai réctifié ,le .JPG en .jpg
*J'ai compris mon erreur,quand j'ai voulu remplacer mon fond(foncoté.JPG) par (fondcote.jpg)
*j'avais les deux dans mon code html,sur deux lignes.
C'est rentré dans l'ordre,reste 2pages à finir.
Merci à toutes et tous(j'ai fais des copier/coller de vos conseils).Bon week end.
|
| |
|
|
| Haut de la page |