ビデオ: Dreamweaver Cheat Sheet - Dreamweaver CC 2017 [13/13] 2025
Janine Warner
Adobe Dreamweaver CCを使用して新しいWebサイトを作成したり、 Creative Cloudの略であるDreamweaver CCでは、使い慣れたウェルカムページと、カスケーディングスタイルシート（CSS）およびWebフォントを管理するための新しいツールが用意されています。プラグインをインストールするか、ウェブデザイナーのためのリンクの一覧を見て、ウェブサイトを巧みに使ってDreamweaverを強化してください。
Dreamweaver CCのようこそ画面
<！ - 1 - >Dreamweaverの使いやすいグラフィカルインターフェイスと強力な機能リストにより、プロのWebデザイナーや愛好家の間で人気のある選択肢になります。新しいバージョンが登場するたびに、Dreamweaverには新機能が追加されましたが、使い慣れたようこそ画面が表示されます。
Dreamweaver CCに拡張機能をインストールする方法
<！ - 2 - >Dreamweaver CCのすばらしい機能があっても、Dreamweaverがプログラムに付属している機能ではできないことをしたいことがあります。幸いにも、Dreamweaverを作成したプログラマは、他のプログラマがExtension Managerで機能を追加することを可能にしました。次の図に示すように、Adobe Extensionサイトから入手できるさまざまなサードパーティのソースから拡張機能を追加することで、新しい機能を追加できます。
<！ - 3 - >
高度にカスタマイズ可能なドロップダウンメニューとフライアウトメニューの追加から、フル機能のショッピングカートシステムの作成にいたるまで、すべての拡張機能を見つけることができます。ただし、すべての拡張機能がサポートされているわけではなく、適切な指示がない場合もあります。彼らはすべて無料ではありません。いくつかの費用は数百ドルですが、その大半は20〜50ドルです。 Dreamweaver Exchangeサイトにアクセスすると、最適なオプションを並べ替えるためのレビューとランキングが見つかります。
次の手順では、無料のDreamweaver拡張機能の検索、ダウンロード、およびインストール方法を確認します。拡張機能のインストール後の動作は大きく異なりますが、Dreamweaverに追加する基本的なプロセスはほぼ同じです。
-
Dreamweaver Exchangeサイトにアクセスします。
Dreamweaver Exchangeサイトにアクセスするには、次のいずれかを行います。
-
[ビヘイビア]パネルの[ビヘイビアを追加]ドロップダウンリストの下部にある[ビヘイビアを追加]を選択します。
-
wwwをご覧ください。 adobe。 com / exchangeを開き、Dreamweaverセクションへのリンクに従ってください。
-
Dreamweaverのようこそ画面の右下にあるリンクをクリックします。
注： Dreamweaverを起動し、ExchangeサイトへのリンクではなくDreamweaver用のアップデートをダウンロードするリンクを見つけた場合は、まずアップデートをダウンロードしてインストールしてください。終了後、更新リンクはExchangeサイトへのリンクに置き換えられます。
-
-
多くの利用可能な拡張機能をソートします。
Dreamweaver Exchangeサイトでは、幅広い拡張機能が提供されます。拡張機能をカテゴリ、キーワード、ランキングオプションで検索できます。 Exchangeサイトの多くの拡張機能には、クリエイターのサイトへのリンクが含まれており、多くの拡張機能を見つけることができます。
-
拡張機能を選択してその機能を確認します。
Exchangeサイトの拡張機能へのリンクをクリックすると、拡張機能が設計されたDreamweaverのシステム要件やバージョンなど、拡張機能に関する詳細情報が表示されます。一般に、Dreamweaverの以前のバージョン用に設計された拡張機能は、より新しいバージョンで使用できます。ただし、Dreamweaverの新しいバージョン用に設計された拡張機能は、以前のバージョンのプログラムでは通常動作しません。また、一部の拡張機能はWindowsプラットフォーム上でのみ機能します。
拡張機能のページを出る前に、ページ中央の特別な説明を読む時間を取ってください。一部の拡張機能には、インストール後にDreamweaverインターフェイスの新しい機能が見つかる場所や、拡張機能の一部の機能がライブWebサーバーでプレビューされたときにのみ機能するという警告などの重要な情報が含まれています。例）。
-
拡張機能をダウンロードするには、[拡張機能のダウンロード]ボタン（拡張機能の場合）または拡張機能名の横にある[購入]ボタンをクリックし、拡張機能をハードドライブに保存します。
エクステンションの交換方法によっては、ダウンロードをもう一度クリックしてエクステンションをダウンロードする必要がある別のページにリダイレクトされることがあります。
-
[ヘルプ]→[拡張機能の管理]を選択して、インストールダイアログボックスを開きます。
ほとんどの拡張機能では、インストール前にDreamweaverを閉じる必要があります。ほとんどの場合、ボタンをクリックするだけでインストールできます。 DreamweaverのExtension Managerが自動的に起動し、ほとんどの拡張機能をインストールします。
-
[拡張マネージャ]ダイアログボックスで、[ファイル]→[拡張機能のインストール]を選択し、ドライブをブラウズして、ダウンロードした拡張ファイルを選択します。
インストールが完了したら、拡張機能の使用方法が表示されます。これらの手順は、通常、Exchangeサイトのページの中央に含まれている手順と同じです。
新しくインストールされた内線がどこにあるかを示す指示に注意してください。 Dreamweaverのメニュー、ダイアログボックス、およびその他の機能に加えて、プログラマがそれらを設定する方法に応じて、拡張機能をメニューに追加することができます。見た目がわからない場合は、それらを見つけることは難しいかもしれません。
-
Dreamweaverを起動して、新しいメニューオプション、ボタン、または新しい拡張機能を制御するその他のインターフェイス機能を探します。
多くの場合、既存のページを開いたり、Dreamweaverで新しいページを作成したり、新しく追加したダイアログボックスを開くか、メニューから新しいオプションを選択するだけです。
アドビは、Exchangeサイトを常に更新しています。このサイトは、Dreamweaverのリンク（www。 adobe。 co.jp / exchange Dreamweaverの機能セットを拡張するためにダウンロードしてインストールできる新しい拡張機能を見つけるために定期的にご覧ください。
24 Webデザイナーのためのウェブサイトとリソース
経験豊富なWebデザイナーでさえ、オンラインリソースを参照してスキルを追求し、Webサイトに特別な機能を追加します。以下のWebサイトでは、Webデザインプロジェクトに役立つリソースを簡単に見つけることができます。
-
Analyticsとトラフィックレポートサービス：
-
Google Analytics
-
Yahoo！ Web Analytics
-
HubSpot
-
-
オーディオホスティングサービスとビデオホスティングサービス：
-
YouTube
-
Vimeo
-
SoundCloud
-
-
人気のあるウェブブラウザ：
-
Apple Safari
-
Google Chrome
-
Microsoft Internet Explorer
-
Mozilla Firefox
-
Opera
-
-
ソーシャルメディア共有サービス
-
追加
-
Lockerz Share
-
-
Webブラウザテストサービス：
-
BrowserShots
-
クロスブラウザテスト
-
Xenocodeブラウザサンドボックス
-
-
Webフォントサービス：
-
Adobe Typekit
-
フォントリス
-
Google Webフォント
-
-
Dreamweaver、SEO、およびWebデザインに関する情報 Adobe Dreamweaverデベロッパーセンター
-
DigitalFamilyのJanine Warner氏によるウェブデザイントレーニング。 com
-
SearchEngineLand
-
SearchEngineWatch
-
ウェブサイトマガジン
-
