---
# System prepended metadata

title: Web網路當機

---

# 網站設計
## 使用工具
<ul>
    <li>Photoshop CS5</li>
    <li>Webstorm</li>
</ul>



## 設計理念
<ul>
    <li>網頁以"休息"作為主題，以POPCAT的主角Oatmeal躺臥在床上的圖片為封面背景，讓使用者在網站當機時一睹Popcat休息時的俏皮模樣。</li>
    <li>網站設計遵循原始網頁的極簡風格，背景圖片儘可能移除除了Oatmeal以外的其他元素，並壓低明度以防止干擾視覺，保留Maxwell Cat小遊戲與Popcat T-shirt網頁的連結。</li>
    <li>網頁所使用的圖片：</li>
           
    
</ul>

![popcat](https://hackmd.io/_uploads/BkeE4iNRT.jpg)


<hr>

## 使用指令
<ol>
    <li>背景設定：background-image,background-size,background-position,background-repeat</li>
    <li>版面配置：margin-top,position,text-align</li>
    <li>字形設定：font-family,font-size,font-weight,letter-spacing,text-shadow</li>
    <li>色彩：backgroud-color,color</li>
    
</ol>




