今天又搞一天的網(wǎng)站，累死我。不過(guò)總算把這個(gè)龍巖的網(wǎng)站設(shè)計(jì)項(xiàng)目給弄完，心里還是挺有成就感的。跟你們分享一下我今天都干些啥。

摸清客戶的想法

我先跟客戶好好聊聊，弄清楚他們到底想要個(gè)啥樣的網(wǎng)站。畢竟每個(gè)客戶的需求都不一樣嘛得先搞明白他們是做啥的，想要通過(guò)網(wǎng)站達(dá)到啥目的。 這客戶說(shuō)是想展示他們公司的產(chǎn)品，順便也介紹下服務(wù)。

開(kāi)始動(dòng)手設(shè)計(jì)

初步設(shè)計(jì)： 解清楚需求后，我就開(kāi)始動(dòng)手設(shè)計(jì)。我先是畫(huà)個(gè)草圖，把網(wǎng)站的大概結(jié)構(gòu)、每個(gè)頁(yè)面放啥內(nèi)容都規(guī)劃一下。這一步很重要，就像蓋房子先打地基一樣。

選個(gè)好看的模板：然后，我從平時(shí)收集的一堆模板里頭，挑一個(gè)比較適合他們公司風(fēng)格的?，F(xiàn)在的網(wǎng)站模板都做得挺漂亮的，功能也全，省我不少事兒。

調(diào)整樣式，讓它更靈活： 我就開(kāi)始調(diào)整這個(gè)模板的樣式。我用CSS網(wǎng)格系統(tǒng)，這玩意兒好用得很，可以讓我在不同大小的屏幕上都能把頁(yè)面排得整整齊齊的。特別是導(dǎo)航欄，必須得是響應(yīng)式的，這樣不管客戶用手機(jī)還是電腦看，都能很方便地找到他們想要的內(nèi)容。

把內(nèi)容填進(jìn)去

樣式弄好后，我就開(kāi)始往里面填內(nèi)容?？蛻籼峁┮恍┪淖趾蛨D片，我把這些東西都放到合適的位置上。我也稍微潤(rùn)色一下文字，讓它讀起來(lái)更通順，更吸引人。

測(cè)試，再測(cè)試

全部弄完后，可不能直接就交給客戶。我還得仔仔細(xì)細(xì)地測(cè)試一遍，看看有沒(méi)有啥問(wèn)題。我在不同的瀏覽器和設(shè)備上都打開(kāi)看看，確保網(wǎng)站在哪兒都能正常顯示，沒(méi)有錯(cuò)位、亂碼啥的。

終于搞定

經(jīng)過(guò)一番折騰，這個(gè)龍巖的網(wǎng)站設(shè)計(jì)項(xiàng)目總算是完成?？粗约盒列量嗫嘧龀鰜?lái)的成果，心里還是美滋滋的。希望客戶也會(huì)喜歡！

• 和客戶溝通需求。
• 畫(huà)草圖，定結(jié)構(gòu)。
• 選擇合適的模板。
• 用CSS網(wǎng)格系統(tǒng)調(diào)整樣式。
• 填充內(nèi)容。
• 測(cè)試，修改。

今天就分享到這兒，希望對(duì)你們有點(diǎn)幫助。下次有啥好玩的項(xiàng)目，我再來(lái)跟你們嘮嗑！