DWの知っといた方がいい機能@2月14日(火)

DW「挿入」の「spry」

DWのjQueryのような機能。

テンプレート

ページの再利用が可能
ページ内の変更箇所を制御することで、より安全なサイト制作が可能
新規作成時に、レイアウトから選んでアレンジ使用出来る。
短安な仕事の場合は、こういうのを利用する場合もあり。
DW5.5なら、iPhone用ページも作れる。

●テンプレートの使い方
1新規→空白ページ「html」の「レイアウト」を選んで保存。
2:編集する場所を選んで、「挿入」→「テンプレートオブジェクト」→「編集可能領域の作成」を実行。
3:「テンプレートとして保存」を名前をつけて保存で、テンプレートが出来る(.dwt)
4:新規で『テンプレートから作成』で、実際のファイルを作る。
(編集出来る箇所は黒字、出来ない箇所はグレー)

*編集可能領域以外は触れないので、触りたい部分と触りたくない部分を決めておく。(分業の時に、触らせたくない時とか)
*どこをテンプレート化するか?が、大事。
*メリットは、100Pの直しも1pだけで済む。
*ページ数が多い場合や分業の時などに使う。

日付の挿入

●日付の自動更新
日付を入れたい箇所を選んで「挿入」→「日付の挿入」(*更新にチェック)

ライブラリー

●footerのcopyright等のライブラリー作成と変更
1:「アセット」の「ライブラリー」(左横の本マーク)の+で新規ファイルを作る
2:「編集」(鉛筆マーク)で、copyright2012を作成して、保存。(.lbi)
3:テンプレートの入れたい箇所に「挿入」する。変えたい時は、ライブラリーを変更すると変わる。

*アップロードする時は、自動作成されたテンプレートとライブラリーのファイルも必要。
adobe TBで勉強する。

ADOBE TV】DW5.5でjQueryMobileのモバイルテンプレート

●「DW CS5.5:jQuery mobile」
http://tv.adobe.com/jp/watch/learn-dreamweaver-cs5/10565/

●「Dreamweaver CS5.5で作るjQuery Mobileを組み込んだスマートフォンサイト制作」

http://tv.adobe.com/jp/watch/adc-meetup-round-02html5-camp/10730/

http://tv.adobe.com/jp/product/dreamweaver/#episode/most-viewed/