# 109A-服務學習（二）-長照療護資訊推廣組-網站建置共筆
> 請同學在這邊紀錄網站建置的紀錄

:::info
誠馨提供資訊
- 網站雛形 https://sites.google.com/view/chengshin/首頁?authuser=0

:::
## 網站進度
:::info
網站編修的紀錄寫在這邊
:::
- 第一次編輯
- 日期：2020/11/21
- 作者：王小明
- 範圍：首頁底部
- 更改：調整配色
- 備註：亮橘色過於刺眼，改用粉橘色
- 第二次編輯
- 日期：2020/12/3~4
- 作者：張嘉誠
- 範圍：
- 服務項目-日照服務
- 服務項目-喘息服務
- 整體
- 更改：增加資訊，統整風格，調整配色
- 備註：
- 資訊稍微雜亂，統整為易讀性較高，字較大，排版統一的風格
- 配色更改為pastel（較符合誠馨的配色）
- 第三次編輯
- 日期：
- 作者：
- 範圍：
- 更改：
- 備註：
- 第四次編輯
- 日期：2020/
- 作者：
- 範圍：
- 更改：
- 備註：
- 第五次編輯
- 日期：2020/
- 作者：
- 範圍：
- 更改：
- 備註：

## 個人進度
### 王小明
- 3/25
- 進度
- 決定網站主題(美食介紹)
- 在AWS架wordpress
- 問題
- AWS wordpress 安裝有問題
- 解決方法: 重新開一個 instance
- 參考資料 [AWS](https://aws.amazon.com/tw/getting-started/tutorials/launch-a-wordpress-website/)

- 3/29
- 進度
- 修改主題顏色
- 有用資料 [修改CSS的方法](https://chengfengec.blogspot.com/2017/07/5-csswordpress-csswordpress-1.html)

### 許凱傑
- 11/21
- 課程活動欄調整好了
- 可以參考 https://sites.google.com/view/chengshin/首頁?authuser=0 放內容
- [網站架構PDF](https://l.facebook.com/l.php?u=https%3A%2F%2Fcdn.fbsbx.com%2Fv%2Ft59.2708-21%2F123847956_710132676294194_3489895631519684164_n.pdf%2F%25E6%259C%258D%25E5%25AD%25B8%25E7%25B6%25B2%25E7%25AB%2599%25E6%259E%25B6%25E6%25A7%258B%25E4%25BB%258B%25E7%25B4%25B9.pdf%3F_nc_cat%3D108%26ccb%3D2%26_nc_sid%3D0cab14%26_nc_ohc%3D1NQTaw0zJpwAX8rHx1_%26_nc_ht%3Dcdn.fbsbx.com%26oh%3Dac9a5c6ebb4503a3d1af69e16b2fe2fe%26oe%3D5FBABE4C%26dl%3D1&h=AT39Oku63NWy_Zrs-Veot-f4vfWy_13jwuwSuBCOnnjrKoBTymIwp1QXtHi4lDCV2HxYqrhe8OHBbSMxVzWjM0lib8WgO2ubwoPHQlkJj_cXljR0CeuQewvj3ohyRVB1pbNRUMZaog6NV9ty&s=1)
### 張嘉誠
- 12/3
- 把 https://sites.google.com/view/chengshin/首頁?authuser=0 服務項目--日照服務的内容搬到對應的子項目
- 統整原本内容
- 把原本兩個column的排版改成只有1個
- 原本内容改用**收合容器**展示
- 12/4
- 更改預設顔色為Pastel（較符合誠馨日照中心的配色）
- 統整服務項目-居家服務、喘息服務

## 線上討論
### 1007
- 簽到：
- 洪瑋廷
- 林鴻廷
- 洪婕庭
- 許凱傑
- 游承翰
- 周彥昀
- 李玄文
- 謝旻蓉

#### 網站雛形討論整理

:::info
這邊寫一下對於這個網站的想法
https://sites.google.com/view/chengshin/首頁?authuser=0
:::

- 美術設計
- 凱傑：有設計大字體，目的:方便長輩看
- 鴻廷：用手機看會太大,首頁圖片的部分
- 瑋廷：配色以粉橘為主
- 旻蓉：用向日葵作為主要形象 - 網站素材：使用的 LOGO、背景圖
- 凱傑:
- 背景和文字黏在一起了

- 版面配置
- 婕庭：感覺不用每個分頁都用那張大插圖開頭，像是點進去課程活動的頁面就不用重複放
- 凱傑：地址雖然在頁首圖片，在頁尾的資訊卻沒有放在一起
- 婕庭：聯絡方式或許可以單獨放在一個頁面，並加上連結（現在首頁底下的IG沒有超連結）
- 鴻廷：活動部分可以做點介紹不要只有圖片
- 旻蓉：首頁coming soon的期刊太多了，可能放一個就好
- 婕庭：首頁放機構的簡介之類的會不會比較符合大家對首頁的想像？月刊的內容可以單獨放到別的頁面？還有可以把當期的月刊放在頁面中。
- 承翰：可以在首頁放幾張活動照片輪替
- 功能性
- 鴻廷：上方功能列滑到最頂後會背景會從黑底變透明，不好辨識，直接都黑底
- 凱傑:可以讓這幾個圖片內的文字可以點擊

#### 網站雛形討論
- 凱傑：有設計大字體，目的:方便長輩看
- 選單字體相對應放大
- 玄文：我發現在切換選單的時候會跑掉 要再點開黑色那個向下的箭頭才找的到，否則只會顯示首頁圖片
- 可以示範一下嗎？ 那我現在切換了喔 好 OK
- 我錄影片放在messenger群組了 應該是，覺得操作上沒有很容易
- 同 (4)婕庭
- 鴻廷：用手機看會太大,首頁圖片的部分
- 根據手機提供不同大小的圖片
- 婕庭：感覺不用每個分頁都用那張大插圖開頭，像是點進去課程活動的頁面就不用重複放
- 頁首圖片是否要在不同頁面重複出現
- 凱傑：地址雖然在頁首圖片，在頁尾的資訊卻沒有放在一起
- 頁首、頁尾需要什麼樣的資訊
- 瑋廷：配色，粉橘色系？
- 配色是否以橘色系為主
- 鴻廷：上方功能列滑到最頂後會背景會從黑底變透明，不好辨識，直接都黑底
- 頁首選單顏色選用，是否要有響應式設計（拉到頂消失）
- 婕庭：聯絡方式或許可以單獨放在一個頁面，並加上連結（現在首頁底下的IG沒有超連結）
- IG 超連結
- 獨立聯絡方式頁面 -> 聯絡我們
- 旻蓉：用向日葵作為主要形象
- 網站素材：使用的 LOGO、背景圖
- 凱傑:可以讓這幾個圖片內的文字可以點擊
- 巨型選單？
- 承翰：美食DIY的排版跟背景有點小問題，右下角有全空的部分且背景是白色
- 圖片沒放進來
- 凱傑:
- 背景和文字黏在一起了
- 網站是一張圖片

- 鴻廷：活動部分可以做點介紹不要只有圖片
- 文字介紹 -> 以後的營運模式，內容維護跟系統維護
- 鴻廷：居家服務與喘息服務沒有東西？
- 補內容

- 旻蓉：首頁coming soon的期刊太多了，可能放一個就好
- 數量？
- 婕庭：首頁放機構的簡介之類的會不會比較符合大家對首頁的想像？月刊的內容可以單獨放到別的頁面？還有可以把當期的月刊放在頁面中。
- 當期月刊放在首頁 上方或下方
- 舊的放在其他連結區
- 承翰：可以在首頁放幾張活動照片輪替
- 選擇之一
- 整理月刊內容
- 登載在各個版面上
#### 網站架構

:::warning
:::

[新的網站架構PDF](https://l.facebook.com/l.php?u=https%3A%2F%2Fcdn.fbsbx.com%2Fv%2Ft59.2708-21%2F123847956_710132676294194_3489895631519684164_n.pdf%2F%25E6%259C%258D%25E5%25AD%25B8%25E7%25B6%25B2%25E7%25AB%2599%25E6%259E%25B6%25E6%25A7%258B%25E4%25BB%258B%25E7%25B4%25B9.pdf%3F_nc_cat%3D108%26ccb%3D2%26_nc_sid%3D0cab14%26_nc_ohc%3D1NQTaw0zJpwAX8rHx1_%26_nc_ht%3Dcdn.fbsbx.com%26oh%3Dac9a5c6ebb4503a3d1af69e16b2fe2fe%26oe%3D5FBABE4C%26dl%3D1&h=AT39Oku63NWy_Zrs-Veot-f4vfWy_13jwuwSuBCOnnjrKoBTymIwp1QXtHi4lDCV2HxYqrhe8OHBbSMxVzWjM0lib8WgO2ubwoPHQlkJj_cXljR0CeuQewvj3ohyRVB1pbNRUMZaog6NV9ty&s=1)

- 期刊
- 首頁放當期
- 舊的另外連結
- 排列方式？
- 幻燈片 每一本是不同的期數

- 服務項目
- 依據不同的服務項目分類
- 服務內容
- 收費
- 時間
- 注意事項
- 課程活動
- 依據不同活動分類
- 固定的活動
- 文字介紹
- 長者感想回饋
- 活動消息
- 依據發布日期排序
- 分類 tag
- 長照資訊
- 科普性質 -> 內容來源
- 長照 2.0
- 失智症
- 關於我們
- 大事記 -> 時間軸呈現
- 服務理念 圖文介紹
- 聯絡方式 ICON
- Q&A
- 常見問題
- 留言板 -> 寄信？
- 必要性
- 有FB專頁可以問