{"ops":[{"insert":"養(yǎng)狗日記-計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)與制作（大作業(yè)報(bào)告格式）期末大作業(yè)"},{"attributes":{"header":1},"insert":"\n"},{"attributes":{"align":"justify"},"insert":"\n\n\n\n"},{"insert":"課程名稱"},{"attributes":{"bold":true},"insert":"???????"},{"insert":"　"},{"attributes":{"color":"#000000","bold":true},"insert":"《網(wǎng)頁設(shè)計(jì)與制作》?????　"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"attributes":{"color":"#000000"},"insert":"班????級(jí)?????"},{"attributes":{"color":"#000000","bold":true},"insert":"???"},{"attributes":{"color":"#000000"},"insert":"??"},{"attributes":{"color":"#000000","bold":true},"insert":"??????"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"attributes":{"color":"#000000"},"insert":"學(xué)????號(hào)????????????"},{"attributes":{"color":"#000000","bold":true},"insert":"????"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"attributes":{"color":"#000000"},"insert":"姓????名??????????????"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"attributes":{"color":"#000000"},"insert":"教????師????????????????"},{"insert":"?"},{"attributes":{"align":"justify"},"insert":"\n\n\n\n\n\n"},{"attributes":{"bold":true},"insert":"2022 年 5 月??日"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"?"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"一、選題情況（適用對(duì)象）"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"現(xiàn)在養(yǎng)狗的人越來越多，這是為什么呢？這當(dāng)然是因?yàn)轲B(yǎng)狗有不少的好處:"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"1. 有研究表明，從小和狗狗一起成長(zhǎng)的孩子，要比沒有接觸過狗狗的孩子，過敏幾率小20%。養(yǎng)狗有利于抵御常見的過敏，增強(qiáng)孩子的抵抗力。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"2. 養(yǎng)狗之后會(huì)變得更愛交朋友，變得更健談，出去遛狗的時(shí)候，遇見也在遛狗的陌生人， 都可以主動(dòng)上去搭話，聊聊天。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"3. 美國(guó)有科學(xué)家經(jīng)過研究證實(shí)，狗狗經(jīng)常親吻人類，能增強(qiáng)人體免疫力，和狗狗生活的時(shí)間長(zhǎng)了，還有助于促進(jìn)腸胃中有益菌群的生長(zhǎng)。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"4. 狗狗可以緩解人類內(nèi)心的不愉快和孤獨(dú)感，有抑郁癥的人很適合飼養(yǎng)狗狗，可以舒緩抑郁情緒。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"5. 狗狗可以讓主人鎮(zhèn)靜情緒，有研究表明，養(yǎng)狗的人，會(huì)比不養(yǎng)的狗，患上心腦血管疾病的幾率要低許多。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"6. 狗狗天生就很機(jī)警，有看家護(hù)院的本事，養(yǎng)一只狗狗在家，會(huì)讓你更有安全感，獨(dú)居的小姐姐特別適合養(yǎng)一只來保護(hù)自己。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"7. 養(yǎng)狗后，每天的遛狗時(shí)間不能少，以前休息日會(huì)宅家一整天，現(xiàn)在不得不帶狗狗出去轉(zhuǎn)轉(zhuǎn)，無意間多了不少運(yùn)動(dòng)的時(shí)間，有利于身體健康。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"8. 現(xiàn)在的小孩子大多從小就被電子產(chǎn)品吸引，沉迷其中，家里如果有一只狗狗能陪孩子玩耍，能轉(zhuǎn)移孩子的注意力，減少沉迷電子產(chǎn)品。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"color":"#333333"},"insert":"養(yǎng)狗的好處雖然很多，但是養(yǎng)狗也是一個(gè)需要耐心和愛心的過程，需要主人對(duì)狗狗負(fù)責(zé)任，所以如果你想養(yǎng)狗，別只看到好的一面，也要多去了解一些養(yǎng)狗的知識(shí)，確定能對(duì)這條小生命負(fù)責(zé)后，再帶它回家。為了幫助更多愛狗人士養(yǎng)好自己的狗狗，我建立了一個(gè)普及養(yǎng)狗知識(shí)和日常養(yǎng)護(hù)訓(xùn)練的養(yǎng)狗網(wǎng)站。"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"二、具體內(nèi)容"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"\t"},{"attributes":{"bold":true},"insert":"設(shè)計(jì)主要包括以下幾個(gè)版塊："},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"bold":true},"insert":"??1.首頁板塊"},{"attributes":{"align":"justify"},"insert":"\n"},{"attributes":{"bold":true},"insert":"??????2.狗狗品種板塊"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"bold":true},"insert":"??3.日常養(yǎng)護(hù)板塊"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"bold":true},"insert":"??4.日常訓(xùn)練模塊"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\t"},{"attributes":{"bold":true},"insert":"5.聯(lián)系板塊"},{"attributes":{"align":"justify"},"insert":"\n\n\n\n\n\n\n\n\n\n\n"},{"insert":"網(wǎng)站的目錄結(jié)構(gòu)如下："},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"?????css??????????------存放CSS文件"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"?????images?????????------存放圖片文件"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"js??????????-------存放js文件"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"??????????index.html -----------首頁"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"??????pinzhong.html -------品種頁面"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"??????yanghu.html ---------養(yǎng)護(hù)頁面"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"??????xunlian.html---------訓(xùn)練頁面"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"contact.html---------聯(lián)系頁面"},{"attributes":{"align":"justify"},"insert":"\n\n\n"},{"insert":"網(wǎng)頁截圖："},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"1.首頁"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"（1）頭部：是包含logo、nav導(dǎo)航、搜索框等的通用模板"},{"attributes":{"align":"justify"},"insert":"\n\n\n\n\n\n\n"},{"insert":"（2）尾部：版權(quán)聲明，引用的網(wǎng)頁模板信息"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"（3）內(nèi)容：包含圖片輪播，歡迎語和1行3列的最新文章"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"2.品種頁面：通過div+ul列表的方式實(shí)現(xiàn)的類似表格形式的布局"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"3.養(yǎng)護(hù)頁面：簡(jiǎn)單的列表布局，左圖右文"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"4.訓(xùn)練頁面：帶大縮略圖和內(nèi)容摘要的列表布局"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"5.聯(lián)系我們：包含form表單"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"三、設(shè)計(jì)和實(shí)現(xiàn)過程的難點(diǎn)和解決思路"},{"attributes":{"align":"justify"},"insert":"\n"},{"attributes":{"bold":true},"insert":"難點(diǎn)1"},{"insert":"：設(shè)計(jì)過程列表布局比較難實(shí)現(xiàn)，圖片及文字很容易超出父元素邊界造成布局混亂。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"解決思路：針對(duì)超出邊界的圖片或文字的寬度和高度進(jìn)行精致的約束，保證列表布局規(guī)則排列。"},{"attributes":{"align":"justify"},"insert":"\n"},{"attributes":{"bold":true},"insert":"難點(diǎn)2："},{"insert":"頁面美觀度不夠高，Dreamewver CS6軟件應(yīng)用不夠熟練，軟件中所涉及得制作方法以及工具沒有更好的應(yīng)用。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"解決思路："},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"1.配色原則：避免網(wǎng)頁雜、亂，有時(shí)候單一色彩不為也是一種獨(dú)特，用色柔和，減少視覺混亂，對(duì)比度強(qiáng)的色彩不能應(yīng)用于一般網(wǎng)站。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"2.字體問題：字體是整個(gè)網(wǎng)頁最醒目的部分，若字體不協(xié)調(diào)會(huì)給人一種枯燥的感覺，避免用雜色字體，防止瀏覽者眼花繚亂。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"3.制作習(xí)慣：制作一個(gè)網(wǎng)頁首要的是完美的構(gòu)思，應(yīng)該先構(gòu)思好再動(dòng)手制作，素材搜集完整，根據(jù)主題選材，不能脫離主題，確保所用材料與主題相關(guān)。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"4.完整性：網(wǎng)站的基本格式完整，相關(guān)鏈接，友情鏈接必不可少，這也增加了網(wǎng)頁的方便性"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"5.合適選取適當(dāng)尺寸的背景圖片非常重要"},{"attributes":{"align":"justify"},"insert":"\n\n\n"},{"insert":"四、自己覺得滿意的地方"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"成功把一個(gè)雜志主題的網(wǎng)頁英文模板改成了一個(gè)寵物知識(shí)網(wǎng)頁，而且整體的布局、顏色、內(nèi)容較為統(tǒng)一美觀，賞心悅目。此次網(wǎng)頁設(shè)計(jì)也是進(jìn)一步總結(jié)提煉了我的網(wǎng)頁設(shè)計(jì)理念："},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"（3）功能決定設(shè)計(jì)方向：看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"設(shè)計(jì)理念上的收獲令我感到非常滿意，收獲滿滿。"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"五、其他說明"},{"attributes":{"align":"justify"},"insert":"\n\n"},{"insert":"心得體會(huì)：跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過一個(gè)問題，用了半個(gè)月時(shí)間才解決。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，你對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的“邊緣科學(xué)?！安粌H涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計(jì)的方面的知識(shí)，還涉及到html，javascript，css等編程語言技術(shù)方面的知識(shí)。只有綜合運(yùn)用多種知識(shí)，才能設(shè)計(jì)出視聽特效，動(dòng)感十足，富于個(gè)性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。"},{"attributes":{"align":"justify"},"insert":"\n"},{"insert":"\n"}]}