├
はじめに
├
STEP1 準備とWordの設定
├
STEP2 スタイルの設定
├
STEP3 Webページの作成
├
STEP4 表の活用・文字や画像挿入
├
STEP5 リンクを張ろう
├
STEP6 ファイルの保存とHTML Filter 2.1
├
STEP7 FFFTPで転送
├
STEP8 スクロールとフォーム
├
STEP9 フレームやサウンド
├
STEP10 いらないタグ削除
└
その他1 フォルダ名に「.」が使えないYahoo!ジオシティーズ
STEP 8 スクロールとフォーム
■ スクロール文字を入れる
スクロール文字のフォントや色を設定するときは、デザインモードにします。
三角定規のようなマークをクリックするとデザインモードになります。
スクロール文字を入れます。
このボタンを押して、スクロール文字をクリックして選択し、フォントの種類や色、大きさを変えてみましょう。
■ フォームの挿入
ドロップダウンボックス、リストボックス、テキストボックス等の挿入方法(デザインモードです。)
例)
挿入したツールを選択して、右クリック→「プロパティ」で設定します。
◎名前(ハンドルネーム)
テキストボックス
◎メールアドレス
テキストボックス
◎ホームページ URL
テキストボックス
★ MaxLength
入力できる文字数です。「0」だと、無限大。
★ Value
あらかじめボックスの中に入れておく文字です。省略可。
★ HTMLName
わかりやすい名前を使ってください。例)email,name等
◎性別
男
女 オプションボタン
★ Checked
Trueにすることで、初めからチェックがはいっています。
★ HTMLName
男女同じにして、グループ化します。
◎住まい
福岡県
佐賀県
熊本県
大分県
長崎県
宮崎県
鹿児島県
ドロップダウンボックス
項目の内、ひとつだけ選択できます。
★ MultSelect
TRUEにするとリストボックスになります。
★ Selected
TRUEは、ボックスの先頭文字を表示させます。
★ DisplayValues
入れる文字は、セミコロン;で区切ります。
ここに文字を入れると、自動的にValuesにも文字が入ります。
★ Size
一度に表示させる項目の数です。
◎感想
役に立った
役に立たない
また来る
もう来ない チェックボックス
★ Checked
FalseはチェックがOFF状態、TRUEはチェックがONになった状態。
★ HTMLName
同じ名前にして、グループ化します。
★ Value
ONにしたときの属性の文字列です。どの項目がチェックされたかわかるように名前を付けておきます。
◎どのページがよかったですか
Word2000のページ
小技のページ
リンク集
素材のページ
リストボックス
項目を複数選択できます。
★ MultiSelect
TRUEです。Falseにすると、1つしか選択できません。
★ Selected
TRUEにして、先頭の項目が選択された状態にしています。
★ Size
一度に表示する項目の数です。
◎その他、ご意見ご感想など。
テキスト領域
★ Columns
テキスト全体の幅、Rowsはテキスト全体の高さです。
★ Value
テキスト内にあらかじめ入れておく文字です。省略可。
★ WordWrap
Virtual、Physical、または Off にします。
WordWrap を Virtual または Physical に設定すると、ボックス内で折り返されます。
Virtual : 画面上では折り返されますが、送信データは折り返さない。
Physical : 画面上でも送信データでも折り返される。
◎送信 リセットボタン
※このページの送信ボタンを押しても、メール送信されません。
★ Encoding
application/x-www-form-urlencoded CGIを使う場合はこのままでいいです。
text/plain CGIを使わない(JavaScript)場合はこのように書きます。
★ action
メールを送るためのCGIプログラムを置いているファイルを指定します。
※Sendmailが使えるサーバでないと、送信できません。
CGIを使わない場合は、メールアドレスを書きましょう。
mailto:メールアドレス
★ HTMLName
書かなくてもいいです。書く場合は、適当な名前を付けてください。
★ Method
「POST」にします。
■ 非表示について
非表示のテキストボックスを、フォームタグの中(<form>の真下あたり)に入れます。
◎メールの件名の設定
★ HTMLName
「subject」
★ Value
メールの件名にしたい文字を入力します。
プレビューとWordで見るのと、ずいぶん見た目が違うのでプレビューをよく見ながら幅や高さの調整をしましょう。
参考:
JavaScriptでのメール送信
STEP9へ
>>
▲このページの先頭へ