スパっと検索で出てこなかったので、忘備録的に。 DreamWeaverで新しいPCにスニペットを移動するときに保存場所が分かりにくかったのでメモ。 OSはWindows10の場合 C:\Users\ユーザー名\AppData\Roaming\Adobe\Dreamweaver CC 2018\ja_JP\Configuration\Snippets
Dreamweaver ユーザーガイド はじめに レスポンシブ web デザインの基本 Dreamweaver の新機能 Dreamweaver を使用した web 開発 - 概要 Dreamweaver / よくある質問 キーボードショートカット Dreamweaver の必要システム構成 機能の概要 Dreamweaver と Creative Cloud Dreamweaver 設定と Creative Cloud の同期 Dreamweaver での Creative Cloud ライブラリ Dreamweaver での Photoshop ファイルの使用 Adobe Animate と Dreamweaver の操作 ライブラリから web 用に最適化された SVG ファイルを抽出する Dreamweaver のワークスペースとビュー Dreamweaver ワークスペース ビジ
Dreamweaver ユーザーガイド はじめに レスポンシブ web デザインの基本 Dreamweaver の新機能 Dreamweaver を使用した web 開発 - 概要 Dreamweaver / よくある質問 キーボードショートカット Dreamweaver の必要システム構成 機能の概要 Dreamweaver と Creative Cloud Dreamweaver 設定と Creative Cloud の同期 Dreamweaver での Creative Cloud ライブラリ Dreamweaver での Photoshop ファイルの使用 Adobe Animate と Dreamweaver の操作 ライブラリから web 用に最適化された SVG ファイルを抽出する Dreamweaver のワークスペースとビュー Dreamweaver ワークスペース ビジ
近藤 将範氏 株式会社ワンパク CTO 作成日:2008年3月14日 ユーザレベル:初心者, 中級 製品:Dreamweaver CS3 はじめに デザインビューで確認しながらページ制作をおこなえるのが魅力のDreamweaverですが、マークアップに特化したソフトですので、HTMLエディタとしても大変便利な機能が盛りだくさんです。 デザインビューだけでなく、コードビューをうまく活用し、作業の効率化を図るためにこれだけは覚えておきたい機能や、ショートカットなどをご紹介させていただきます。 いままで、他のテキストエディタなどで作業されていた方も、一度Dreamweaverのコードビューで作業していただき、その優位性を認識していただけたら幸いです。 必要ソフトウェア この記事では、以下のソフトウェアを使用しています。 Dreamweaver CS3 体験版 購入 ソースコードを見やすく
Dreamweaverで複数行を同時にタブ文字で字下げした時、どうしても出来てしまう空行のタブ文字。今回はこの 空行のタブ文字 を正規表現を使って一括で削除する方法を紹介したいと思います。 以下の説明は、手元の環境の都合上 Dreamweaver 8 の場合での説明となっています。 Dreamweaverで正規表現置換を使う Ctrl + F(Windowsの場合)を押して検索および置換ウィンドウを開き【正規表現を使用】にチェックを入れれば検索および置換で正規表現を使うことが出来る。 改行コードを確認 実際に入力する値は、ファイル保存時の改行コードに依存するため、置換前に自分の環境の改行コードを確認しておきます。 Dreamweaverで改行コードを確認するには【環境設定】から【コードフォーマット】を選択し、その中の【改行タイプ】の項目で確認できます。 置換で空行のタブ文字を消す 検索 \
Dreamweaver CC でHTML5なのに画像挿入すると 最後に / (スラッシュ)が入ってしまいます。そのバグを直す方法を紹介します! おはこんばんちわ、毎年かならず風邪を3度は患うやのっぱです(´・ω・`)おほー 本日はあの煩わしかったDreamweaverCCの画像挿入バグ改善法をご紹介します。 この改善方法が、意外とググっても出てこないんですよね。。。 というわけで、ふたっぱのジェバンニ(Boss)が一晩でやってくれました←ものの4~5分 その前に、どのようなバグかと申しますと、DreamweaverCCを使用してドキュメントタイプHTML5でコーディングしていくとき 画像挿入をすると、<img src=”*****.jpg” width=”300″ height=”300″ alt=”"/>と出ます。 なにがおかしいの?っと思いますよね… よくご覧になってください。 そう…
Dreamweaver CS4でCSSやHTMLを作成(コード画面でほぼ手打ち)しています。 一部分を選択してコピー&ペーストしたい時に、コピーした瞬間になぜか全選択になってしまう現象が起こってしまい、困っています。カット&ペーストでも同様です。 その他にも、単語だけを選択してコピーしたいのに、コピーした瞬間に周囲のタグもまとめて選択している時もあります。 これらの現象は毎度ではなく、普通にコピーできる時もあります。 DWを再インストールしてもみましたが、改善しませんでした。 サクラやメモ帳など他のエディタではこういったことは起こりません。 これはDWに原因があるのでしょうか。それとも私のマシンでしょうか。 対処法を教えて頂けたらありがたいです。 マシンはWindows Vistaです。
Dreamweaver CS4を使用時、コードを一部選択してコピペしようとすると全選択になってしまう。 以下症状 HTML及びCSSでのコードウィンドウ内で、コピー・切り取りしたい部分を選択 右クリックからのプロパティウィンドウ、又はキーボードショートカットでコピー・切り取りを選ぶと、何故か全選択になってしまう 調べてみたら、どうやらワークスペースのデュアルスクリーン設定時において発生するバグらしい。 僕はデュアルモニタにしてるので、左右の画面で広く使えるようにワークスペースを独自設定しているのですが、これがまずかったようです。 試しにワークスペースをデフォルトに戻したら症状は改善されました。 またデュアルスクリーン時でも、コードインスペクタウィンドウ内と上部メニューの編集からのコピー・切り取りであれば、(少なくとも僕の環境では)このバグは起こりませんでした。 加えて一度この動作をしてやれ
こんにちは。きんくまです。 えっと、この前からDreamweaverのコマンドの作り方を調べてました。そしたら、あれですね。 ドリはhtmlとJavaScriptで作るんですね。 htmlでパネルを作って、JavaScriptで操作するという感じです。でも、大掛かりなやつだとファイルを分けた方がいいと思うんですが、小さめなやつだとhtmlに埋め込んでも問題ないようです。 実際、ヒストリパネルから、自作コマンドを保存した場合、htmlの中にJSが埋め込まれてます。 さて、今回のコマンドは画像の幅と高さをリセットするコマンドです。 いや、正確にいうと、もし幅と高さの属性を持っていない場合は、幅と高さを付け足しちゃうコマンドです。 具体的には、 <div id="id_1"> <h1><img src="images/id_1_1.jpg"></h1> <img src="images/c3_3
こんにちは、hakoishiです。 最近の横浜は花粉飛んでる気がする…、と思ってたら雪っぽいものがちらつく日もあったり。 空を見上げては「今はいったいいつなんだろう」と思い馳せる日々です。 さて、今回はDreamweaverの検索・置換対象となるファイルの拡張子を増やす方法をご紹介。 サイト内検索したけど、目的のソース箇所が見つからない…と思ったら「.ctp」とか「.cgi」とかDWは検索対象として見ちゃいないのですねorz そんな時、他のソフトに作業の場を移すのも良いですが、Dreamweaverでも検索に引っかかるようカスタマイズできますのでご参考まで。 編集必要なファイルが2つ。 他、必要に応じて設定する項目が1つあります。 ※各ファイル編集前にはバックアップをお取りください。また、極力DW以外のエディタで編集することをおススメします。 【1】Extensions.txt 下記にあり
Dreamweaverの検索と置換って何気に凄い。 色々出来る中でもかなり便利だと思う正規表現を使った置換のサンプルを挙げてみる。 スパゲッティなソースの修正も、これと特定のタグ検索知ってれば作業スピードが格段に上がるかも。 「特定のタグ」で出来るじゃんというのも中にはありますが、正規表現を使うことに意味があるので突っ込みは受け付けませんw 微妙に間違ってたところ修正入れつつ加筆。 Dreamweaverで正規表現を使うには? Ctrl+F(コマンド+F)押して表示されるダイアログの右下にある正規表現を使用にチェックを入れるだけです。 テキストを維持したままタグを減らしつつ変更 HTML→XHTMLで一番多い作業がこれだと思う 置換対象: <td width="397"><font size="2">テキスト</font></td> 置換後: <th scope="row">テキスト</t
[an error occurred while processing this directive][an error occurred while processing this directive][an error occurred while processing this directive][an error occurred while processing this directive]ホームサポートServiceNote[an error occurred while processing this directive][an error occurred while processing this directive][an error occurred while processing this directive]InContext Editing とは何ですか
HOME>情報備忘録>Dreamweaverで文字コードを変換する手順 Dreamweaverで文字コードを変換する手順 文字コードに打たれ弱いイメージがあるDreamweaver。それでも文字コード変更しなければならないときがあるのでしょーがない。 通常ファイルの場合 「修正」-> 「ページのプロパティ」-> 「タイトル/エンコーディング」 -> 「エンコーディング」で変更したい文字コードを選択。「適用」ボタンを押せばOK。 テンプレート適用ファイルの場合 基本上記手順をテンプレートファイルで実行し、更新すればOKなはずだがうまくいかない場合があったので自分は下記のようにやっていた。 が、今さっきテストしてみたら上記手順で文字化けることはなく問題なさそう・・・ 上記でうまくいかない場合 「検索/置換」で変更したいファイルの文字コードを置換する。ファイルは開いたままだとテンプレート部分が変
この連載では、株式会社ワンパクの近藤&杉山の師弟コンビが、Dreamweaver の覚えておきたい便利な機能や、見落としていた機能などをお届けします(一部、株式会社ワンパクでの実話に基づいています)。少しでもみなさんの作業効率アップのお手伝いができればうれしいです。また、「杉山のこれ知ってます?」コーナーでは、杉山のお気に入りの機能を紹介します。 第1回目は、まずはワークスペースが自分にとって快適な環境になるように整えましょう。そして制作作業を進めていく上で役立つ、「関連ファイルツールバー」と「コードナビゲータ」を覚えましょう。 なにはともあれ作業環境の整備から 近藤:はじめまして。本連載を担当させていただきます株式会社ワンパクのテクニカルディレクターの近藤です。 杉山:はじめまして。師匠近藤のお手伝いをしながら Dreamweaver マスターをめざす株式会社ワンパクのデザイナーの杉山
個人的な話だけれど、Dreamweaverの以前のバージョンでは、CSS編集中にプロパティを追加したりする時は、Enterキー→Tabキーの順で自分でインデントを入れていた。 でも、Dreamweaver CS3にしたら、何も設定しないで使っていると改行の際に勝手にインデントされてしまう。 どうしても前の癖でTabキーを押してしまうのでインデントが2回入ってしまってイライラしていた。 設定箇所が見つからないし、ググってもこの話題ないし、どうしよう… あきらめかけていたころ、先日設定箇所を見つけたのでメモ。 メニューバーの「表示」→「コードビューオプション」→「自動インデント」を解除。 これで自分的には使いやすくなりました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く