5/6　Dreamweaver

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

ワークスペース

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

---

挿入

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

サイト外の画像

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

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

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

---

リンク

相対パス

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

絶対パス

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

リンクのページ

今日のひとこと

色々覚えることが多くて大変でした。相対と絶対パスが混ざらないように気をつけていきたいです。

---

5/13でのCSS

DWでのCSS

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

デザイナーパネル

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

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

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

ボックスの挿入

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

5/27　テーブルの挿入

テーブルの挿入

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

これがTH	これがTH

テーブルの編集

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

今日のひとこと	DWで表を制作できるのでとても便利だなと思いました。また、新しいことが覚えられたので忘れないように気をつけます。