Macのdreamweaver3でホームページを作りましたが、わからない所がありますので質問しました。
1.閲覧者に住所や電話番号、感想などを書いて貰うコーナーを作りました。記入してから送信ボタンでこちらへ届くレターみたいなものです。<form></form>の間に記述されるタグですね。マニュアル本通りに作ってサーバーへ転送。Webで送信テストをしたら私へ届きません。何故ですか?どこが間違ってるのですか?正しいフォームの作り方、タグの記述を教えて下さい。
2.同じブラウザ(IE)でもMacとWinは表示が変わります。これを同じ画面にするにはどうすれば良いのですか?更にIEとNCは全然画面表示が違います。これを直す方法はあるのでしょうか?困ってます。
3.サイトを作った後、ブラウザで確認したら綺麗に左右並んで表示されるのに、Webで見たらずれるのはどうして?その上各ページに共通する画像があるのですが、ページごとに同じイメージフォルダを作るのか、共有するなら1つのイメージフォルダにするのか?現在そんなイメージフォルダ(画像は一緒)が7つもあります。本の通りに作ってるのにイマイチわかりません。
どうか私の疑問を解決して下さい。お願いします。パソコンはMacを使用しています。OS9.2です。
No.1
- 回答日時:
1、つかっているのはCGIですか?フォームだけでは動きませんが。
Kent Web
http://www.kent-web.com/
このようなサイトからCGIをダウンロードしてください。
また、アップしているサーバーはCGIが使えますか。
レンタルサーバーなどは使えないところがあるので注意です。
2、これはしょうが無いですね。javascriptを使って、それぞれに最適な表示をするようなこともできるようですが、これは私も勉強しないと。
3画像は一個でいいです。そこまでのパスを書けば出るはずですよ。
例えば
c:\-
|
|
--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つのフォルダの纏めても良いってことですね。更に回答をお願いします。
No.2
- 回答日時:
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.3ベストアンサー
- 回答日時:
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
この回答への補足
回答ありがとうございます。追加質問してもいいですか?
<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.4
- 回答日時:
#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.5
- 回答日時:
nyambe さんフォローありがとうございます。
文章だけで相手の状態を推察するのは毎回難しいと思っており、よく先走った回答をしてしまって後からしまった~と思うことが多いのです。
hughug さんの作られているのは mailto のフォームだったのですね。失礼しました。
それでも私はCGIをお勧めします。
いえいえhonnsukiさんからも色々教えて頂いて感謝してますよ。私もCGIを学びたいですが、Perlってタグを書く要領で憶えられますか?どうもこのCGIをクリアしないと、オリジナルでフォームを作るのは難しいみたいですね。ホームページの制作も奥が深いってことがわかって来ました。Webデザイナーの多くは、タグは書けてもCGIを組めない人が多いのに、どうやって企業専用のフォームを作ってるんでしょうね?首を捻ります。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
CSSを教えて下さい webデザイナ...
-
iPhoneで HTMLファイルを閲覧
-
2カラム、左メニュー、特定パー...
-
画像が分割されて切り替わる、...
-
テーブルの行を折りたたみたい...
-
HTMLで画像をポップアップで表...
-
HTMLについて教えてください。 ...
-
メモ帳の段落の揃え方
-
WEBページを強制的に横画面で見...
-
CSSを教えて下さい webデザイナ...
-
CSSでinputのテキストカラーを...
-
、URL化させるにはどうしたらい...
-
角丸画像の背景色を透明にした...
-
スマホでHTMLファイルを開いて...
-
<input>のstep属性に違反する入...
-
テーブルタグのセルの幅の一部...
-
このサイトのカテゴリのチェッ...
-
HTML CSSの勉強のポートフォリ...
-
スライダーの枠に動画を収める...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
1アクションでPOST・GET、両方...
-
フォーム要素以外にもname属性...
-
複数のフォームを一括で送信す...
-
type="hidden"を使って時刻を送信
-
URL パラメータを使ってフォー...
-
リンクをクリックした時にform...
-
<a href=**?***=***>をGET方式で
-
送信ボタン押下時に値が未入力...
-
長文のmailtoの使い方
-
formなしでPOSTデータを送信・受信
-
送信フォームを2つ用意する方法
-
フォームの送信ボタンの位置
-
同じnameのhiddenで別々の内容...
-
フォームに入力した値をURLに付...
-
mailtoについて
-
HTMLからメーラーを起動し...
-
CGIを使わず、HTMLだけで作るメ...
-
チェックボックスにチェックを...
-
【html】)パスワード認証フォー...
おすすめ情報