開始創建自己的網頁應用程式！
目錄
- 介紹
- Intel appup Creator beta
- Creator 介面
- 頁籤及階段
- 設備面板
- 內容面板
- 網頁元件面板
- 個人化面板
- 建立網頁應用程式
- 拖曳歡迎頁面
- 更換圖片
- 新增標籤控制器
- 新增 Facebook 元件
- 新增 Twitter 元件
- 新增 YouTube 元件
- 保存專案
- 測試應用程式
- 發佈網頁應用程式
- 結語
介紹
嗨，我是Jim Wong，是Intel的AppUp團隊的開發者。今天我要來教大家使用Intel appup Creator beta，這是一個網頁應用程式創作工具，針對初學者和新手開發者設計。在開始創建我們的網頁應用程式之前，讓我們先來看看Creator的界面。
Intel appup Creator beta
Intel appup Creator beta是一個基於網絡的創作工具，可以幫助大家輕鬆創建自己的網頁應用程式。它提供了多個階段，包括設計、測試和發佈，讓你能夠逐步完成一個完整的應用程式。
Creator 介面
頁籤及階段
在Creator的頂部，有一個標題欄，這裡包含了各個階段的標籤。創建網頁應用程式的過程分為三個階段。第一個階段是創建階段，這是我們設計網頁應用程式的地方。下一個階段是測試階段，在這個階段我們可以測試應用程式的功能。最後一個階段是發佈階段，我們可以在這個階段將應用程式提交到Intel appup商店進行發佈。
設備面板
設備面板包含了設置設備模擬器外觀的工具。你可以放大或縮小設備模擬器的畫面，也可以進入預覽模式。如果你啟用了平板設備模擬器，還可以更改平板的方向。如果你不想顯示設備模擬器，你也可以將其禁用，只顯示工作區。
內容面板
內容面板提供了管理網頁應用程式專案的工具。在這裡，你可以開始新的專案、打開或保存專案，還可以更改元件的屬性、刪除元件、刷新元件的內容等。
網頁元件面板
網頁元件面板包含了多個元件，可以幫助你建立一個自定義的應用程式。稍後我們將使用這些元件來展示如何創建自己的網頁應用程式。
個人化面板
個人化面板提供了一些控制，讓你能夠為你的應用程式添加額外的控制項。這些控制項包括連結、標籤、照片和日期時間等，以便你可以自由地個性化你的應用程式。
建立網頁應用程式
現在我們已經了解了Intel appup Creator的界面，接下來就讓我們開始創建一個網頁應用程式。
首先，我們可以從元件面板中拖曳一個歡迎頁面，這樣我們就能知道我們的應用程式是關於什麼的。我們可以將這個標籤命名為"Reef news"，然後我們可以將Intel app Creator的圖片替換為我自己的魚缸圖片，這樣我就知道這個應用程式是屬於我的了。接下來，我會更改這裡的標題，這樣我就不用再拖曳其他的標籤控制器了。我會將它命名為"reefkeeping news"。
接下來，我們可以從元件面板上拖曳一個Facebook元件，然後在搜索欄中輸入我關注的Facebook頁面，比如"Advanc Aquarius"。現在我在搜尋結果中找到了"Advanc Aquarius"的粉絲頁面。
接下來，我們可以拖曳一個Twitter feed元件，我也關注"Reef Builders"的推文，所以我會在搜索欄中輸入"Reef Builders post"，這樣我就可以看到"Reef Builders"的所有推文。
最後，我想拖曳一個YouTube元件，我可以點擊兩下該元件，這樣我就不需要每次都拖曳放置，我會從預設的"reef"開始，這是一個有關珊瑚礁的主題。
這樣，我們的網頁應用程式就建立好了。你可以看到，這非常簡單，而且無需編寫任何代碼。
根據你的屏幕分辨率，你可以進一步放大或縮小網頁模擬器的畫面，以便看到整個平板的內容。我們談論過設備控制，所以我們可以將模擬器切換為平板形狀，看看它的效果。如果你喜歡這個效果，你會發現鏈接是不可用的，這是因為我們正在設計模式中。讓我們切換到預覽模式，之後這些鏈接將變得可用，在點擊鏈接時，將會打開一個新的窗口。這很棒，不是嗎？
現在讓我們回到設計模式，然後保存我們的專案。我們可以取名為"Reef news"。為了展示應用程式的功能，我們可以重置專案並打開我們之前保存的專案。正如你所看到的，我還有其他一些正在進行中的專案。
測試應用程式
現在我們已經設計好了我們的應用程式，我們可以通過轉到"測試"選項卡並點擊"創建測試包"按鈕來進行快速測試。創建測試包通常需要2到3分鐘的時間，因為Intel appup Creator使用Intel app encapsulator服務來創建原生應用程式，這樣你就可以在Windows或Migo設備上進行測試。
發佈網頁應用程式
現在，我們已經滿意了應用程式的功能，下一步是將應用程式發佈到Intel appup Center，讓更多的人使用。發佈應用程式的過程與創建測試應用程式類似，你需要閱讀並同意許可協議，然後填寫發佈應用程式的相關信息。如果你還沒有Intel appup開發者帳戶，你需要創建一個帳戶。一旦你填寫完畢相關信息，你的應用程式就可以進行發佈了。
結語
通過Intel appup Creator，我們可以輕鬆地創建一個網頁應用程式，而不需要編寫任何代碼。感謝使用Intel appup Creator！希望你享受這個創作的過程！
FAQ
Q: Intel appup Creator beta是否免費？
A: 是的，Intel appup Creator beta是免費提供的。
Q: 如何獲取Intel appup Creator beta？
A: 您可以從Intel官方網站下載Intel appup Creator beta。
Q: 是否需要有編程經驗才能使用Intel appup Creator beta？
A: 不需要，Intel appup Creator beta是針對初學者和新手設計的，無需編程經驗即可使用。
Q: 是否可以在其他設備上測試應用程式？
A: 是的，您可以將應用程式測試在Windows或Migo設備上。
資源
WHY YOU SHOULD CHOOSE TOOLIFY
