Dreamweaverでホームページを作ったのですが…

質問

Macのdreamweaver3でホームページを作りましたが、わからない所がありますので質問しました。

1.閲覧者に住所や電話番号、感想などを書いて貰うコーナーを作りました。記入してから送信ボタンでこちらへ届くレターみたいなものです。<form></form>の間に記述されるタグですね。マニュアル本通りに作ってサーバーへ転送。Webで送信テストをしたら私へ届きません。何故ですか？どこが間違ってるのですか？正しいフォームの作り方、タグの記述を教えて下さい。
2.同じブラウザ（IE）でもMacとWinは表示が変わります。これを同じ画面にするにはどうすれば良いのですか？更にIEとNCは全然画面表示が違います。これを直す方法はあるのでしょうか？困ってます。
3.サイトを作った後、ブラウザで確認したら綺麗に左右並んで表示されるのに、Webで見たらずれるのはどうして？その上各ページに共通する画像があるのですが、ページごとに同じイメージフォルダを作るのか、共有するなら1つのイメージフォルダにするのか？現在そんなイメージフォルダ（画像は一緒）が7つもあります。本の通りに作ってるのにイマイチわかりません。

どうか私の疑問を解決して下さい。お願いします。パソコンはMacを使用しています。OS9.2です。

回答No.3

noname#19399 · ベストアンサー

hughugさんこんにちは。

1.どこが間違っているのかは、ソースを見ていないので
なんともいえませんが、fugfugさんがやろうとしている
送信フォームは、CGIを使わず、相手側のメール送信ソフトを
利用して送信する方法だと思いますので、記述は

<FORM METHOD="POST" ACTION="mailto:hoge@***.**.**.">
名前：<INPUT TYPE="text" NAME="name">
住所：<INPUT TYPE="text" NAME="address">
<INPUT TYPE="submit" VALUE="送信">
</FORM>

こんな感じかと思います。
メールが届かない、とのことですが、FORMタグの中の
ACTION="mailto:…@…"の部分は、間違いなく
自分のメールアドレスが入っていますか？

また、この方法だと、メールが届いてもエンコードされて
届きますので、デコードしないと読めません。
さらに、相手側にメール送信ソフトがインストールされて
いないと、送信されません。

詳しくは参考URLをご覧ください。
CGIを使ったメール送信フォームのやり方も書いてあります。

3.綺麗に左右に並んで表示されるのに…というのは、
どのようにして左右に並べているのでしょうか。
ただ複数の画像を横に貼り付けているだけだとすると、
ウィンドウのサイズ次第で横に並んだり折り返されて
下に並んだりします。

参考URL：

http://ww1.tiki.ne.jp/~wtnb/tohoho/wwwmail.htm

お礼

nyambeお世話になります。補足で書いた疑問を解決願えれば幸甚です。宜しくお願いいたします。

補足

回答ありがとうございます。追加質問してもいいですか？

<FORM METHOD="POST" ACTION="mailto:hoge@ここは私のメアドですか？">
名前：<INPUT TYPE="text" NAME="ここに私の名前を入れるのですか？">
住所：<INPUT TYPE="text" NAME="私の住所を入れるのですか？">
<INPUT TYPE="submit" VALUE="送信">
</FORM>

こうすれば届きますか？

＞さらに、相手側にメール送信ソフトがインストールされていないと、送信されません。

これはどんな送信ソフトですか？ Mac・Win共通ですか？

CGIはPerlを知らないとオリジナルが出来ないんですよね？FreeCGIをオリジナルへ改良のやり方はありませんか？

＞綺麗に左右に並んで表示されるのに…というのは、どのようにして左右に並べているのでしょうか。

2列に左右です。テーマ別に自由にカキコが出来る設定です。画面表示がMacは72dpi、Winは96dpiですから、通常違うのは当然ですが、どちらで見ても同じ表示にしたいのです。その方法がわかりません。教えて下さい。

回答No.6

honnsuki

どんなにアレンジしてあっても、基本部分はみな同じです。まず、基本を覚えましょう。いろいろな方の作っている、ＣＧＩをダウンロードして比較しながら覚えていきましょう。

お礼

頑張ります。ありがとうございました。

回答No.5

honnsuki

nyambe さんフォローありがとうございます。

文章だけで相手の状態を推察するのは毎回難しいと思っており、よく先走った回答をしてしまって後からしまった～と思うことが多いのです。

hughug　さんの作られているのは mailto　のフォームだったのですね。失礼しました。

それでも私はＣＧＩをお勧めします。

お礼

いえいえhonnsukiさんからも色々教えて頂いて感謝してますよ。私もCGIを学びたいですが、Perlってタグを書く要領で憶えられますか？どうもこのCGIをクリアしないと、オリジナルでフォームを作るのは難しいみたいですね。ホームページの制作も奥が深いってことがわかって来ました。Webデザイナーの多くは、タグは書けてもCGIを組めない人が多いのに、どうやって企業専用のフォームを作ってるんでしょうね？首を捻ります。

回答No.4

noname#19399

#3のnyambeです。

<FORM METHOD="POST" ACTION="mailto:●">
名前：<INPUT TYPE="text" NAME="name">
住所：<INPUT TYPE="text" NAME="address">
<INPUT TYPE="submit" VALUE="送信">
</FORM>

●の部分には、【送信】ボタンを押した後にどこに
メールを届けるか、の指定です。
ですので、hughugさんのメアドを入れてください。
次の行の名前、住所については、何でもいいです。
<INPUT>タグや<TEXTAREA>タグを使って、自由に
項目を作ってみてください。
また、ここで指定しているNAME=""の部分は、
送信されてきたときに何の項目か分かるように
記述する部分になります。
ですので、今回の場合はname、addressとしてみました。
が、これもhughugさんがお分かりになれば何でも結構です。

とりあえず、やってみてください。
前回記述しておきました、参考URLはご覧いただけましたか？
そちらを見ていただければ、大抵の疑問は解決すると
思います。

また、相手側のメールソフトは何でもOKです。
ブラウザやセキュリティ対策ソフト等の設定で、
mailtoを拒否していなければですが…

＞CGIはPerlを知らないとオリジナルが出来ないんですよね？

Perlで書いている方もいますし、Rubyで書いている方も
いらっしゃいます。

＞FreeCGIをオリジナルへ改良のやり方はありませんか？

フリーCGIというのは、レンタルして使うものでしょうか？
それとも、プログラムをDLして、自分でサーバに設置する
タイプのものでしょうか。
前者であれば、提供しているところによってできること、
できないことは様々だと思います。
後者であれば、提供している側がOKというのであれば、
いくらでも改良することは可能です。

＞＞綺麗に左右に並んで表示されるのに…というのは、どのようにして左右に並べているのでしょうか。
＞＞
＞2列に左右です。

それはTABLEタグを使って、でしょうか？
どちらで見ても全く同じような表示にするのは
ほぼ不可能だと思います。
変なところで折り返す等、レイアウトの崩れについては
TABLEタグのWIDTHとHEIGHTの指定をしっかりピクセルで
行えば、どうにかなります。

お礼

これで設定方法がわかりました。でもこのようなフォームはCGIが原則ですよね。ソースが読まれてしまうと、悪さをされることもありますもんね。回答ありがとうございました。

回答No.2

honnsuki

CGIはタグとは違います。

とほほのWWW入門

http://tohoho.wakusei.ne.jp/www.htm

が入門書として人気が高いです。ここを見てください。

CGIはプログラムを書いたファイルで、拡張子が ,cgiになります。

作り方はテキストエディターでプログラムを書いて、保存するときに form.cgi　などのようにするだけです。

最初は人のを見たりしなければならないですが、勉強すれば、オリジナルを作るのも割合早くできると思います。私は今も人に作っていただいたものをありがたく使っていますが。まずはフリーでCGIが使える、

is Web
http://isweb.www.infoseek.co.jp/

でいろいろ試してみましょう。

TEXTですが、その通りです。

お礼

アドバイスありがとうございました。どうしても払拭出来ない疑問なんですが、私の電子レターをCGIで作らないといけないとすると、どうしてDreamweverで作ることが可能なんでしょう？これはHTMLの記述エディタであってCGIの記述が出来ないのに。その点がどうしても納得いかないのです。どう解釈すればいいのでしょうか？勿論Dreamweaverは100％信用してませんが…。このエディタについて御存知ならご意見お願いします。

回答No.1

honnsuki

１、つかっているのはCGIですか？フォームだけでは動きませんが。

Kent　Web

http://www.kent-web.com/

このようなサイトからCGIをダウンロードしてください。

また、アップしているサーバーはCGIが使えますか。
レンタルサーバーなどは使えないところがあるので注意です。

２、これはしょうが無いですね。javascriptを使って、それぞれに最適な表示をするようなこともできるようですが、これは私も勉強しないと。

３画像は一個でいいです。そこまでのパスを書けば出るはずですよ。
例えば

ｃ:\－
　　　｜
　　　｜
　　　　－－index.html
　　　｜
　　　｜
　　　　－－img/－－
　　　| 　　　　　 |
　　　|　　　　　　|
　　　|　　　　　　|
　　　|　　　　　　|
　　　　　　　　　　－－rei.jpg
　　　|
　　　|
　　　　－－sonota/－－
　　　　　　　　　　　｜
　　　　　　　　　　　｜
　　　　　　　　　　　　　－－b.html
になっていたとして、
inndex.html に書くのは

<img src="img/rei.jpg">

になりますし、

b.html　に書くには

<img src=../img/rei.jpg">

になります。

つまりその画像ファイルがある場所を指定すれば同じアカウントならどこからでも参照できます。
http://　から始まるアドレスを指定すれば、今度は誰でも
見ることができるようになります。

最後に
自分のパソコンでみたファイルとサーバーに上げたファイルの見え方が違うというのは私にはよくわからないのですみません。

お礼

アドバイスありがとうございました。1.についてですが、マニュアル本ではCGIという明記も指定もありません。こうすれば作れるみたいな表現で、その通りに作りました。しかもオリジナルです。こう言ったフォームはソフトで簡単に作れるもんではないのですか？折角オリジナルで作ったのに…DreamweaverはCGIをサポートしてませんから、CGIでタグ書きしないと作っても意味をなさないのでしょうか？教えて下さい。3.は了解です。これはTEXTでも同じなんですね。つまり1つのフォルダの纏めても良いってことですね。更に回答をお願いします。