與flash 幻燈片相比, 使用 HTML5幻燈片可以把你的幻燈片觀看人群擴大到移動設備使用者中去。 這是因為， HTML5 幻燈片與flash幻燈片不同，HTML5幻燈片不僅可以在電腦上運行，而且也能在流暢的在 iOS 設備, 安卓設備和 Windows 設備上運行。 用 HTML5 Slideshow Maker製作HTML5幻燈片的步驟很簡單。 下面就和大家分享下如何用 HTML5 Slideshow Maker創建幻燈片。
Windows 7 /8/ XP/ Vista 或者 
Mac系統的電腦；
HTML5 Slideshow Maker 的目的是要為大家提供最簡單的方式來創建HTML5幻燈片。 下面的教程很詳細。大家可一邊閱讀教程一邊用已經下載好的HTML5 Slideshow Maker來製作HTML5幻燈片。因為HTML5 Slideshow Maker的Windows版本和Mac界面是相同的，所以本HTML5教程適用於所有的HTML5 Slideshow Maker用戶。
打開 HTML5 Slideshow Maker后,你會發現在界面下方的面板已有一些圖片。這些圖片是由HTML5 Slideshow Maker的默認添加的圖片 。在這些圖片的上方有三個按鈕， 它們是: "添加", "刪除", 和 "全部刪除"。要創建你們自己的幻燈片, 首先需要點擊“全部刪除”按鈕把默認添加的圖片全部刪除，然後再用你中間的面板去搜索你的圖片。找到圖片后，您可以開始將它們導入到HTML5 Slideshow Maker了。
將圖片一張一張地導入到 HTML5 Slideshow Maker的方法有兩種， 即：雙擊需要添加的圖片和單擊照片再點擊“添加”按鈕。 一次性添加多張照片需要先在右側面板中選中含所要添加圖片所在的文件夾，然後單擊“添加”按鈕， 然後在彈出的窗口中按“Ctrl”和“Shift”鍵來幫你一次性旋轉和添加多張照片。
點擊“轉場效果”選項卡， 你就可以看到定制轉場效果的界面。在默認情況下， HTML5 Slideshow Maker 會將自動將各種不同的轉場自效果應用到你的幻燈片中，所以， 如果你不想要定的渡果話可以跳過這個一步驟。自定義設置包括設置特定過渡到特定的照片幻燈片，設置過渡期限及照片持續時間。
在“屬性”選項卡下，您可以添加標題，描述性文字和超鏈接添到每張幻燈片。
HTML5 模板都放在 "主題"選項卡下。通過單擊“主題”選項卡，可以看到HTML5模板。HTML5 Slideshow Maker o提供了大量華麗的HTML5模板。完整版比免費版提供了更多華麗的HTML5模板。
在右邊的屬性面板是用來讓你定制你的HTML5模板的。它的自定義設置包括：HTML標題，寬度，高度，幀速率，背景顏色，以及播放模式等。
最後一步是發佈照片幻燈片。你需要點擊“發布”選項卡進入以下介面 。
如上面的截圖所示，輸出選項有兩個。 它們是“創建相冊”和 “創建相冊並且上傳至Go2Album網站”。 如果你有服務器來存儲你的幻燈片，你可以選擇“創建相冊”。如果你服務器可供你存貯幻燈片，那你就需要選擇“創建相冊並且上傳至Go2Album網站”， 然後使用我們的免費幻燈片分享網站www.go2album.com。我們的免費網絡相冊存儲服務網站Go2Album可以幫你把你的幻燈片嵌入到MySpace，博客，即時空間，WordPress，LiveJournal等所有支持用HTML代碼便捷內容的的社交網站和博客。
設置好輸出選項后，您需要為您的幻燈片設置輸出目錄和編輯輸出的HTML文件名。Java Sript和XML的文件名可以更改，但是，我們建議您保持默認的Javascript文件名和XML文件名， 修改將導致一些不必要的麻煩。設置輸出存儲目錄和編輯輸出的HTML文件名後， 請點擊“製作輸出”按鈕來讓HTML5 Slideshow Maker 生成您的照片幻燈片。
現在，你可以開始按照上述的HTML5教程來製作一個你自己的HTML5照片幻燈片，然後將其分享嵌入到自己的網站，博客，或通過郵件發送給朋友。我們的下一個教程是如何嵌入HTML5照片幻燈片到網站，您可以閱讀它以幫助您解決在嵌入照片幻燈片時所遇到的問題。