5月の授業日記

home >4月の授業日記

5月
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

5/10 背景画像とリンク

背景画像

ページの背景には画像を配置できる

  • ブラウザのサイズは可変なので画像を合わせることができない
  • 小さい(軽い)画像をタイル状に繰り返して表示させる

この画像を配置する


リンク

クリックすると別のページを開くことができる

  • リンク横のアイコンをクリックでオープンダイアログからリンクしたいファイルを指定
  • リンク横のアイコンからファイルパネルのリンクしたいファイルへドラック
  • リンクカラーはページプロパティーで指定できる
  • リンク後にファイル名や保存場所を変更した場合、ダイアログに従えばDWがリンクの記述を修正してくれる

今日のひとこと

ホームページがだんだんかわいくなっていくのが楽しいです。


5/17 様々なリンク

  1. 相対パス
  2. 絶対パス
  3. イメージマップ
  4. ページ内リンク
  5. メールリンク

きょうのひとこと

複雑になってるけどまあまあ、なんとなくできそうで楽しいです。


5/24 テーブル

ページ内にエクセルのセル(ワードの表)のようなものを挿入できる

テーブルのまとめ

表全体 テーブル
一つ一つの中身 セル
境界線 ボーダー
DWによるテーブル サイズ・行数・列数を最初に決める
プロパティインスペクタで後からも変更可能
サイズ(幅) %(ブラウザ相対値)
ピクセル(絶対値指定)
背景色 テーブル全体とセル単位とで背景色が設定可能
テーブルおよびセルの選択 カーソルの位置によって選択できる部分が変わる(P49)
行または列の挿入 修正メニュー>テーブルより
行または列の削除 選択してデリート
セルの結合 結合したいセルを選択し

テーブルの活用


5/31 テーブルを利用したレイアウト

テーブルのボーダーを0にすると骨格が見えなくなりレイアウトに使用できる

セルの縦揃え デフォルトはセンターなので上に揃えたい場合
 セル余白 セルと文字との余白
0だと端に文字が付いてしまう
 セル間隔 セル同士の骨格部分の間隔
0にするとくっつく
テーブル自身のセンタリング テーブルを選択し

きょうのひとこと

かわいくなってきましたね。