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