今天又搞一天的網(wǎng)頁(yè)，累死我。不過(guò)總算是把這個(gè)小項(xiàng)目給弄出來(lái)，還挺有成就感的。給你們分享一下我今天都干些啥。

我得琢磨這個(gè)網(wǎng)頁(yè)到底要弄成啥樣?？蛻裟沁呉矝](méi)個(gè)準(zhǔn)信，就說(shuō)要一個(gè)展示他們產(chǎn)品的頁(yè)面，具體咋展示也沒(méi)說(shuō)清楚。這可把我給愁壞，我就去網(wǎng)上找好多同類型的產(chǎn)品網(wǎng)站，看看人家都是咋做的。

看半天，心里總算有點(diǎn)譜。然后我就開(kāi)始畫(huà)草圖。拿著筆在紙上涂涂畫(huà)畫(huà)，把大概的布局、板塊啥的都給畫(huà)出來(lái)。這一步挺重要的，能幫我理清思路，也方便后面跟客戶溝通。

草圖畫(huà)好后，我就拿著去找客戶。跟他們比劃半天，總算是把網(wǎng)頁(yè)的整體風(fēng)格和內(nèi)容給確定下來(lái)?？蛻暨€挺滿意的，說(shuō)我畫(huà)的草圖挺清晰的，一看就明白。

接下來(lái)就是選顏色和字體。這個(gè)也挺費(fèi)勁的，顏色要跟客戶的產(chǎn)品風(fēng)格搭調(diào)，字體要讓人看著舒服。我試好幾種搭配，選一個(gè)比較簡(jiǎn)潔大方的方案。

• 先確定主色調(diào)，我選一個(gè)比較清新的藍(lán)色。
• 然后搭配一些輔助色，讓頁(yè)面看起來(lái)不那么單調(diào)。
• 字體方面，我選一個(gè)比較常見(jiàn)的微軟雅黑，保證在不同設(shè)備上都能正常顯示。

這些都弄好后，我就開(kāi)始動(dòng)手做頁(yè)面。我用的工具是以前比較多人用的Dreamweaver(別笑我老土,比較習(xí)慣懶得換)，把之前畫(huà)的草圖一點(diǎn)點(diǎn)變成真正的網(wǎng)頁(yè)。這個(gè)過(guò)程挺繁瑣的，要寫(xiě)代碼，要調(diào)整樣式，還要處理各種各樣的細(xì)節(jié)問(wèn)題。

做一天，總算是把頁(yè)面給做出來(lái)。測(cè)試一下，看看在不同的瀏覽器和設(shè)備上有沒(méi)有問(wèn)題。還一切正常，沒(méi)出啥幺蛾子。

今天就先這樣，改天再給你們分享一些做網(wǎng)頁(yè)的小技巧。