6月の授業日記

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

テーブルの編集

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

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

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

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

テーブルの背景画像

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

今日のひとこと

すごく眠かったです。

6/8　フレーム

ブラウザのウィンドウを分割してそれぞれに異なるページを読み込める

フレームセット

フレームをどのように分割するかを記述してあるページ（見えない）
ページをフレームで開くためにはこのフレームセットのページを開く

フレームの作成方法

フレームを挿入したいページを開く
挿入＞フレームより分割したい形を選ぶ（新たに挿入されるほうが白）
フレームセットページ・フレームページを分かりやすい名前で保存

フレームでのリンク

ターゲット＝リンクを読み込むフレームの指定

ターゲットメニューより開きたいフレームを選ぶ

フレームを解除して開く

ターゲットメニューから_top

フレームの入れ子

フレームの中にフレームを入れることもできる

フレーム内にフレームセットを読み込む
フレーム名が重複しないよう自分で名前を付ける

今日のひとこと

フレームをやりました。

6/15　フォーム

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

DWでのフォーム作成

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

テキストフィールド

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

ラジオボタン

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

チェックボックス

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

リスト／メニュー

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

ボタン

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

フォームの送信設定

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

今日のひとこと

フォームをやりました