今天心血來潮，想搞個(gè)自己的網(wǎng)頁玩玩，說干就干！

開整！

我得琢磨琢磨這網(wǎng)頁到底要拿來干不能瞎搞，得有個(gè)目標(biāo)。我這人平時(shí)就喜歡寫寫東西，拍拍照片，干脆就搞個(gè)展示個(gè)人作品的網(wǎng)頁，就當(dāng)是我的一個(gè)線上小展廳。

定好目標(biāo)，開干！

我先在本子上畫畫草圖，大概想想網(wǎng)頁的布局。頂部肯定得有個(gè)導(dǎo)航欄，然后中間放我的作品，左邊可以弄個(gè)個(gè)人簡介啥的。大概就這樣。

內(nèi)容排布

接下來就是內(nèi)容。我把我之前寫的文章、拍的照片都整理一下，分門別類，準(zhǔn)備往網(wǎng)頁上放。這可是個(gè)體力活，不過想到能把自己的作品展示出來，還是挺興奮的！

• 文章：精選幾篇自己覺得寫得還不錯(cuò)的。
• 照片：挑一些風(fēng)景照、人像照，展示我的攝影技術(shù)！
• 關(guān)于我：簡單介紹一下自己，讓大家認(rèn)識(shí)認(rèn)識(shí)我。

設(shè)計(jì)排版

內(nèi)容有，接下來就是設(shè)計(jì)。我可不是專業(yè)設(shè)計(jì)師，不過沒關(guān)系，網(wǎng)上有很多免費(fèi)的網(wǎng)頁模板，可以參考參考。我找?guī)讉€(gè)簡約風(fēng)格的模板，感覺挺符合我的審美。不過也不能完全照搬，得有點(diǎn)自己的特色。

我主要關(guān)注幾個(gè)點(diǎn)：

• 顏色： 選個(gè)淺灰色作為背景，感覺比較舒服，不刺眼。
• 字體： 選個(gè)看起來比較清晰的字體，保證大家看得清楚。
• 留白： 這個(gè)很重要，不能把頁面塞得滿滿當(dāng)當(dāng)?shù)?，得留點(diǎn)空白，讓人看著舒服。
• 重點(diǎn)突出： 用不同的字號(hào)、顏色，把重點(diǎn)內(nèi)容突出顯示，讓大家一眼就能看到我想表達(dá)的東西。

開工實(shí)現(xiàn)

設(shè)計(jì)得差不多，就開始動(dòng)手寫代碼。我用的是Sublime Text，邊寫邊看效果。遇到不懂的就上網(wǎng)查，或者問問朋友。過程雖然有點(diǎn)磕磕絆絆，但總體還算順利。

主要就是 HTML 和 CSS，也沒用太復(fù)雜的東西， 畢竟只是個(gè)展示型的網(wǎng)頁。

反復(fù)調(diào)整

代碼寫完，網(wǎng)頁也差不多成型。不過這還沒完，還得反復(fù)調(diào)整?？纯茨睦锊粎f(xié)調(diào)，哪里需要修改。比如，圖片大小要不要調(diào)整一下？文字排版是不是還可以優(yōu)化一下？就是要精益求精，讓網(wǎng)頁看起來更舒服、更美觀。

今天就先搞到這里，明天繼續(xù)完善！

經(jīng)過幾天的折騰，我的個(gè)人網(wǎng)頁終于上線！雖然很簡單，但也是我親手打造的，心里還是挺有成就感的。以后有新的作品，我還會(huì)繼續(xù)更新，讓這個(gè)網(wǎng)頁越來越豐富！

今天的分享就到這，希望能給想做個(gè)人網(wǎng)頁的朋友們一點(diǎn)點(diǎn)幫助！