Adobe Museには、ウィジェットライブラリが標準搭載されており、複数のスライドショーがすでに用意されています。第23回では、フルスクリーンタイプのスライドショーを(デスクトップとスマートフォンのページに)設置します。第22回「スマートフォン向けのナビゲーションメニューを作成する(2)」で作成したページに設置しますので、準備しておいてください。
第22回で作成したページを使用し、パブリッシュします。ここでは、「musemagazine.businesscatalyst.com」を使用していますが、任意のドメイン名を決めてください。
ビデオでは保存をしていませんが、あとで復習したい場合はMuseファイルを保存をしておいてください。
再生時間:27分29秒
完成したページをパブリッシュしているため、この(作業途中の)Museファイルを開くと「Webバージョンが変更されました」というアラートが表示されます。すでに完成ページが公開されており、このファイルは「未完成」なので、マージするか聞いてきます。ここでは、学習目的で進めていますので、「保留」をクリックします。
ダイアログが表示されますので「OK」をクリックします。
もし、「レビュー」をクリックしてしまった場合は、「キャンセル」をクリックします。
フォルダ名「Slideshow_Photo」
フォルダ名「圧縮前」>フォルダ名「JPEG_PC_1536x960」
フォルダ名「圧縮前」>フォルダ名「JPEG_SP_960x720」
フォルダ名「圧縮後」>フォルダ名「JPEG_PC_1536x960」
フォルダ名「圧縮後」>フォルダ名「JPEG_SP_960x720」
ビデオでは、タブレット用のページが無い場合、スマートフォン用のページを表示する、と解説していますが、正しくは、以下のとおりです。
スマートフォン用のページが作成されている場合、スマートフォン(iPhoneやAndroidスマートフォン)でアクセスしたときに表示されますが、タブレット(iPadやAndroidタブレット)ではデスクトップ用のページが表示されます。
※古いOS(Android 2.3.x)の一部の機種に搭載されている標準ブラウザでは、スマートフォン用のページが作成されていても、デスクトップ用のページが表示されてしまうことがあります。
ただし、FirefoxやOpera Mobileなどでは問題なくスマートフォン用ページが表示されます。
パソコン
(デスクトップ用のページ)
タブレット
(デスクトップ用のページ)
スマートフォン
(スマートフォン用のページ)
ebookcast@gmail.com
デザインの未来 デジタルパブリッシングチーム
ズオンコーポレーション 東京都中野区2-30-9 ツバセス中野坂上 333
© 2014 The Future of Design Digital Publishing Team