此作品使用於:購物網站

會員註冊 / 第三方登入

聯絡我

專案動機
原因喜愛寵物,尤其是貓,領養寵物勢必得全心全意照料,飲食、保健等等給予多元化多種類的商品選擇。

重點技術
PS、AI圖像處理 將圖像、圖形使用鋼筆、遮色版、剪切蒙版等工具,做單一或整合處理


HTML信息結構劃分
將網站結構使用<div></div>標籤,逐一布局出該網頁大致排版

CSS選擇器整理整頓
將<div></div>標籤,原名或分類名做各項[屬性:值]的處理

Swiper滑動特效插件
特效插件在HTML語言,給Swiper定義大小值,最後<script></script>初始化Swiper


設計網站製作心得
PS、AI
美工設計基礎的學習從無至了解工具功用,單一圖形處理和整合一張圖概念理解
網頁各項排版的重要性,美工設計師製作時需要了解前端工程師製作上的問題
DW
網頁基本架構需要的程式語言代碼以前從來沒有想嘗試過,美工和前端設計兩者需要互相配合才能有效製作網站呈現
Commenti