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

開整！

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

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

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

內(nèi)容排布

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

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

設(shè)計排版

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

我主要關(guān)注幾個點：

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

開工實現(xiàn)

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

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

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

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

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

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

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