6時間、全23回で学ぶ Adobe Muse CC 完全習得［基礎編］

第1回「Adobe Muse CCの概要」

Adobe Muse CCがどのようなツールなのか大まかなイメージがつかめるように解説します。また、初心者向けの情報として、Museのヘルプページやフォーラムなどを紹介しています。|

第2回「テンプレートとライブラリについて」

Adobe Muse には、テンプレートやライブラリなども提供されています。このチュートリアルでは、Museのサイトや外部のストアで提供されているテンプレートやライブラリを紹介し、どのように活用するのか解説します。

第3回「テンプレートの種類

（デスクトップとスマートデバイス）」

Adobe Muse用のテンプレートには、デスクトップ（パソコン）用のみ、スマートフォンやタブレットのデザインも含まれているものなど、いくつかの種類があります。テンプレートの選び方について解説します。

第4回「プランからデザイン、プレビュー、

パブリッシュ、管理まで」

Adobe Museは、プラン（サイト構造）、デザイン（ページ作成）、プレビュー（作成したページの確認）、パブリッシュ（公開）、管理（アクセス解析など）の5つの機能を使って作業を進めます。Vol.04では、プランから管理までの大まかな流れについて解説します。

第5回「サイトの保存とHTMLの書き出し」

Adobe Museは、HTMLやCSSなどのファイルを意識することなく、サイトを公開することが可能ですが、サイトを構成するHTMLやCSS、JavaScriptなどを書き出すこともできます。Vol.05では、HTMLの書き出しについて解説します。また、MuseのSEO（検索エンジン最適化）対応についてもお話します。|

第6回「段落スタイルで見出しのレベルを

指定する」

Adobe Muse でHTMLやCSSのコーディングは必要ありませんが、見出しのレベル（タイトルや中見出し、記事の小見出しなど）については、段落スタイルを使って指定しなければいけません。Vol.06では、見出しの指定について詳しく解説します。とても重要な学習になります。

このチュートリアルは無料で視聴できます。

第7回「サイトのプランとナビゲーション

メニューの設置」

ウェブサイトにはすべてのページに設置されるナビゲーションメニューがあります。Adobe Museは、サイトの構造を決めるだけで、自動的にナビゲーションメニューの基本形を作成してくれます。Vol.07では、ナビゲーションメニューの設置方法について解説します。

第8回「ライブラリの使い方／フッターの仕組み」

Adobe Museにはライブラリ機能が搭載されているため、ボタンやアイコンなどを共有したり、自作のアイテムをライブラリとして書き出すことも可能です。Vol.08では、Font Awesome（フォントオーサム）というライブラリを使って、アイコンフォントを活用する方法を解説します。|

第9回「仮サイトのパブリッシュについて

理解する」

Adobe Museのユーザーは、Adobe社のホスティングサービス「Bussiness Catalyst（ビジネスカタリスト）」を利用できます。仮サイトは無制限（更新がなければ30日で消滅）、本番サイトは5つまで無料で立ち上げることができます。Vol.09では、仮サイトの公開について解説します。

第11回「ステートボタンの作成」

Adobe Museには、ロールオーバー（カーソルが重なったときの状態）やマウスダウン（クリックしたときの状態）などのデザインを含むステートボタンが用意されていますが、Vol.11ではオリジナルのボタンを作成します。また、ライブラリとして書き出す方法も解説します。|

第12回「テキストの配置と段組みレイアウト」

Adobe Museは、InDesignやIllustratorなどに近いUI（ユーザーインターフェイス）になっていますので、文章もテキストフレームを調整しながら直感的にレイアウトしていきます。Vol.12では、段組みレイアウトの表現についても学習していきます。

第13回「画像の配置と回り込みの設定」

Adobe Museは、Adobe Illustratorと同様の操作で画像を配置したり、レイアウトすることができます。Vol.13では、画像の配置、拡大縮小、テキストの回り込みなど、基本的な操作方法について解説します。

第14回「キャプションの配置とレイアウト」

Vol.14は、Vol.13「画像の配置と回り込みの設定」の続きです。Vol.13では、画像の配置、レイアウト、回り込みについて学習しましたが、今回は配置した画像にキャプションを追加します。

第15回「写真とキャプションを

ライブラリとして登録する」

Vol.15は、Vol.14「キャプションの配置とレイアウト」の続きです。Vol.14では、画像にキャプションを追加しましたが、今回は画像とキャプションをまとめてライブラリとして登録します。

第16回「ページの背景画像を設定する」

ウェブページには、背景色だけではなく、背景画像を配置することも可能です。Vol.16では、背景画像の設定方法（ページ全体の背景、コンテンツ領域の背景、描いた長方形の背景など）を詳しく解説します。

第17回「アセット管理の機能を理解する（1）」

Adobe Museには、作業を効率化するためのアセット管理機能が搭載されています。この機能を使用することで、配置した画像を入れ替えたり、元画像（オリジナル画像）をPhotoshopなどで編集し、Muse上の画像を更新することができます。Vol.17では、アセット管理について詳細に解説します。

第18回「アセット管理の機能を理解する（2）」

Vol.17「アセット管理の機能を理解する（1）」の続きです。前回同様、用意されている素材画像を使いながら、アセット管理機能の使い方を学習していきます。

第19回「アセットの埋め込みと注意点」

Vol.17「アセット管理の機能を理解する（1）」、Vol.18「アセット管理の機能を理解する（2）」の続きです。アセット管理機能の利点については学習しましたが、注意しなければいけないこともあります。Vol.19では、Photoshopなどの他のソフトと連携するときの注意点について解説します。

第21回「スマートフォン向けのナビゲーション

メニューを作成する（1）」

Adobe Museは、スマートフォンやタブレット向けのページデザインも作成できますが、画面が小さくなると、デスクトップ用のナビゲーションメニューをそのまま配置できなくなります。Vol.21では、スマートフォンで使いやすいメニューの作成方法について解説します。この学習は、Vol.22に続きます。

第22回「スマートフォン向けのナビゲーション

メニューを作成する（2）」

Vol.21「スマートフォン向けのナビゲーションメニューを作成する（1）」の続きです。スマートフォンで使いやすいナビゲーションメニューを作成していきます。Adobe Muse CC 完全習得［基礎編］の中で最も難易度の高い作業になっていますので、時間をかけて説明しています。ゆっくり進めてください。

第23回「フルスクリーンのスライドショーを

設置する」

Adobe Museには、ウィジェットライブラリが標準搭載されており、複数のスライドショーがすでに用意されています。Vol.23では、フルスクリーンタイプのスライドショーを（デスクトップとスマートフォンのページに）設置します。Vol.22「スマートフォン向けのナビゲーションメニューを作成する（2）」で作成したページに設置しますので、準備しておいてください。