鐵人檔案
嗨~大家好，這裡是紀錄網頁設計的研究心得，目標是把家裡寵物打造成時尚教主，接下來就請多多指教囉!以下目前有使用到的工具~(((之後可能會有更新 使用的軟體 Vi...
今天來個小熱身，先畫一隻以簡單幾何圖形就可以完成的瓢蟲，滑鼠碰觸到背部時會展開翅膀，基本上用到的形狀只有圓形、半圓形和長方形，以下部分為我的個人筆記區和成果展示...
今天來幫昨天做的瓢蟲加個藍天白雲和綠地的背景，只有白雲的話，畫面可能會過於單調，所以還要讓它動 ! 起 ! 來 ! 順帶一題白雲的做法就是由好幾個幾何圖形組合而...
正式進入主題，今天要來做首頁的部分，豆奶照片大公開啦~~小肥橘貓的魅力啊!!!畫面設計宗旨主要是簡單明瞭，讓人一目了然這是一個寵物blog，這次的筆記要來寫bo...
今天要來調整右下文字的角度，讓畫面看起來看豐富一點(應該吧...)本來是想找網路上是否有高手寫好的編輯器，讓文字按照弧度排列，後來試用發現，其實自己也做得出來，...
今天要做右上角的導覽行，hover後導覽列會向左伸展，並將內容物依序展現出來，內容物hover後會切換顏色以表示選取，在第三天的時候有提到animation動畫...
今天要來做圖片區的標題和第一張網美照，特別挑選過適合的字體和文字來裝飾照片，這樣看起來質感大幅Level up。 筆記區 一、字型選用font-family 字...
今天要來做第二張網美照，圓形圓形圓形結合透明度加標題結束!這次沒用到什麼特別的技術，都是之前提到過的筆記，像是在Day04的時候提到的圓形，以及昨天提到的文字功...
今天要來做第三張網美照，想試著做看看拍立得造型，意外地非常簡單，只要調整邊框寬度就行，呈現出來的效果也不錯，最後在搭配上文字就完成了。 筆記區 一、邊框 這邊一...
今天要來做第四張網美照，用到的技術就是加入長方形和移動位置，就不特別寫筆記。第一天文章有提到Visual studio code是可以安裝其他擴充配件，告訴大家...
