5/6 Dremweaver
ビジュアルエディタソフト
タグを使わずブラウザのプレビュー上で編集が可能
ワークスペース
- ドキュメントウィンドウ
- コードビュー
- デザインビュー
- ライブビュー
- パネル
- プロパティインスペクタ
挿入
エレメントの挿入は挿入メニューより
サイト外の画像
サイト内に無い画像も表示できてしまうがPUTしてもリンク切れとなるのでダイアログよりコピーする。
ファイルによる管理
- ファイル名や保存位置はファイルパネルを介して変更すればサイト内のパスを全て直してくれる
- ただし、finderから変更すると普通にリンク切れになる
リンク
相対パス
- ファイルの参照（フォルダアイコン）
- ファイルの指定（ターゲットアイコン）
絶対パス
- リンクのテキストボックスにURLをペースト
きょうのひとこと
感想をお願いします。
コード入力の時よりも圧倒的に時短でとても
すごくやりやすかったです。また、画像を挿入
するときもわざわざ同じフォルダに入れなくても
表示してくれて楽でした。
ここまで使いやすいとコードをそのまま入力するやり方は普及しなくなってしまうと思う
のですが、WEBデザイナーの方々はdreamweaver
のみで作業しているのでしょうか。疑問です。
5/13 CSS
DWでのCSS
- コードビュー
- CSSデザイナーパネル
デザイナーパネル
- ソース
- CSSの記述場所
- セレクター
- CSSを指定する対象
- プロパティ
- CSSの設定：値
一覧から指定>見つけやすさレイアウト次第
5/20 ボックスモデルとビジュアルエディタ
ボックスの挿入
- 表示効果のないボックスはカーソル位置の把握が難しい
- タグセレクタを使い正しくタグを選択
- 挿入位置のダイアログで指定する
5/27 テーブルの鍾乳
テーブルの挿入
先にどの様なテーブルになるのか指定して挿入する
| これがTH | これがTD |
|---|
テーブルの編集
- ライブビューはテーブルへの対応が不完全なのでデザインビューで
- セルの結合はドラッグして選択した部分をセルの結合ボタンで結合
| 今日の一言 | 感想を入れてください。 |
|---|