5/6 Dreamweaver

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

ワークスペース

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

---

挿入

エレメントの挿入は挿入メニューより

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

ファイルネルによる管理

• ファイル名や保存位置はファイルパネルを介して変んこうすればサイト内のパスを全て直してくれる
• 正しいFinderから変更すると普通にリンク切れとなる

---

リンク

相対パス

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

絶対パス

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

リンクのページ

きょうのひとこと

クリックをするだけでリンクを貼れるのが楽でいいと思いました。

---

5/13 CSS

DWでのCSS

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

デザイナーパネル

• ソース
• CSSの記述場所
• セレクター
  • CSSを指定する対象
• プロパティ 　　
  • CSSの設定：値

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

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

ボックスの挿入

• 表示効果のないボックスはカーソル位置の把握が難しい
• タグセレクタを使い正しくタグを選択する
• 挿入位置のダイアログで指定する

5/27 テーブルの挿入

テーブルの挿入

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

これがTH	これがTD

テーブルの編集

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

きょうのひとこと	テーブルの挿入作業は今までとても 大変だったので便利だと思いました。