Skip to main content

Adobe Dreamweaverについて

【CC道場 #247】Adobe XDやろうぜ!すぐ使えるWebデザイン Tips - 松下絵梨 - アドビ公式 (六月 2026)

【CC道場 #247】Adobe XDやろうぜ!すぐ使えるWebデザイン Tips - 松下絵梨 - アドビ公式 (六月 2026)
Anonim

Adobe Dreamweaver CCは、Webサイトを設計、公開、管理するための一般的なビジュアル開発ツールです。これは、設計者と開発者の両方にとって、多くの力と柔軟性を提供します。 Dreamweaverの多くの機能は初心者には威力を発揮しますが、Adobeのオンボーディング体験は、プログラムの初心者に役立つように設計されています。このソフトウェアの高度な機能により、初めのWebデザイナーから短期間でプロフェッショナルになることができます。 DreamweaverはWYSIWYG(あなたが見るものがあなたのものです)ソフトウェアであるため、視覚的に、またはコードでデザインすることができます。

Adobe Dreamweaver CCについて

Dreamweaver CCは、Windows PCとMac用のWYSIWYGエディタとコードエディタです。 HTML、CSS、JSP、XML、PHP、JavaScript、その他のコーディング言語を記述するために使用することができます。 WordPress、Joomla、Drupalのテンプレートを読むことができ、3つのデバイスサイズに対するグリッドベースのレスポンスレイアウトを一度に実行できるグリッドシステムが含まれているため、デスクトップ、タブレット、携帯電話のサイトで作業する開発者にとって莫大な時間節約になりますブラウザ。 Dreamweaverには、iOSとAndroidデバイス用のネイティブアプリを作成するなど、モバイルWeb開発用のツールが豊富に用意されています。 Dreamweaverでできることはありません。

Dreamweaverでは、コードを記述する前に、携帯電話、タブレット、デスクトップブラウザでコンテンツを表示する際に必要なさまざまな設計手法を理解することを推奨します。コンピュータとモバイルプラットフォームの両方のWebサイトで作業している開発者は、複数のデバイスでサイトを同時にプレビューして、ページ編集の効果をリアルタイムで確認できます。

初心者のためのDreamweaverトレーニング

Adobeは、初心者または経験豊富なユーザーのために、Dreamweaverのチュートリアルの堅牢な選択肢を提供しています。初心者のビデオチュートリアル - 多くは練習用のサンプルファイル付きです:

  • Dreamweaverでできることを確認する
  • ウェブサイトの解剖学を理解する
  • ウェブデザインの段階に従ってください
  • HTMLでページ構造を定義する
  • CSSを使ってWebページをレイアウトし、スタイルを設定する
  • ウェブサイトの公開と管理
  • レスポンシブなWebデザインの基礎
  • ブラウザとモバイルデバイスでプレビュー
  • HTML、CSS、JavaScriptの高速化

これらのチュートリアル(および他の多くのチュートリアル)に加えて、アドビはDreamweaver初心者フォーラムを開催しています。

Dreamweaverを入手する場所

Dreamweaver CCは、月次または年次計画でAdobe Creative Cloudの一部としてサブスクリプションによってのみ利用できます。毎月または毎年のプランを使用してDreamweaverにのみ登録することができます。この計画には、ソフトウェアの最新バージョン、ファイル用の100GBのクラウドストレージ、独自のポートフォリオWebサイト、プレミアムフォント、ソーシャルメディアツールが含まれています。 Dreamweaverは、Photoshop CC、Illustrator CC、Adobe XD CCなど、20以上のアプリケーションを含むAll Appsサブスクリプションの一部としても利用できます。

アドビは、Dreamweaverの7日間無料試用版を提供しています。クレジットカードは必要ありません。

DreamweaverのCC機能

Dreamweaverは成熟したソフトウェアです。 Adobeは定期的に高度な機能を追加し、Dreamweaverのインターフェースをアップデートしています。最近の改良点は次のとおりです。

  • ブートストラップ4.0.0
  • マルチモニタのサポート(Windows)
  • HiDPIディスプレイのサポート
  • デバイスプレビュー
  • ライブビュー
  • PHP 7のサポート
  • GITサポートの強化
  • 改善された検索と置換
  • Emmetサポートによる改良されたコードエディタ
  • レスポンシブなデザイン
  • 一括エクスポートによる抽出
  • 64ビットアーキテクチャ
  • スターターテンプレート
  • ライブガイド
  • ライブビューのプロパティインスペクタ
  • 証明書のサポート
  • サイト管理
  • より速いHTML5要素の挿入
  • Adobe Edge Webフォント
  • ビジュアルCSSエディタ
  • 開発者ワークスペース
  • リアルタイムブラウザプレビュー
  • インテリジェントコーディング支援
  • 統合CMSサポート