Dreamweaverを手放せない10の理由
Ctrl+Tした時 タグの編集 一部のテキストをタグで囲う時に使用します。 選択してからCtrl+Tでタグを入力することで選択した開始と終わりにタグをいれることができます。 初期のDreamweaver環境設定だと改行<br>に対して一行改行されるので 「編集」→「環境設定」→「コードフォーマット」→「高度のフォーマット：タグライブラリ」 で改行の設定をしてあげます。 ※細かく設定してあげるとコマンドのコードフォーマットする際に設定したインデントでフォーマットされます。 私はXHTMLでは基本的に、ブロック要素は改行、インライン要素は改行なしで統一してあげてます。 HTML5コーディングについては浅岡さんの記事で詳しく書かれてます！ デザインビューでEnterで改行しながらコーディングすると自動的に段落の<p>タグがはいります。 初期はすべてPタグでガツガツ要素をながしこんで、その後に適当
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
PSDデザインカンプのスライス不要！DreamweaverでのHTML/CSSコーディングを爆速化する方法 こんにちは、デザイナーの佐藤タカアキ（@sato_tkaaki）です。 僕の主な業務は、Webや紙などのさまざまなものをデザインしていくことなのですが、最近は今まで以上にマルチな動きを求められるようになりました。 何事もそうですが、自分自身が次のステップにいくためには、今までと同じ時間の使い方をしていたらいけません。 つまりは「効率化」することが必須になるわけです。 そこで今回は、アドビさんにお聞きした「WebデザイナーがDreamweaverのExtract機能を使って、PSDファイルから効率よくデザインする方法」をご紹介させていただきます。 そもそもExtract機能とは？ Dreamweaverは聞いたことあるけど、Extract機能ってなんぞ？！と、Extract機能を初めて
これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいとです。 全く関係ない話ですが、ポケットモンスター X・Yが発売されたそうですね。「金・銀、ブラック・ホワイトときたら、次はパステルカラー辺りが来るはずや！間違いない！」と思っていた僕の予想はまんまと外れました。まあそれはいいとして、 今回はSassについてちょっと語らせていただきます。Sassというと、「効率、コーディングスピードが超上がるらしい」とか、「LINE株式会社、株式会社DeNAとかも採用してるらしい」という話を聞きます。僕もSassについては勉強しているんですが、当初はわかりにくい部分もありました。 それは「そもそもSassが何なのかよくわからない。プログラミング言語？？」ってことと、「インストールが上手くいかない！コマンドプロンプト使い方わからない！Dreamweaver（以下DW）動かない！GUIソフトってなに！？」ってことです。
Dreameaverをもっと便利に！ カスタマイズ＆拡張機能をご紹介 - Webデザイン初心者向けのあれこれ
こんにちは！ もう年の瀬でかなり寒くなってきました。寒いと手がかじかんで上手く動かず、作業スピードが落ちてしまいますよね……。 少しでも作業効率を上げるために手を温めるのもいいですが、普段使っているDreameaverをカスタマイズするというのもいかがでしょう？ ちょっと手を加えるだけで驚くほど便利になっちゃいますよ。 なお今回はDwのconfigurationファイルの書き変えを行うものもあるため、カスタマイズ前にファイルのバックアップを必ず取ってください。 ・CSSのコードヒントの順番を変える CSSで横幅を指定する時、「wi」と入力しコードヒントからwidthと打つつもりが、 ↑のようにwidowsという何に使うんだか分からないものを誤入力……なんて経験ありませんか？ そんな誤入力を防ぐ為に、コードヒントの順番を変えてしまう方法があります。 Program Filesから Adobe
サンプルで学ぶDreamweaver CS6！「レスポンシブWebデザイン」に挑戦してみよう
Dreamweaverとは Adobe Dreamweaver（以下、Dreamweaver）は、Webページを作成・更新・管理するためのソフトウェアです。Dreamweaverにはいくつかの編集モードがあり、コードビュー（HTMLコードやCSS、JavaScriptファイルなどコードを直接編集できる画面）、デザインビュー（Webページをブラウザで表示した形に近い状態で編集できる画面）の両方で編集できます。 さらに、Dreamweaver CS4で登場したライブビュー（レンダリングエンジンに利用しブラウザに非常に近い状態での表示確認ができる画面）では、SafariやGoogle Chromeと同じWebkitというレンダリングエンジンを採用しており、実際の画面を確認しつつ作業を進めることができます。 デザイナーにとっては、HTMLやCSSのコードをオートコンプリート（自動補完）してくれる機
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
