嗨，大家今天跟大家聊聊我最近搗鼓的一個(gè)小項(xiàng)目——我的個(gè)人網(wǎng)頁(yè)設(shè)計(jì)。整個(gè)過(guò)程還挺有意思的，從一頭霧水到看到成品，感覺(jué)還挺有成就感的。

最初的想法

我就想著做一個(gè)簡(jiǎn)簡(jiǎn)單單的頁(yè)面，能展示一下我的基本信息，放點(diǎn)我平時(shí)寫(xiě)的文章啥的就行。所以我就開(kāi)始在網(wǎng)上到處找資料，看看別人是怎么設(shè)計(jì)的，找找靈感。

動(dòng)手實(shí)踐

我先是選一個(gè)我看著順眼的模板，然后就開(kāi)始動(dòng)手改。我把顏色改成我喜歡的深色系，這樣看著比較舒服，晚上看也不會(huì)太刺眼。然后就是字體，我選一個(gè)看著比較清晰的字體，畢竟內(nèi)容才是最重要的嘛

布局方面，我沒(méi)搞太復(fù)雜，就分幾個(gè)大塊：

• 頭部：放我的名字和頭像，簡(jiǎn)單明。
• 文章列表：把我寫(xiě)的文章按時(shí)間順序排一下。
• 個(gè)人介紹：簡(jiǎn)單寫(xiě)寫(xiě)我的興趣愛(ài)好啥的。
• 底部：放版權(quán)信息，告訴訪客不要亂用。

在這個(gè)過(guò)程中，我還學(xué)一個(gè)小技巧，就是用CSS獲取HTML屬性值，這個(gè)功能還挺實(shí)用的，可以實(shí)現(xiàn)一些動(dòng)態(tài)的效果。

遇到的問(wèn)題

中間也遇到一些問(wèn)題。比如說(shuō)，我一開(kāi)始不知道怎么把幾個(gè)模塊并排放，后來(lái)查資料才知道可以用一些布局的屬性。遇到問(wèn)題就查資料，然后動(dòng)手試，總能解決的。

最終效果

經(jīng)過(guò)我一番折騰，我的個(gè)人網(wǎng)頁(yè)終于算是完成！雖然看起來(lái)很簡(jiǎn)單，但我覺(jué)得還挺有感覺(jué)的。整體風(fēng)格就是簡(jiǎn)單干凈，沒(méi)有太多花里胡哨的東西，突出內(nèi)容本身?，F(xiàn)在看起來(lái)特別有成就感。

這回就分享到這里。大家如果也想做個(gè)自己的網(wǎng)頁(yè)，不妨動(dòng)手試試，挺好玩的！