Dreamweaverへのインストール | Zen Coding 2-1 | HTML+CSSコーディングが10倍速くなるZen Coding
Dreamweaverは、Adobe CSの統合パッケージにも含まれているAdobe社のWindows/MacOS用のWebオーサリングツールです。Web制作のプロをはじめ、多くのユーザーに利用されています。 Dreamweaver（Windows/MacOS）用のエクステンションは、Zen Codingの公式サイトで配布されています。Windows用もMacOS用も、同じファイルが使えます。 ダウンロードした配布ファイルを解凍してできた「Zen Coding v.*.*.mxp」（*にはバージョン名の数字が入る）をダブルクリックすると、Extension Managerが起動するので、メッセージにしたがってインストールします。 Dreamweaver CS4以上の場合は、インストール後Dreamweaverを再起動すると、そのままZen Codingが使えるようになります。 CS3以下の
Dreamweaverの拡張機能まとめ
Dreamweaver用の拡張機能をまとめました。 便利なものばかりなので、ぜひお役立てください。 タグ挿入・文字列変換 コメントを生成して挿入するDreamweaver用拡張機能 <!– /#container –>などのコメントを簡単に挿入できます。 IDやClass名は自動で取得してくれます。 Adobe – Dreamweaver Productivity : Close Tags 閉じていないタグを閉じてくれます。 Adobe – : Adobe Dreamweaver 10周年セミナー：全角・半角変換拡張機能 全角の数字やカナを半角に直したり、その逆もできます。 携帯サイト作成にも便利ですね。 Zen-Coding DreamweaverでZen-codingが使えるようになります。 （CS3の方は、Zen Coding for Dreamweaver v0.5を選ぶといいかも
Wordpressのコードヒントが出るDreamweaverの拡張機能 « きんくまデザイン｜デザインを生かしたプログラミング
11/10/22更新 CS5.5だとうまくいかないとのコメントがあり、調べてみました。 取り急ぎ、動くように修正しました。 WordPressCodeHints.xml 解凍したファイルを下記のパスになるようにいれてください。 Winの人は似たパスのところにおけば動くと思います。 /Applications/Adobe Dreamweaver CS5.5/Configuration/CodeHints/WordPressCodeHints.xml ※注意 何年か前に作ったものなので、コードヒント自体が古いものになっています。 下記のページから、関数をひろってきて、上のxmlデータを上書きすれば最新のものになります。 http://codex.wordpress.org/Function_Reference Perl,Ruby,Pythonなどがあやつれれば、上のリンクから必要な部分を拾って
[Dreamweaver] テンプレートパラメータのサンプルと解説
以前TwitterでDreamweaverってどうよ？メモ帳でよくね？的なRTが回ったとき、 私が便利機能として挙げたのはサイト内全文検索と正規表現置換だったのだけど、もうひとつ、 140文字じゃ到底説明しきれないテンプレートパラメータについて熱く語ってみようと思う。 Dreamweaverのイメージといったらコードの自動補完の次にテンプレート機能っていう感じだから ソフト使ったことがある人なら１００％に近い確率でdwtファイルを作成したり修正したりしたことがあるはずだ。 しかしテンプレートパラメータについては意外と知らない人の方が多い。 メニューを良く見ると「修正」の「ページプロパティ」の下にテンプレートプロパティっていうのがあったりするんだけども、 正規表現に似てプログラミングっぽいからとっつきにくいのかな。 TemplateParamコメントタグ テンプレートプロパティはテンプレート
![[Dreamweaver] テンプレートパラメータのサンプルと解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f4e8861cd8451cdad08dadad5636ba1a726eb0f/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F10%2Fdwt.png)
【Dreamweaver】コードビューでよく使うショートカット | バシャログ。
BMW が開発している MINI ブランドの電動スクーターが気になって仕方がない sakai です。 なんと、キーが iPhone ですよ！ 今回は、Dreamweaver の“コードビュー”でコーディングをする時に便利なショートカットをご紹介します。 タグ挿入系 Ctrl+1(～6) = 見出しタグ（h1～h6）の挿入 Ctrl+Shift+P = 段落タグ（p）の挿入 Ctrl+Alt+T = テーブル（table）の挿入 Ctrl+Alt+I = 画像（img）の挿入 Ctrl+B = 強調（strong）の挿入 Ctrl+I = やや強調（em）の挿入 Shift+Enter = 改行（br）の挿入 このあたりは基本なので、Dreamweaver でコーディングをされている方ならご存知かと思います。 Shift+Space = 半角スペースを挿入（全角モードでも半角スペースが入る）
[Dreamweaver] エクセルが自動生成するテーブルのHTMLをクリーンアップする
エクセルの表をHTML保存したとき出力されるソースには属性・スタイル・ルビ・フォントタグなどが多量に含まれている。 それら不必要なHTMLソースをDreamweaverの正規表現置換で一掃する。 HTML化 エクセルから以下の方法でHTMLにする。 表のセルを選択（全体に適用する場合は３へ） Ctrl+N → Ctrl+V （新規作成とペースト） 「Webページとして保存」または「ブラウザでプレビュー」 「ブラウザでプレビュー」の場合は開発者ツールでHTMLをコピー後、 DreamweaverでHTMLドキュメントを新規作成してペーストするか、「名前をつけて保存」をする。 ここでは前者を例に取る。 「Webページとして保存」した場合 表はHTMLのテーブルタグに変換され、こんなソースが出ます。（headは省略） 「ブラウザでプレビュー」から保存した場合 Firebugなどの開発者ツール経由
![[Dreamweaver] エクセルが自動生成するテーブルのHTMLをクリーンアップする](https://cdn-ak-scissors.b.st-hatena.com/image/square/09fe547803c5b61a7d541fb1a12c556e23674152/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F09%2Fdwr.png)
Dreamweaverの機能を活用する・テンプレートの使い方：Web作製
能率的なウエブサイト更新のヒント：道具としてのパソコン＠おやこニュース Dreamweaverの機能を活用する：テンプレートの使い方 関連ページ 更新履歴 2005-07-07:更新 このページの構成 テンプレートについて テンプレートのメリット どういうときに使うか テンプレートの作り方 テンプレートファイル（.dwt）を作る 編集可能領域設定上の注意 テンプレートの活用法 テンプレートから新規ファイルの作り方 既存ファイルにテンプレートを適用する テンプレートを修正する テンプレートに関する注意事項 「能率的なウエブサイト更新のヒント」について 更新履歴 ご案内・関連ページ 環境設定に注意すること。また、DreamWeaver MX2004によるHTML作製も参照のこと。 テンプレートについて ああ。さすがだ。ドリームウィーバーはすごいなぁ、と思わせる機能のひとつが、テンプレートです。
コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 - Web:a piece of cake!;
新ブログに移転しました。 ↓ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 | Webooker お手数ですが、ブックマークの移動をお願いいたします。
WordPressのテンプレート作成用のDreamweaverのextension
WordPressのテンプレートファイルを作成・編集する際、タグをクリックで挿入することができるDreamweaver用のextensionの紹介です。
人気オープンソースCMS徹底比較 - オープンソースCMS用のDreamweaverエクステンション
オープンソースCMSのテンプレート等を制作する際、それぞれCMS独自のコードを入れていく必要があったりします。しかし、オープンソースCMS用のDreamweaverの無料エクステンションを利用する事で、そのコードが簡単に挿入でき制作時間を短縮する事ができます。 いろいろなオープンソースCMSのDreamweaver用のエクステンションが存在しますので、是非活用してみてください。どのエクステンションも開発者向けで少し難易度が高いので、HTMLやCSSの知識は必須になると思います。 Joomla!（ジュームラ） Joomla! 1.5 Template Builder for DreamweaverJoomla!1.5系のテンプレート制作用のエクステンション。クリックするだけでJoomla!用のコードを自動的に記述してくれます。ヘッダー内の記述、モジュールポジション、XMLの書き出しなど、少し
Dreamweaverを使って、エクセル(excel）の表・データをhtmlファイルへインポート（追記：2008.4.21) - 以下斜め読んだ内容
Dreamweaver(asin:B001JJCJVE)でExcelのファイルでもらったデータをコーディングするときにかなり楽 ヒューマン・エラーの発生しない（この場合、コピペミスが発生しない）手順なのでおすすめ。 読み込むファイルの準備。Excelの通常のファイル形式（xls形式、xlsx形式）のままでは読み込みできないので、csv形式かtsv形式に保存しなおす。 以下のいずれかの操作をやる。 メニューから、[ファイル]→[読み込み]→[表データ]と順に辿って選択 [挿入]-[テーブルオブジェクト]-[表データの読み込み] を選択 選択の結果、[表データの読み込み] ダイアログボックスが表示される [表データの読み込み]ダイアログで読み込むデータの詳細を指定（必須じゃない）。 [OK] をクリック htmlファイルのカーソルの置かれた位置にデータがtable要素として読み込まれる読み込ま
Dreamweaverで文字コードを変換する手順|情報備忘録
HOME>情報備忘録>Dreamweaverで文字コードを変換する手順 Dreamweaverで文字コードを変換する手順 文字コードに打たれ弱いイメージがあるDreamweaver。それでも文字コード変更しなければならないときがあるのでしょーがない。 通常ファイルの場合 「修正」-> 「ページのプロパティ」-> 「タイトル/エンコーディング」 -> 「エンコーディング」で変更したい文字コードを選択。「適用」ボタンを押せばOK。 テンプレート適用ファイルの場合 基本上記手順をテンプレートファイルで実行し、更新すればOKなはずだがうまくいかない場合があったので自分は下記のようにやっていた。 が、今さっきテストしてみたら上記手順で文字化けることはなく問題なさそう・・・ 上記でうまくいかない場合 「検索/置換」で変更したいファイルの文字コードを置換する。ファイルは開いたままだとテンプレート部分が変
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Dreamweaver覚え書き
Coding Methodology | CFニュース | CODING FACTORY - コーディング専門サービス
http://www.k-jouhou.info/blog/?p=668
サービス終了のお知らせ
WPのDreamweaverテンプレート作成用extension » On memorandum