5/6 Dreamweaver
ビジュアルエディタソフト
タグを使わずブラウザのプレビュー上で編集が可能
ワークスペース
- ドキュメントウィンドー
- コードビュー
- デザインビュー
- ライブビュー
挿入
エレメントの挿入は挿入メニューより
サイト外の画像
サイト内にない画像も表示できてしまうがPUTしてもリンク切れとなるのでダイアログよりコピーする。
ファイルパネルによる管理
- ファイル名や保存位置はファイルパネルを介して変更すればサイト内のパスを全て直してくれる
- ただしFinderから変更すると普通にリンク切れとなる
リンク
相対パス
- ファイルの参照（フォルダアイコン）
- ファイルの指定（ターゲットアイコン）
絶対パス
- リンクのテキストボックスにURLをペースト
きょうのひとこと
覚えることがたくさんありましたが、bracketsの時よりも操作が楽になって良かったです
5/13 CSS
DWでのCSS
- コードビュー
- CSSデザイナーパネル
デザイナーパネル
- ソース
- CSSの記述場所
- セレクター
- CSSを指定する対象
- プロパティ
- CSSの設定：値
一覧から指定＞見つけやすさレイアウト次第
5/20 ボックスモデルとビジュアルエディタ
ボックスの挿入
- 表示効果のないボックスはカーソル位置の把握が難しい
- タグセレクタを使い正しくタグを選択する
- 挿入位置のダイアログで指定する
5/27 テーブルの挿入
テーブルの挿入
先にどのようなテーブルになるかを指定して挿入する
| これがTH | これがTD |
|---|---|
テーブルの編集
- ライブビューはテーブルへの対応が不完全なのでデザインビューで
- セルの結合はドラッグして選択した部分をセルの結合ボタンで結合
きょうのひとこと テーブルのおかげで、表を見やすく作ることができるようになりました。DreamWeaverだと以前よりずっと簡単に作ることができました。