![[Dreamweaver]Sassを使う時、コードヒントもZen Codingもイキにする環境設定のメモ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b2a2c11b17693e3812ca5043c1de13f337332706/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_dreamweaver.png)
コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac → ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード
チーム内のももクロ旋風が留まるところを知りません。 まだメンバーの顔と名前覚えきってないんだけどそんなこと言えないhakoishiです。がんばります。 さて、本日はDreamweaverの使い勝手をちょこっとだけ底上げしてくれる拡張機能を5つほどご紹介します。 Zen Coding これはもう、いわずもがなですね。コーディング効率大幅アップ。 下記よりDreamweaver用のファイルを選択してDLしてください。 Downloads - zen-coding 閉じタグコメントを挿入 「コマンド」メニュー⇒「閉じタグコメントを挿入」で閉じタグコメントを自動で挿入してくれます。 ID・classも自動的に拾ってくれるので、構造のチェックにも便利。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました Dreamweaver CS5 Validator 「結果」パネル⇒「バ
普段Dreamweaverテンプレートは使用しないのだが、必要に迫られて少々使い方を調べたのでメモ・・・ Dreamweaverテンプレートではタグは編集可能領域およびオプション領域にできないので、各カテゴリ毎のidを設定する為には、テンプレート式を使用する。 属性(id)を設定した<body>タグを選択して、「修正」→「テンプレート」→「属性を編集可能にする」ポップアップウィンドウの設定を下記とする。 属性:ID ラベル:変数名を入力(ここではcategoryとしている) タイプ:テキスト 初期設定:任意(未記入可) そうするとテンプレートの<head>内に <!– TemplateParam name=”category” type=”text” value=”” –> が追加されるので、後はタグを下記の様に書き換える <body id=”@@(category)@@”> これでHTM
Dreamweave CS5 のアップデートをかけたところ、メニューバーその他が文字化けしてしまう事態に。 かなりアタフタしてしまったのですが、CS商品群ではアップデート後の文字化けは稀にあるようです。 解決方法を自分メモ兼情報共有として掲載しておきます。 Mac OS X・CS5環境での対処法 1、まずはバックアップ Dreamweaverを終了し、「ユーザー」→「ライブラリ」→「Application Support」→「Adobe」→「Dreamweaver CS5」→「ja_JP」→「Configuration」 にアクセスし「Configuration」フォルダを任意の場所にバックアップしておきましょう。 2、「Menus」フォルダの削除 「ユーザー」→「ライブラリ」→「Application Support」→「Adobe」→「Dreamweaver CS5」→「ja_JP」→
こんにちは、きんくまです。 htmlのコーディングするのに、zen-codingっていうらくらくツールがあるみたいです。 >> マークアップ効率化 – zen-codingでコーディングを倍速に >> MXPはこちらからさがしてね Download: Zen Coding for Dreamweaver v0.6 おーこりゃすごいってことで、DW CS4用のMXPをおとしてきて、インストールしようとしたらエラー! なんかメニューまわりでなんたらかんたらってエラーダイアログが出る。 っていうわけで、手動でインストールだよ。Win7 64bitです ※参考にされる方は 自己責任でお願いします。 menus.xmlに追加 C:\Users\{ユーザー名}\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\menus.x
先日、ノンプログラマのためのPHP入門という素敵なUSTを見ていたのですが、その中で出てきたzen coding。 前々から知っていたものの、これ使うならエディタごと乗り換えないといけないんだ!とずっと勘違いしていて、なんだかんだでまだDreamweaver使ってるし…サイトの定義とかもしてるからなんだかんだでエディタ乗り換えるの面倒だしなぁ…とかごにょごにょ思っていたのですが… Dreamweaverでも使えるらしいよ!知らなかった!無知って怖い!>< Dreamweaver用はこちらからダウンロードできます。 ダウンロードしたZen Coding.mxpをダブルクリックするとエクステンションマネージャーが立ち上がるので、承諾するをクリックしてインストール。 これだけでOK。 インストールが終わったら、早速何か入力してみましょう。 すごい!感動! 展開はcontrolキーと,(カンマ)キ
簡単なリファレンス(Dreamweaver CS3の場合) 最終更新日: 08/09/04 Dreamweaver CS3の使い方 目次 サイト定義をする CSSを優先にしない設定にする 新規にHTMLファイルを作る 起動時に新規ドキュメントを開くようにする ショートカットキーで新規ドキュメントを作成する 新規にCSSでレイアウトされたドキュメントを作成する ウィンドウサイズの変更・調整 HTMLファイルのプロパティの変更 文字の入力 文字の大きさを変更する 文字の色を変更する 画像を追加する 画像ソフトからコピー&ペーストで画像を挿入する 罫線(区切り線)を追加する 箇条書きを作る クリックでメーラーを起動させるようにする 表を作る 別ページへリンクを作る ドキュメントにリンクされたページを開く HTMLファイルに名前をつける HTMLファイルを保存する 背景、テキスト、リンクなどの色を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く