7月授業日記
6/29 テーブル
メールリンク（P126）
クリックするとメーラーがたちあがるリンク
お問い合わせはこちら
ページ内リンク（P124）
- ページ内の指定した行にスクロールするリンク
- ファイルではないため名前がないため代わりとなる名前（アンカーポイント）を英数半角でつけそこへドラッグでリンクさせる
- 異なったページのアンカーポイントにもリンクできる
テーブル（P106）
ページ内にエクセルのセル（ワードの表）のようなものを挿入できる
テーブルの用語
| 表全体 |
テーブル |
| 一つ一つの中身 |
セル |
| 境界線 |
ボーダー |
| 背景色 |
テーブル全体とセル単位で設定可能（プロパティインスペクタ＞） |
| 月 |
火 |
水 |
木 |
金 |
土 |
日 |
| |
１ |
２ |
３ |
４ |
５ |
６ |
| ７ |
８ |
９ |
10 |
11
|
12 |
13 |
| 14 |
15 |
16 |
17 |
18 |
19 |
20 |
| 21 |
22 |
23 |
24 |
25 |
26 |
27 |
| 28 |
29 |
30 |
31 |
|
|
|
今日のひとこと
複雑な形の画像にマップを挿入するのが少し難しかった。
7/14 フォーム
- データを送信するためのパーツをブラウザがあらかじめ持っている
- それらに整理のために名前を付けたりしてページに挿入することで見ている人がデータを送ったりできる
- 送られるデータはname（ラベル）：value（値）
DWでのフォーム作成
- フォームは送信方法や送信先などを記したフォームタグ内に記述しないと機能しない
- そのためのエリア、フォーム（赤枠のエリア）を挿入し、その中にパーツを配置する
テキストフィールド
ラジオボタン
- 選択肢から択一で選ぶボタン
- 同じnameを持つもののひとつをチェックすると他が自動でチェック解除される（トグル）
- nameを統一しないとトグルは機能しない
- valueは入力できないので識別できる名前を自分でつける
- 初期値でチェック済みにしておくとそのボタンがチェックされた状態で開かれる
チェックボックス
- 選択肢から複数を選択するボタン
- ラジオボタンとは四角い外観で区別される
リスト/メニュー
- メニューを選択するとプルダウンメニューが選べる
- 選択肢が多数ある場合でも表示されるのは1行だけなので場所をとらない
- 値はリスト値ボタンでダイアログから編集
ボタン
フォームの送信設定
- データの送信方法はフォームのプロパティで設定
- フォームを選択するにはタグセレクタで<form>をクリック
- データはそのままでは読めないので通常cgiに送り解読する
- 一部のブラウザでは以下の設定でメールでデータを送信できる
- アクション（送付先）＞mailto:メールアドレス
- メソッド＞post
- エンコーディングタイプ＞text/plain
今日のひとこと