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

摸清客戶的想法

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

開始動手設(shè)計

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

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

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

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

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

測試，再測試

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

終于搞定

經(jīng)過一番折騰，這個龍巖的網(wǎng)站設(shè)計項目總算是完成?？粗约盒列量嗫嘧龀鰜淼某晒睦镞€是美滋滋的。希望客戶也會喜歡！

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

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