# 5.1 首頁

## 5.1 首頁

5.1.1 畫面連結位置

請在瀏覽器的網址列輸入網址，格式像這樣：[http://xxx.xxx.xxx。](http://xxx.xxx.xxx)

5.1.2 功能說明

消費者輸入網址後顯示首頁，包含公司logo、公司名稱、會員登入區、功能列與主畫面。

5.1.3 畫面說明

![](https://839601301-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LDqHCDuHO17jEDLqmJp%2F-LGGJIHFRTQBC3T2hZ7h%2F-LGGJvtyHBBEbb6VIUPL%2F5.1.png?alt=media\&token=7e9b7d73-c7f2-4587-a69d-ab643edc3649)

5.1.4 欄位/項目屬性說明

| 欄位名稱   | 顯示格式      | 規則說明                                              |
| ------ | --------- | ------------------------------------------------- |
| logo   | 圖片        | 位於頁面的上方左側                                         |
| 公司名稱   | 圖片        | 位於頁面的上方右側，公司名稱為聖欣餅鋪                               |
| 客戶登入狀態 | HTML區塊    | 位於頁面下方左側的上方，顯示客戶的登入狀態與購物車連結。                      |
| 功能列    | 圖片或HTML區塊 | 位於頁面下方左側的下方。功能列項目包含最新消息，產品介紹，訂購說明，訂單查詢，會員登入，連絡我們。 |
| 主畫面    | HTML區塊    | 位於頁面下方右側，顯示所有功能的操作畫面                              |

5.1.5 操作說明

| 功能項目名稱    | 類別/動作 | 系統回應與詳細處理邏輯     |
| --------- | ----- | --------------- |
| logo      | 圖片/點按 | 在任何頁面點擊logo則回首頁 |
| 公司名稱      | 圖片/點按 | 在任何頁面點擊logo則回首頁 |
| 最新消息      | 連結/點按 | 於主畫面顯示最新消息頁面    |
| 產品介紹      | 連結/點按 | 於主畫面顯示產品介紹頁面    |
| 訂購說明      | 連結/點按 | 於主畫面顯示訂購說明頁面    |
| 產品介紹      | 連結/點按 | 於主畫面顯示產品介紹頁面    |
| 常見問題(FAQ) | 連結/點按 | 於主畫面顯示常見問題頁面    |
| 連絡我們      | 連結/點按 | 於主畫面顯示連絡我們頁面    |
| 登入        | 連結/點按 | 於主畫面顯示登入頁面      |
| 註冊        | 連結/點按 | 於主畫面顯示註冊頁面      |
| 購物車       | 連結/點按 | 於主畫面顯示購物車內容頁面   |