Macのdreamweaver3でホームページを作りましたが、わからない所がありますので質問しました。
1.閲覧者に住所や電話番号、感想などを書いて貰うコーナーを作りました。記入してから送信ボタンでこちらへ届くレターみたいなものです。<form></form>の間に記述されるタグですね。マニュアル本通りに作ってサーバーへ転送。Webで送信テストをしたら私へ届きません。何故ですか?どこが間違ってるのですか?正しいフォームの作り方、タグの記述を教えて下さい。
2.同じブラウザ(IE)でもMacとWinは表示が変わります。これを同じ画面にするにはどうすれば良いのですか?更にIEとNCは全然画面表示が違います。これを直す方法はあるのでしょうか?困ってます。
3.サイトを作った後、ブラウザで確認したら綺麗に左右並んで表示されるのに、Webで見たらずれるのはどうして?その上各ページに共通する画像があるのですが、ページごとに同じイメージフォルダを作るのか、共有するなら1つのイメージフォルダにするのか?現在そんなイメージフォルダ(画像は一緒)が7つもあります。本の通りに作ってるのにイマイチわかりません。
どうか私の疑問を解決して下さい。お願いします。パソコンはMacを使用しています。OS9.2です。
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.5
- 回答日時:
nyambe さんフォローありがとうございます。
文章だけで相手の状態を推察するのは毎回難しいと思っており、よく先走った回答をしてしまって後からしまった~と思うことが多いのです。
hughug さんの作られているのは mailto のフォームだったのですね。失礼しました。
それでも私はCGIをお勧めします。
いえいえhonnsukiさんからも色々教えて頂いて感謝してますよ。私もCGIを学びたいですが、Perlってタグを書く要領で憶えられますか?どうもこのCGIをクリアしないと、オリジナルでフォームを作るのは難しいみたいですね。ホームページの制作も奥が深いってことがわかって来ました。Webデザイナーの多くは、タグは書けてもCGIを組めない人が多いのに、どうやって企業専用のフォームを作ってるんでしょうね?首を捻ります。
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.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.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つのフォルダの纏めても良いってことですね。更に回答をお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Windows 10 explorerをedgeで開く方法 2 2022/06/05 14:59
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- Excel(エクセル) iphonからone driveに保存してあるExcelを閲覧すると表示の仕方がちがうデータ 2 2022/12/21 13:51
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- HTML・CSS ホームページをちょっと加工する程度の無料または古くて安く購入できる作成ソフトを教えてください 5 2022/12/16 12:17
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- PHP PHPで入力フォームでデータを確認表示画面まで送る流れを日本語で理解したいのです。 1 2023/05/29 19:12
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1アクションでPOST・GET、両方...
-
GETをPOSTに変更したところ 送...
-
checkboxを「変更不可」にでき...
-
送信ボタン押下時に値が未入力...
-
ラジオボタンで選択した項目に...
-
Ajax + Servlet のリクエスト...
-
URL パラメータを使ってフォー...
-
チェックボックスにチェックを...
-
フォーム要素以外にもname属性...
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
フォームからsubmitをした後再...
-
submitの処理の後別の画面を表...
-
Form送信ボタンのダブルクリッ...
-
Android端末でのHTMLの動作につ...
-
CGI動作後に元のページに戻る方法
-
リンクをクリックした時にform...
-
JavaScript の 「showDialog」
-
入力フォームの javascript で ...
-
複数のプルダウンからリンクす...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
submitをボタン以外にするには
-
URL パラメータを使ってフォー...
-
複数のフォームを一括で送信す...
-
【html】)パスワード認証フォー...
-
フォーム要素以外にもname属性...
-
送信ボタン押下時に値が未入力...
-
checkboxを「変更不可」にでき...
-
1アクションでPOST・GET、両方...
-
メールフォームの送信ボタンが...
-
リンクをクリックした時にform...
-
type="hidden"を使って時刻を送信
-
GETをPOSTに変更したところ 送...
-
リロード時にも<input type="re...
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
長文のmailtoの使い方
-
mailtoについて
-
formタグのactionパラメータで...
-
送信フォームを2つ用意する方法
-
・フォームの送信先(action)...
おすすめ情報