6月の授業日記

6/1　テーブルを利用したレイアウト

テーブルの編集

行・列の挿入	修正＞テーブル＞行または列の挿入
行・列の削除	選択してデリート
セルの結合	結合したいセルを選択しプロパティインスペクタ＞選択したセルを結合
セル内の揃え	セル内は水平方向＝左垂直方向＝中央がデフォルト高さを揃えるには縦＝上に

テーブルをレイアウトに使う

ボーダーを０にするとテーブルは見えなくなるのでページのレイアウトに使うことができる

したいこと	属性	値
枠線を消す	ボーダー	0
セル同士をくっつける	セル間隔	0
セルと内容の間に余白を持たせる	セル余白	読みやすい値

テーブルの背景画像

各セルには背景画像も敷ける
注意＞結合したセルに設定する場合タグセレクタで＜td＞を選ぶ
（DWが設定するｔｒ（行）はIEでは表示できない＝バグ）

きょうのひとこと

テーブルを使ってホームページを作ることができた

6/15　フォーム

データを送信するためのパーツをブラウザがあらかじめ持っている
それらを挿入し、整理のために名前を付けたりすることで見ている人がデータを送ったりできる
送られるデータ形式はname（ラベル）:value（値）

DWでのフォーム作成

フォームは送信方法や送信先などを記したフォームタグ内に記述しないと機能しない
そのためのエリア、フォーム（赤枠のエリア）を挿入し、そのなかにパーツを配置する

テキストフィールド

閲覧者が自由に文字を入力し、送信できるのがテキストフィールド
入力した文字がドットに置き換わり他から見えないのがパスワードフィールド
プロパティインスペクタ＞タイプで切り替えられる
初期値に文字を入れるとその文字が入った状態で表示される

ラジオボタン

選択肢から択一で選ぶボタン
同じnameを持つものの一つをクリックすると他が自動でチェック解除される（トグル）　
- nameを統一しないとトグルは機能しない
- valuelは入力できないので識別できる名前を自分でつける
- 初期値でチェック済みにしておくとそのボタンがチェックされた状態で開く

チェックボックス

選択肢から複数が選択できるボタン
ラジオボタンとは四角い外観で区別される

リスト/メニュー

メニューを選択するとプルダウンメニューが選べる
選択肢が多数あっても表示されるのは１行だけなのでスペースを取らない
値はリスト値ボタンでダイアログから編集

ボタン

フォームの送信や入力のリセットなどの機能付きボタンを挿入できる
機能はアクションで送信リセットを切り替える
ラベルに入力した文字が表示される

フォームの送信設定

データの送信設定はフォームのプロパティで設定
フォームを選択するにはタグセレクタで＜form＞をクリック
データはそのままでは読めないので通常CGIに送り解読する
一部のブラウザでメーラーの設定がされていれば以下の設定で送信できる
- アクション（送信先）＞mailto:メールアドレス
- メソッド＞post
- エンコーディングタイプ＞text/plain

きょうのひとこと

アンケートのページができた