Category Archives: Dreamweaver

Dreamweaverテンプレートでの属性編集機能

今回久しぶりにDreamweaverのテンプレート機能を使って作成をすることになったんですが、そこで1点問題がでてきました。
どうしてもbodyの属性でカレント設定をする必要があり、これではテンプレートを使ったとしても編集可能領域を広範囲にしなくては対応できない。
ふと同僚の@takanoha_111さんにいい方法がないか聞くとあっさり回答がありました。
それはズバリ!テンプレートの「属性編集を可能にする」って項目でした。
知ってる人は余裕で知っているとは思いますが、僕は知らなかったので知らない人もいると思うのでやり方を紹介します。

ちなみにDreamweaverのバージョンはCS4[Mac]です

1.まずは普通にテンプレートとしてファイルを保存します。
ページによって属性を変更したい部分を選択します

2.修正→テンプレート→属性を編集可能にする…を選択
修正→テンプレート→属性を編集可能にする...を選択

3.今回はIDを変更するので属性はID。初期設定はテンプレートに書かれているtopとします。
※属性を編集可能にするにチェックをつけてください。
今回はIDを変更するので属性はID。初期設定はテンプレートに書かれているtopとします。

4.OKボタンを押すとbodyの部分が<body id="@@(id)@@">と変更されます。
OKボタンを押すとbodyの部分が<body id="@@(id)@@">と変更されます。

5.次にテンプレートから新規ファイルを作成します。

6.修正→テンプレートプロパティを選択
修正→テンプレートプロパティを選択

7.すでにデフォルト値のtopがはいっています。
すでにデフォルト値のtopがはいっています。

8.id:topの値を任意の値に変更します。今回はcompanyと変更しました。
id:topの値を任意の値に変更します。今回はcompanyと変更しました。

9.OKボタンを押すとbodyのidが変更されます。
OKボタンを押すとbodyのidが変更されます。

Dreamweaver CS4でhtml5のコードヒントを使う

この記事(http://adobe-html5.jp/)を読んでたらどうもHTML5 PackはCS5じゃないとダメみたい。
ただ僕のDreamweaverはCS4なのでどうしたらいいものか検索。
そしたら、AdobeのフォーラムにCS4でも拡張機能を追加できるみたいなので紹介します。

http://forums.adobe.com/thread/642154?tstart=0

追記
普通にAdobe内でExchange検索したらありました。
http://www.adobe.com/cfusion/exchange/index.cfm?searchfield=html5&search_exchange=3&search_category=-1&search_license=&search_rating=&search_platform=0&search_pubdate=&Submit=Search&num=10&startnum=1&event=search&sort=0&dummy_tmpfield=

DreamweaverでRuby on Railsのテンプレート.rhtml、.erbを編集できるようにする方法

DreamweaverのRuby on Rails拡張機能「RubyWeaver」を入れる。
http://www.studio-kingdom.com/ruby-rails/51

ダウンロードサイトが変更になっていたのでこちらから。
http://rubyweaver.js-designz.net/?page_id=5

Dreamweaver CS4とSubversion(SVN)の連携

Dreamweaver CS4ではSubversionとの連携ができるようになりました。これでプログラマーの人にMacを買って下さいって言わなくてすみそうです。

セットアップ

svn01

サイト定義から「バージョンコントロール」を選択して設定します。
僕の場合はOKを押した後、サイト定義を開きなおしたらリポジトリパスが書き換わっていました。注意しましょう

使い方

セットアップが終ったら今までのDwのチェックアウト・チェックイン機能の変わりにSubversionが使えるようになっています。

svn02

チェックアウト・・・ファイルのビューを「リポジトリビュー」に切り替えて「フォルダのマウント」もしくは「最新バージョンの取得」でできる
コミット・・・チェックイン
アップデート・・・チェックアウト

参考サイト

名古屋在住のWebプログラマー TOYOSYSTEM
http://www.jamboree.jp/cms/archives/346

[覚書]MacのDreamweaverCS4でcakePHPのテンプレート.ctp、.thtmlを編集できるようにする方法

Extensions.txtにthtmlとctpを追加する。(1行目)

■Extensions.txtの場所
/users/○○○(ユーザ名)/Library/Application_Support/Adobe/Dreamweaver_CS4/ja_JP/Configration/Extensions.txt

ext.jpg

このままだとphpの部分が赤くなってくれないので次のファイルにもthtmlとctpを追加する。(75行目)

■MMDocumentTypes.xmlの場所
/Applications/Adobe_Dreamweaver_CS4/configuration/DocumentTypes/MMDocumentTypes.xml

mm.jpg

最後にDreamweaverを再起動して.ctpもしくは.thtmlを開いてみよう!

[覚書]DreamweaverのFTPで依存ファイルをアップしない方法

[覚書]DreamweaverのFTPで依存ファイルをアップしない方法

1. [編集]-[環境設定] (Windows) または [Dreamweaver]-[環境設定] (Macintosh) を選択します。
2. [環境設定] ダイアログボックスで、左側の [カテゴリ] リストから [サイト] を選択します。
3. 依存ファイルのチェックを入れる。
4. 次回からファイルをPUT GETの際[依存ファイル] ダイアログボックスを表示されるのでその際にどうするか決める。

ファイル単位で行う場合

[依存ファイル] ダイアログボックスを表示させたい場合は、Alt キー (Windows) または Option キー (Macintosh) を押しながら [GET]、[PUT]、[チェックイン]、[チェックアウト] コマンドを選択します。