第23回「フルスクリーンのスライドショーを設置する」

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

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

 

第22回で作成したページを使用し、パブリッシュします。ここでは、「musemagazine.businesscatalyst.com」を使用していますが、任意のドメイン名を決めてください。

 

ビデオでは保存をしていませんが、あとで復習したい場合はMuseファイルを保存をしておいてください。

再生時間:27分29秒

素材データ

第22回の完成データ:

 

ダウンロード:

 

補足:

 

完成したページをパブリッシュしているため、この(作業途中の)Museファイルを開くと「Webバージョンが変更されました」というアラートが表示されます。すでに完成ページが公開されており、このファイルは「未完成」なので、マージするか聞いてきます。ここでは、学習目的で進めていますので、「保留」をクリックします。

「変更を確認して、マージしますか?」と表示されているアラート

ダイアログが表示されますので「OK」をクリックします。

アラートで「保留」をクリックしたときに表示される確認のダイアログ

もし、「レビュー」をクリックしてしまった場合は、「キャンセル」をクリックします。

アラートで「レビュー」をクリックしたときに表示されるダイアログ

第23回の素材データ:

 

ダウンロード:

 

フォルダ名「Slideshow_Photo」

 

フォルダ名「圧縮前」>フォルダ名「JPEG_PC_1536x960」

  • photo01_pc.jpg
  • photo02_pc.jpg
  • photo03_pc.jpg
  • photo04_pc.jpg

 

フォルダ名「圧縮前」>フォルダ名「JPEG_SP_960x720」

  • photo01_sp.jpg
  • photo02_sp.jpg
  • photo03_sp.jpg
  • photo04_sp.jpg

 

フォルダ名「圧縮後」>フォルダ名「JPEG_PC_1536x960」

  • photo01_pc.jpg
  • photo02_pc.jpg
  • photo03_pc.jpg
  • photo04_pc.jpg

 

フォルダ名「圧縮後」>フォルダ名「JPEG_SP_960x720」

  • photo01_sp.jpg
  • photo02_sp.jpg
  • photo03_sp.jpg
  • photo04_sp.jpg

第23回の完成データ:

 

ダウンロード:

 

参照リンク

追加情報

タブレット用のページだけ作成していない場合:

 

ビデオでは、タブレット用のページが無い場合、スマートフォン用のページを表示する、と解説していますが、正しくは、以下のとおりです。

 

  • デスクトップ用のページを作成している
  • スマートフォン用のページも作成している
  • タブレット用のページは作成していない(デスクトップ用のページが表示される)

 

スマートフォン用のページが作成されている場合、スマートフォン(iPhoneやAndroidスマートフォン)でアクセスしたときに表示されますが、タブレット(iPadやAndroidタブレット)ではデスクトップ用のページが表示されます。

 

※古いOS(Android 2.3.x)の一部の機種に搭載されている標準ブラウザでは、スマートフォン用のページが作成されていても、デスクトップ用のページが表示されてしまうことがあります。

ただし、FirefoxやOpera Mobileなどでは問題なくスマートフォン用ページが表示されます。

パソコン

(デスクトップ用のページ)

タブレット

(デスクトップ用のページ)

パソコンのウェブブラウザーの表示
タブレット(iPad)の表示

スマートフォン

(スマートフォン用のページ)

スマートフォン(iPhone)の表示

ご質問があればコメントを送ってください

学習選択ページに戻る

ebookcast@gmail.com

The Future of Design Digital Publishing Team

デザインの未来 デジタルパブリッシングチーム

 ズオンコーポレーション 東京都中野区2-30-9 ツバセス中野坂上 333

© 2014 The Future of Design Digital Publishing Team