一、選題情況（適用對象）

現(xiàn)在養(yǎng)狗的人越來越多，這是為什么呢？這當(dāng)然是因為養(yǎng)狗有不少的好處:

1. 有研究表明，從小和狗狗一起成長的孩子，要比沒有接觸過狗狗的孩子，過敏幾率小20%。養(yǎng)狗有利于抵御常見的過敏，增強孩子的抵抗力。

2. 養(yǎng)狗之后會變得更愛交朋友，變得更健談，出去遛狗的時候，遇見也在遛狗的陌生人， 都可以主動上去搭話，聊聊天。

3. 美國有科學(xué)家經(jīng)過研究證實，狗狗經(jīng)常親吻人類，能增強人體免疫力，和狗狗生活的時間長了，還有助于促進(jìn)腸胃中有益菌群的生長。

4. 狗狗可以緩解人類內(nèi)心的不愉快和孤獨感，有抑郁癥的人很適合飼養(yǎng)狗狗，可以舒緩抑郁情緒。

5. 狗狗可以讓主人鎮(zhèn)靜情緒，有研究表明，養(yǎng)狗的人，會比不養(yǎng)的狗，患上心腦血管疾病的幾率要低許多。

6. 狗狗天生就很機警，有看家護院的本事，養(yǎng)一只狗狗在家，會讓你更有安全感，獨居的小姐姐特別適合養(yǎng)一只來保護自己。

7. 養(yǎng)狗后，每天的遛狗時間不能少，以前休息日會宅家一整天，現(xiàn)在不得不帶狗狗出去轉(zhuǎn)轉(zhuǎn)，無意間多了不少運動的時間，有利于身體健康。

8. 現(xiàn)在的小孩子大多從小就被電子產(chǎn)品吸引，沉迷其中，家里如果有一只狗狗能陪孩子玩耍，能轉(zhuǎn)移孩子的注意力，減少沉迷電子產(chǎn)品。

養(yǎng)狗的好處雖然很多，但是養(yǎng)狗也是一個需要耐心和愛心的過程，需要主人對狗狗負(fù)責(zé)任，所以如果你想養(yǎng)狗，別只看到好的一面，也要多去了解一些養(yǎng)狗的知識，確定能對這條小生命負(fù)責(zé)后，再帶它回家。為了幫助更多愛狗人士養(yǎng)好自己的狗狗，我建立了一個普及養(yǎng)狗知識和日常養(yǎng)護訓(xùn)練的養(yǎng)狗網(wǎng)站。

二、具體內(nèi)容

設(shè)計主要包括以下幾個版塊：

??1.首頁板塊

??2.狗狗品種板塊

??3.日常養(yǎng)護板塊

??4.日常訓(xùn)練模塊

??5.聯(lián)系板塊

網(wǎng)站的目錄結(jié)構(gòu)如下：

????css ? ? ? ? ?------存放CSS文件

????images ? ? ? ? ------存放圖片文件

????js ? ? ? ? ?-------存放js文件

????index.html -----------首頁

????pinzhong.html -------品種頁面

????yanghu.html ---------養(yǎng)護頁面

????xunlian.html---------訓(xùn)練頁面

????contact.html---------聯(lián)系頁面

網(wǎng)頁截圖：

????首頁

????頭部：是包含logo、nav導(dǎo)航、搜索框等的通用模板

????尾部：版權(quán)聲明，引用的網(wǎng)頁模板信息

????內(nèi)容：包含圖片輪播，歡迎語和1行3列的最新文章

????品種頁面：通過div+ul列表的方式實現(xiàn)的類似表格形式的布局

????養(yǎng)護頁面：簡單的列表布局，左圖右文

????訓(xùn)練頁面：帶大縮略圖和內(nèi)容摘要的列表布局

????聯(lián)系我們：包含form表單

三、設(shè)計和實現(xiàn)過程的難點和解決思路

難點1：設(shè)計過程列表布局比較難實現(xiàn)，圖片及文字很容易超出父元素邊界造成布局混亂。

解決思路：針對超出邊界的圖片或文字的寬度和高度進(jìn)行精致的約束，保證列表布局規(guī)則排列。

難點2：頁面美觀度不夠高，Dreamewver CS6軟件應(yīng)用不夠熟練，軟件中所涉及得制作方法以及工具沒有更好的應(yīng)用。

解決思路：

1.配色原則：避免網(wǎng)頁雜、亂，有時候單一色彩不為也是一種獨特，用色柔和，減少視覺混亂，對比度強的色彩不能應(yīng)用于一般網(wǎng)站。

2.字體問題：字體是整個網(wǎng)頁最醒目的部分，若字體不協(xié)調(diào)會給人一種枯燥的感覺，避免用雜色字體，防止瀏覽者眼花繚亂。

3.制作習(xí)慣：制作一個網(wǎng)頁首要的是完美的構(gòu)思，應(yīng)該先構(gòu)思好再動手制作，素材搜集完整，根據(jù)主題選材，不能脫離主題，確保所用材料與主題相關(guān)。

4.完整性：網(wǎng)站的基本格式完整，相關(guān)鏈接，友情鏈接必不可少，這也增加了網(wǎng)頁的方便性

5.合適選取適當(dāng)尺寸的背景圖片非常重要

四、自己覺得滿意的地方

成功把一個雜志主題的網(wǎng)頁英文模板改成了一個寵物知識網(wǎng)頁，而且整體的布局、顏色、內(nèi)容較為統(tǒng)一美觀，賞心悅目。此次網(wǎng)頁設(shè)計也是進(jìn)一步總結(jié)提煉了我的網(wǎng)頁設(shè)計理念：

（1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。

（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。

（3）功能決定設(shè)計方向：看網(wǎng)站的用途，決定設(shè)計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

設(shè)計理念上的收獲令我感到非常滿意，收獲滿滿。

五、其他說明

心得體會：跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計技術(shù)一流，你對軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的“邊緣科學(xué)。“不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計的方面的知識，還涉及到html，javascript，css等編程語言技術(shù)方面的知識。只有綜合運用多種知識，才能設(shè)計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。