Ctrl+Tした時 タグの編集　一部のテキストをタグで囲う時に使用します。 選択してからCtrl+Tでタグを入力することで選択した開始と終わりにタグをいれることができます。 初期のDreamweaver環境設定だと改行<br>に対して一行改行されるので 「編集」→「環境設定」→「コードフォーマット」→「高度のフォーマット：タグライブラリ」 で改行の設定をしてあげます。 ※細かく設定してあげるとコマンドのコードフォーマットする際に設定したインデントでフォーマットされます。 私はXHTMLでは基本的に、ブロック要素は改行、インライン要素は改行なしで統一してあげてます。 HTML5コーディングについては浅岡さんの記事で詳しく書かれてます！ デザインビューでEnterで改行しながらコーディングすると自動的に段落の<p>タグがはいります。 初期はすべてPタグでガツガツ要素をながしこんで、その後に適当

まず結論から言うと音声入力がOFFになっている事を確認してください。 では、順を追って説明します。 Dreamweaverが調子悪い Mac版Dreamweaverが突然不調になった事ありませんか？ コピペ等のショートカットが効かない 「半角スペースが一瞬入って消える」を繰り返す 文字が消える CSSデザイナーウィンドウでCSSが編集できない 保存ができない（または数回command+Sを押さないと保存できない） プロパティウィンドウの「更新」ボタンを押してもすぐ「更新」ボタンが出てきてしまう（そのためプロパティウィンドウが入力できない） また、画像のようにCCのアプリを表示すると、画面の下になぞの文字入力ウィンドウが出てくる。 上記のような症状が出て、設定項目を再構築してもソフトを再インストールしても全く改善できずに困ってしまいました。 特にソフトやOSのアップデートがあったわけでもなく

Dreamweaver を使用してコーディングしているとよく使う機能ってないですか？私の場合は「ソースコードのフォーマット」や「すべてを保存」などをよく使用します。使用する際に、メニューから選んだりしているとどうしても効率が悪くなってしまいます。そこで、基本的なショートカットの紹介や「ショートカットとコードスニペット」を設定して作業効率を向上させる方法についてご紹介したいと思います。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて聞いた方は首を傾げることでしょう。 以下に公式サイトの文言を引用させていただきます。 コンテキストに応じたコ

Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effects など、Adobe Creative Cloudの各アプリのよく使うショートカットをそれぞれ一枚にまとめたチートシートを紹介します。 チートシートは美しくデザインされており、デスクトップの壁紙にもよし、プリントして貼り付けておいてもよしです。

こんにちはおかべんです！ いきなりですがテキストエディタは何を使っていますか？ ・王道のAdobe「Dreamweaver」？ ・MACなら「Coda」？ ・話題性の多い「Sublime Text」？ 「Dreamweaver」もよいですが拡張性が低く、なんせ重い。。。 「Coda」はWINDOWSで使えないし。。。 ※MACとWINDOWS両方使っているので、共通なのがよくて 「Sublime Text」は拡張性が高く見た目も自分好みにできてとっても良いエディタだと思いますが、 仕事柄shift_jisやEUCのサイトメンテもあって対応できていなかったり、日本語入力部分で、 ちょっと僕には合わなかったので、購入もしませんでした。 ※文字コードは今は対応してるかも ATOMとsublimeの違いでシェアウェアかフリーかがありますが、 最近気になっているのが「試用版だと、保存する時にたまに警

前回の「コーディングの手腕がないデザイナーだけでWebページ制作をしてみた件について」から続いていたLP（ランディングページ）制作も、ひとまずは落ち着いたかのように見えた。 しかし、クライアントもいろいろとWebの最新情報を集めているようで、次なる要望を伝えるメールが届いた。 スマホで見てもPCと同じレイアウトだから、ちょっと使いにくいので、スマホで見たときはレイアウトを変える方法、「レスポンシブ」っていうのですか、アレをやってほしいのです。社長は「岡本さんなら10分くらいで終わらせられる」って言うのですが、さすがにそれは難しいと思うので明日の15時くらいまでにいただけるでしょうか？ また明日！ しかも検討の余地すら与えられない！ 「Adobe Creative Cloud」なら何とかなるのだろうか……。 「レスポンシブWebデザイン」（以下、レスポンシブデザイン）というのは、デバイスの情

DreamWeaver CC2017 コーディングに便利なショートカット一覧を仕事用の資料として公開していますが、DreamWeaverのバージョンCC 2017で、特にコーダーがSublimeライクに大幅に便利になったとのことで、早速更新しました。DW CC2017対応箇所には分かりやすくCC2017マークを記しています。 DW標準のショートカットにないコマンドは、環境設定でショートカット登録するのが便利。例えば、テーブル挿入はあるがリスト挿入が見当たらないので、⌘7〜9にカスタム登録した。 ここではまだ紹介していないが、EMMET（例えば「ul>li*5>a」などと入力後TABボタンで変換してくれる入力支援機能）やスニペット（favicon、mailto、などと入力しTAB変換しただけで、インプットを完了してくれる入力支援機能）も非常に強力なので、ぜひ試してみることをお勧めします。 便

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? フロントエンド開発今昔物語 フロントエンドと言っても、アプリやゲーム制作などではなく、いわゆるWebサイト制作のクライアントサイド側の話になります。 時代背景 昔 おじいさんには、Photoshop、Illustrator、Dreamweaverという3種の神器がありました。当時のWebサイト制作は、これらのソフトを利用し、おじいさんが一人で行っていました。おじいさんのような仕事をする人は、Webデザイナーと呼ばれ、とても人気がありました。おじいさんは幸せでした。 今 いつしかWebデザインは分業化されるようになりました。おじいさんは久

本連載では、CMSのスタンダードでもある「WordPress」のテーマ作成を、「Adobe Dreamweaver CC」（以下、Dreamweaver）をメインに用いてさまざまなモダンな技術を組み合わせながら爆発的に捗（はかど）らせる方法を解説していく。さまざまなモダンな技術としては、「Sass」「Compass」「Emmet」（旧、Zen-Coding）を想定している。 今回は、Dreamweaverの概要と最新版Dreamweaverの新機能、WordPressの概要、Dreamweaver＋WordPressの環境構築を行う際に必要な初期設定などを紹介していこう。 そもそもDreamweaverとは、なぜDreamweaverを使うのか DreamweaverはWebサイト／Webアプリケーションの制作ツールだ。HTMLエディタという見方をすれば非常に動作が重そうで、他の軽量なエデ

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を選ぶといいかも

こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。

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 = 半角スペースを挿入（全角モードでも半角スペースが入る）

こんにちは！　もう年の瀬でかなり寒くなってきました。寒いと手がかじかんで上手く動かず、作業スピードが落ちてしまいますよね……。 少しでも作業効率を上げるために手を温めるのもいいですが、普段使っているDreameaverをカスタマイズするというのもいかがでしょう？　ちょっと手を加えるだけで驚くほど便利になっちゃいますよ。 なお今回はDwのconfigurationファイルの書き変えを行うものもあるため、カスタマイズ前にファイルのバックアップを必ず取ってください。 ・CSSのコードヒントの順番を変える CSSで横幅を指定する時、「wi」と入力しコードヒントからwidthと打つつもりが、 ↑のようにwidowsという何に使うんだか分からないものを誤入力……なんて経験ありませんか？ そんな誤入力を防ぐ為に、コードヒントの順番を変えてしまう方法があります。 Program Filesから Adobe