---

5/6 Dreamweaver

531496_m.jpg ビジュアルエディタソフト
タグを使わずブラウザのプレビュー上 で編集が可能

ワークスペース

• ドキュメントウィンドー
  • コードビュー
  • デザインビュー
  • ライブビュー
• パネル
• プロパティインスペクタ

---

サイト外の画像

サイト内に無い画像も表示できてしまうPUTしてもリンク切れとなるのでダイアログよりコピーする

ファイルパネルによる管理

• ファイル名や保存位置ファイルパネルを介して更新すればサイト内のパスを全て直してくれる
• ただしFinderから更新すると普通にリンクが切れとなる

---

リンク

相対パス

• ファイルの参照（フォルダアイコン）
• ファイルの指定(ターゲットアイコン)

絶対パス

• リンクのテキストボックスにURLをペースト

リンクのページ

今日の一言

ブラケットの時よりわかりやすくこっちの方が理解しながらできているので楽しいです！

---

5/13 CSS

DWでのCSS

• コードビュー
• CSSデザイナーパネル

デザイナーパネル

• ソース
  • CSSを指定する
• セレクター
  • CSSの定義

一覧から指定＞見つけやすさレイアウト次第

5/20 ボックスモデルとビジュアルエディタ

ボックス

• 表示効果の無いボックスはカーソル位置の把握が難しい
• タグセレクタを使い正しくタグを選択する

• 5/27 テーブルの挿入

  テーブルの挿入

  先にどのテーブルになるかを想定して挿入する

これがTH	これがTD

テーブルの編集

• ライブビューはテーブルへの対応が不完全なのでデザインビューで
• セルの結合はドラックして選択した部分をセルの結合ボタンで結合

 

今日の一言	あんなに難しいとおもっていたものがこんなに簡単にできるなんて信じられない！ びっくり