---
# System prepended metadata

title: 109A-服務學習（二）-長照療護資訊推廣組-網站建置共筆

---

# 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、背景圖
    - 凱傑:![](https://i.imgur.com/fB6rRtq.png)
        - 背景和文字黏在一起了


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

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

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

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

:::warning
![](https://i.imgur.com/QRevktZ.png)
:::

[新的網站架構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專頁可以問
