PAGE 目錄TOC\o"1-3"\h\u1.網(wǎng)站開發(fā)背景 11.1背景分析 11.2可行性分析 42.系統(tǒng)設(shè)計 52.1總體設(shè)計 52.2功能模塊設(shè)計 53.詳細(xì)設(shè)計與實現(xiàn) 63.1頁面模板設(shè)計 63.1.1Logo的設(shè)計 63.1.2導(dǎo)航欄的設(shè)計 73.1.3底色風(fēng)格的設(shè)計 73.2頁面底部的設(shè)計 73.3主頁的設(shè)計 84.特效設(shè)計與實現(xiàn) 104.1導(dǎo)航欄特效 104.2動態(tài)時間特效 114.3下拉菜單特效 124.4圖片特效 144.5打開新窗口特效 16結(jié)束語 18參考文獻(xiàn) 20PAGE1PAGE11.網(wǎng)站開發(fā)背景1.1背景分析隨著經(jīng)濟(jì)全球化、工業(yè)化、城鎮(zhèn)化進(jìn)程加快以及生活方式的改變，當(dāng)前人類正在經(jīng)歷新的發(fā)展浪潮，人類健康模式正在發(fā)生歷史性變化。特別是人與動物關(guān)系發(fā)生了深刻的重大變化，在生產(chǎn)性動物日益集中規(guī)?；B(yǎng)殖及加工處置的同時，寵物飼養(yǎng)出現(xiàn)了快速大眾化、平民化、多樣化趨勢。寵物日益成為與人類朝夕相處的生活伴侶，以寵物食物、寵物醫(yī)療、寵物美容，寵物保險等為代表的寵物產(chǎn)業(yè)已悄然興起。日益發(fā)展的寵物及其產(chǎn)業(yè)在舒緩現(xiàn)代人壓力，給予精神寄托的同時，也帶來了新的人畜共患病、公共環(huán)境衛(wèi)生等一系列的健康問題，成為現(xiàn)代社會面臨的重大課題。在越來越城市化的社會里，人的生活和活動的空間顯得越來越小，人與人的交流和交往也越來越少，而犬貓可以作為人很好的生活伴侶，可以幫助我們?nèi)私獬畹墓录?，調(diào)節(jié)人的心理健康。當(dāng)然也有養(yǎng)犬是出于對寵物愛好。以下是養(yǎng)寵物的一些好處：1、寵物作為我們?nèi)祟惖陌閭H動物是我們?nèi)祟惈@得幸福和健康生活的一個來源，飼養(yǎng)寵物可以讓人們生活的更健康，更充實，同時對人的心臟有好處，能降低血壓和血脂，研究發(fā)現(xiàn)患有心臟病和其它一些慢性病的老人，飼養(yǎng)寵物犬貓后，通過調(diào)節(jié)人的一些心理狀態(tài)，可以明顯減輕臨床癥狀。通過遛犬，與它一起玩耍，可以放松人的精神。2、對于一些獨(dú)居的孤獨(dú)老年人有益于他們的身心健康，通過與寵物的相互溝通使老年人生活的更充實。犬對于獨(dú)居的人是最好的伴侶。對于一些單身的老年人在家發(fā)生一些意外情況，如突然中風(fēng)，心臟病突發(fā)，經(jīng)過訓(xùn)練的伴侶寵物能及時起到報警作用。3、在日益競爭激烈的社會中飼養(yǎng)寵物可以提供精神支持，特別是在遇到打擊時，通過與寵物犬的交流，有利于飼養(yǎng)者的心理健康，減輕生活中產(chǎn)生的各種不必要的壓力，從而提高工作的效率。4、飼養(yǎng)寵物可以培養(yǎng)孩子的責(zé)任心和愛心和社會社交能力。在孩子撫養(yǎng)犬時，會扮演正面角色。而且，犬被心理學(xué)家廣泛地用于醫(yī)治或幫助有問題的孩子或成人。飼養(yǎng)小犬會給兒童從小帶給責(zé)任感，和對動物的理解和同情，這些常常會轉(zhuǎn)移到人身上，產(chǎn)生同樣的對人的理解和同情心和關(guān)心的效果。5、飼養(yǎng)寵物可以保護(hù)家庭，起到防止家庭被盜竊，護(hù)衛(wèi)作用，使整個家庭有一種安全感。寵物的聽覺和嗅覺都十分敏感，對主人家庭十分忠誠，在遇到意外的情況下，寵物會挺身而出不顧自己的生命保護(hù)主人和家庭，另外家里如果發(fā)生一些煤氣泄露或是忘關(guān)水龍頭，它也會及時提醒主人。6、飼養(yǎng)寵物也可以達(dá)到治療疾病的作用，如果一個患有胃病者飼養(yǎng)一條長毛狗經(jīng)常把狗抱在懷里有利于胃的康復(fù)。7、飼養(yǎng)寵物也可以帶來無限的樂趣成為快樂和歡樂的源泉，并能促進(jìn)人們進(jìn)行體育鍛煉，提供人與人相互交流的機(jī)會。8、國外對飼養(yǎng)犬貓者進(jìn)行調(diào)查發(fā)現(xiàn)擁有寵物能明顯改善健康狀況，并且每年看病的次數(shù)明顯減少，即使生病其癥狀比不養(yǎng)寵物的人明顯輕，所以飼養(yǎng)寵物可以明顯減少我們用于治病的醫(yī)藥開支。9、另外寵物作一個產(chǎn)業(yè)，在經(jīng)濟(jì)社會中的比重越來越重，可以解決許多人的就業(yè)和相關(guān)產(chǎn)業(yè)的發(fā)展。據(jù)報道上海寵物相關(guān)產(chǎn)業(yè)每年近六個億人民幣。有寵物美容、用品、藥品、寵物醫(yī)院、寵物飼料等。同時寵物上的一些相關(guān)產(chǎn)業(yè)正在開發(fā)。當(dāng)然飼養(yǎng)寵物也有許多害處，最主要是寵物可以感染許多人犬共患病，有些疾病是嚴(yán)重威脅我們?nèi)祟惿陌踩枰鹞覀冏銐蛑匾暤?。由于寵物與我們有密切接觸的情況，在飼養(yǎng)各類可愛的寵物同時，一定要做好寵物疾病的預(yù)防和控制，一定要防止寵物疾病傳染給人，否則產(chǎn)生的危害遠(yuǎn)大于飼養(yǎng)寵物的好處。下面分別說明介紹。1、狂犬病不容忽視，狂犬病是人類傳染病中死亡率最高的人畜共患病，犬貓是最容易感染和攜帶狂犬病病毒，如果飼養(yǎng)犬貓過多，不進(jìn)行十分有效的狂犬病的免疫，并隨意流浪一些不免疫和無證的犬貓，就有可能使這些寵物感染狂犬病等各類疾病，就會引起人類疾病的流行，一旦發(fā)生狂犬病的流行對我們?nèi)祟悓砩耐{。所以飼養(yǎng)犬首要是要做好狂犬病的有效免疫。確保飼養(yǎng)人和他人的生命安全和社會的安定。所以狂犬病的免疫每個國家都是法定強(qiáng)制性的免疫。2、弓形體等其它人畜共患病，由于犬貓的生活習(xí)慣使得犬貓感染弓形體和一些腸道寄生蟲十分普遍，弓形體是人畜共患病，如果孕婦密切接觸病犬，感染后可能會引起孕婦流產(chǎn)和胎兒的畸形，所以孕婦還是要遠(yuǎn)離寵物為好，如果要接觸，應(yīng)對所養(yǎng)的寵物進(jìn)行弓形體健康檢查，確保沒有感染后才可放心接觸。3、目前由于隨意飼養(yǎng)寵物引起犬貓咬人、傷人的事故發(fā)生較多，對人造成了肉體和精神傷害，一些野犬和流狼犬成為我們的感染疾病的隱患，同時被咬后也要支付較高的治療和免疫費(fèi)用，加重了我們的經(jīng)濟(jì)負(fù)擔(dān)。4、另外寵物的腸道寄生蟲和皮膚的真菌感染也較普遍，與人密切接觸很有可能感染飼養(yǎng)者，寵物也能感染結(jié)核病、布氏桿菌病等疾病，嚴(yán)重威脅我們?nèi)祟惖慕】?。飼養(yǎng)寵物的同時對這些疾病也要引起我們重視。5、飼養(yǎng)寵物對環(huán)境造成的危害，由于大多數(shù)寵物飼養(yǎng)者環(huán)保意識較差，犬貓在小區(qū)或公共場所隨意大小便，另外寵物病死后的尸體隨意丟棄，嚴(yán)重污染了我們的生活環(huán)境，也產(chǎn)生了動物疾病引起流行的可能。6、飼養(yǎng)寵物也可能會影響鄰居關(guān)系，由于我們現(xiàn)在城市的住房還沒有達(dá)到獨(dú)門獨(dú)戶，飼養(yǎng)寵物特別是一些大型寵物的叫聲，影響鄰居的生活，有些犬會對鄰居造成傷害，引起不必要的糾紛，飼養(yǎng)寵物引起鄰居的抱怨，這是很常見的，所有養(yǎng)犬的人一生至少碰到一次，這要引起養(yǎng)犬的人的思想準(zhǔn)備。7、養(yǎng)犬經(jīng)濟(jì)上要有很多花費(fèi)，這是一定要認(rèn)識到的。還要接種疫苗，除蟲，撫養(yǎng)，喂食，生病時給它照顧，這些增加了家庭的經(jīng)濟(jì)負(fù)擔(dān)，每年的辦證，免疫看病費(fèi)，飼料用品等費(fèi)用對一個普通的家庭來說是一筆較大的開支。對經(jīng)濟(jì)較為困難，但又十分喜愛飼養(yǎng)寵物的家庭，會帶來了更重的經(jīng)濟(jì)負(fù)擔(dān)，我們也必須充分認(rèn)識到。在我國的經(jīng)濟(jì)還不很發(fā)達(dá)的今天，寵物每年也消耗大量的食物和資金。城市中每年用于養(yǎng)犬的錢可以養(yǎng)活大量的我國貧困人口。8、限制養(yǎng)犬人的許多自由，因為犬需要照顧，甚至周末和假期也不例外（許多人養(yǎng)寵物前沒有意識到，以后認(rèn)識到這點都太晚了，有些人于是產(chǎn)生將犬遺棄流放）。因有些人害怕狗狗而發(fā)生危險，或有些人太寵愛犬而未采用適當(dāng)保護(hù)措施而造成問題出現(xiàn)，或者狗狗因為驚嚇而出現(xiàn)咬人傷人的危險，這些都是養(yǎng)寵物中會遇到的常見情況。本網(wǎng)站通過最近網(wǎng)絡(luò)上很火的英系博美犬俊介來指導(dǎo)一下大家該如何照顧好自己家的寶貝，去更好的與寵物相處。1.2可行性分析系統(tǒng)開發(fā)背景調(diào)研：在越來越城市化的社會里，人的生活和活動的空間顯得越來越小，人與人的交流和交往也越來越少，而寵物可以作為人很好的生活伴侶，可以幫助我們?nèi)私獬畹墓录?，調(diào)節(jié)人的心理健康，但是寵物在舒緩現(xiàn)代人壓力，給予精神寄托的同時，也帶來了新的人畜共患病、公共環(huán)境衛(wèi)生等一系列的健康問題，成為現(xiàn)代社會面臨的重大課題。確定系統(tǒng)目標(biāo)資料收集：隨著經(jīng)濟(jì)全球化、工業(yè)化、城鎮(zhèn)化進(jìn)程加快以及生活方式的改變，人與動物關(guān)系發(fā)生了深刻的重大變化，寵物飼養(yǎng)出現(xiàn)了快速大眾化、平民化、多樣化趨勢。寵物日益成為與人類朝夕相處的生活伴侶，以寵物食物、寵物醫(yī)療、寵物美容，寵物保險等為代表的寵物產(chǎn)業(yè)已悄然興起。但是我們該如何去更好地去與寵物相處依然是一件不可小覷的事，所以我決定制作一個網(wǎng)站，通過最近網(wǎng)絡(luò)上很火的英系博美犬——俊介來指導(dǎo)一下大家該如何照顧好自己家的寶貝，去更好的與狗狗相處。因此我收集了一些俊介的圖片及新聞，以及狗狗的習(xí)性和養(yǎng)護(hù)知識來通過Javascript向愛好狗狗的人們展示一下。網(wǎng)站結(jié)構(gòu)設(shè)計：依據(jù)商寵物網(wǎng)站的需求完成開發(fā)環(huán)境的搭建，在Dreamweaver中制作出大概的框架。模板頁面設(shè)計：依據(jù)商寵物網(wǎng)站的需求完成開發(fā)環(huán)境的搭建，依據(jù)主題風(fēng)格進(jìn)行頁面布局和模版設(shè)計。網(wǎng)站功能模塊設(shè)計：按照欄目需求及模版布局進(jìn)行欄目頁的制作。編寫代碼：按照統(tǒng)一的命名規(guī)則和編程規(guī)范進(jìn)行頁面代碼的編寫。調(diào)試與發(fā)布：完成功能模塊調(diào)試和系統(tǒng)聯(lián)調(diào)，直至達(dá)到設(shè)計要求，并將網(wǎng)站通過IIS進(jìn)行發(fā)布。撰寫實訓(xùn)報告：檢查網(wǎng)站是否能正確發(fā)布，欄目規(guī)劃及業(yè)務(wù)流程是否合理，頁面布局及效果是否符合網(wǎng)站風(fēng)格要求，并回答教師提問，撰寫實訓(xùn)報告。2.系統(tǒng)設(shè)計2.1總體設(shè)計本網(wǎng)站主要以介紹俊介來展開對寵物的一些習(xí)性和相對應(yīng)的養(yǎng)護(hù)知識的展示，所以我決定分成七個頁面來展示。（詳見圖2-1）萌寵俊介的介紹網(wǎng)站萌寵俊介的介紹網(wǎng)站獨(dú)家報料相關(guān)信息俊媽訪談狗狗習(xí)性養(yǎng)護(hù)知識基本信息主頁聯(lián)系我們圖2-1網(wǎng)站的主體設(shè)計2.2功能模塊設(shè)計主頁中先對俊介進(jìn)行一個大概的介紹比如它的走紅經(jīng)過，讓人第一印象里對它進(jìn)行一個了解。然后在基本信息頁面中對它再進(jìn)行一下具體的介紹，這樣由簡入深。在養(yǎng)護(hù)知識和狗狗習(xí)性這兩個頁面里，通過俊介的榜樣作用，讓人們更好的去了解狗狗，照顧好狗狗。獨(dú)家報料中有俊介的主人來介紹如何照顧狗狗，及俊介所屬品種的解密。最后將是如何聯(lián)系我們的頁面。3.詳細(xì)設(shè)計與實現(xiàn)3.1頁面模板設(shè)計CSS層疊樣式表用于定義文字屬性、文本屬性等網(wǎng)頁中的基本信息，是網(wǎng)頁中的字體、大小、顏色等一系列基本信息，不隨瀏覽器及系統(tǒng)顯示的分辨率等因素的變化而變化，使網(wǎng)頁具有一定“固定性”。因此在對于網(wǎng)頁的文字和標(biāo)題部分，我大量使用了CSS樣式表，這樣可以使得標(biāo)題更加美觀和突出。（詳見圖3-1）圖3-1CSS樣式表3.1.1Logo的設(shè)計系統(tǒng)主頁面是一個網(wǎng)站給人的第一印象，其頁面不僅要讓人覺得友善還應(yīng)該突出網(wǎng)站的主題和特色，因此圖標(biāo)和圖片元素顯得十分重要。因為網(wǎng)頁是關(guān)于寵物狗狗的，所以我設(shè)計了一個寵物的Logo來凸現(xiàn)主題，色調(diào)選擇的暖色調(diào)。（詳見圖3-2）圖3-2網(wǎng)站Logo3.1.2導(dǎo)航欄的設(shè)計導(dǎo)航欄以灰色和綠色為基調(diào)，這樣比較清爽，讓人在點擊的時候，對于不同頁面的選擇時有明顯的區(qū)別，而又不讓人產(chǎn)生煩躁感。（詳見圖3-3）圖3-3導(dǎo)航欄3.1.3底色風(fēng)格的設(shè)計整個頁面設(shè)計風(fēng)格以簡潔清爽為主，所以頁面背景采用了銀灰色，填充色以綠色為主，使用了一個色系的漸變綠和藍(lán)色。穿插著灰色來進(jìn)行對比，保持了簡單性。（詳見圖3-4）圖3-4主頁面設(shè)計樣式3.2頁面底部的設(shè)計底部設(shè)計了一些超鏈接來通過站外連接展示其他的友好網(wǎng)站，以彌補(bǔ)本網(wǎng)站不能完全包含這些信息的缺陷，又能通過友好鏈接來推廣自己，增加本網(wǎng)站的瀏覽量。另外最下面我還打上了自己的標(biāo)示madefromzhuying是不是很獨(dú)特呢。（詳見圖3-5）圖3-5底部設(shè)計樣式3.3主頁的設(shè)計主頁面采用的靜態(tài)頁面，這樣能更穩(wěn)定的展現(xiàn)主題的風(fēng)格，首先在網(wǎng)站Logo下顯示的是導(dǎo)航欄，讓你就可以有選擇的瀏覽其他你感興趣的頁面。導(dǎo)航欄下面是一幅大大地俊介卡通圖，讓你一下子感受到寵物可愛的一面，卡通圖上面的浮層簡單地介紹了俊介，而且你可以通過上面的箭頭快速地跳到相關(guān)介紹的頁面。再下面的走紅經(jīng)過，則讓你更近一步了解這個萌貨。（詳見圖3-6，圖3-7）圖3-6主頁設(shè)計圖圖3-7主頁設(shè)計圖4.特效設(shè)計與實現(xiàn)4.1導(dǎo)航欄特效當(dāng)鼠標(biāo)至于導(dǎo)航欄其他頁面上方時，模塊由原來的灰色變成淡綠色，這樣就能更清晰地反映出所選的效果。（詳見圖4-1）圖4-1導(dǎo)航欄特效代碼說明：<divid="header"> <ahref="index.html"id="logo"><imgsrc="images1/42.jpg"alt="Logo"width="421"height="65"></a> <ul> <li> <ahref="index.html">主頁</a> </li> <li> <ahref="about.html">基本信息</a> </li> <li> <ahref="plants.html">養(yǎng)護(hù)知識</a> </li> <li> <ahref="gardens.html">狗狗習(xí)性</a> </li> <liclass="current"> <ahref="news.html">俊媽訪談</a> <ul> <liclass="current"> <ahref="article.html">相關(guān)介紹</a> </li> </ul> </li> <li> <ahref="contact.html">聯(lián)系我們</a> </li> </ul> </div>主要利用在<head>…</head>頭標(biāo)簽內(nèi)定義<styletype="text/css">的相關(guān)屬性，例如導(dǎo)航欄的寬、高、背景顏色，以及相關(guān)字體的屬性，以確定導(dǎo)航欄的整體風(fēng)格，及相關(guān)屬性。4.2動態(tài)時間特效在聯(lián)系我們的頁面，我加入了動態(tài)時間的顯示，這樣當(dāng)您想聯(lián)系我們時，您就知道現(xiàn)在是何時間了。不錯的設(shè)計吧。（詳見圖4-2）圖4-2動態(tài)時間特效代碼說明：<bodyonload="showTime()"><scriptlanguage="JavaScript">functionshowTime(){varthetime=newDate();//初始化日期對象document.getElementById("timeArea").innerText=thetime.toLocaleString();window.setTimeout("showTime()",1000);//setTimeout(表達(dá)式,延時時間)其中延時時間以豪秒為單位(1000ms=1s)}</script><divid="timeArea"align="center"></div></body>該代碼在創(chuàng)建一個當(dāng)前日期的變量newDate來初始化時間，然后通過doucument來引用當(dāng)前系統(tǒng)中的時間的年份、月份和星期。4.3下拉菜單特效下拉菜單特效是為了節(jié)省時間，將相同結(jié)構(gòu)的頁面通過一樣的設(shè)置來達(dá)到一舉兩得的效果（詳見圖4-3）圖4-3下拉菜單特效代碼說明：<styletype="text/css">*{padding:0;margin:0;}body{font-family:verdana,sans-serif;font-size:small;}#navigation,#navigationliul{list-style-type:none;}#navigation{margin:20px;}#navigationli{float:left;text-align:center;position:relative;}#navigationlia:link,#navigationlia:visited{display:block;text-decoration:none;color:#000;width:120px;height:40px;line-height:40px;border:1pxsolid#fff;border-width:1px1px00;background:#c5dbf2;padding-left:10px;}#navigationlia:hover{color:#fff;background:#2687eb;}#navigationliullia:hover{color:#fff;background:#6b839c;}#navigationliul{display:none;position:absolute;top:40px;left:0;margin-top:1px;width:120px;}#navigationliulliul{display:none;position:absolute;top:0px;left:130px;margin-top:0;margin-left:1px;width:120px;}</style>在<head>…</head>頭標(biāo)簽內(nèi)定義<styletype="text/css">的相關(guān)屬性，例如導(dǎo)航欄的寬、高、背景顏色，以及相關(guān)字體的屬性，以確定導(dǎo)航欄的整體風(fēng)格，以及下拉菜單的相關(guān)屬性。<scripttype="text/javascript">functiondisplaySubMenu(li){varsubMenu=li.getElementsByTagName("ul")[0];subMenu.style.display="block";}functionhideSubMenu(li){varsubMenu=li.getElementsByTagName("ul")[0];subMenu.style.display="none";}</script>使用function函數(shù)定義displaySubMenu(li)和hideSubMenu(li)，以實現(xiàn)下拉菜單內(nèi)容。<body><ulid="navigation"><lionmouseover="displaySubMenu(this)"onmouseout="hideSubMenu(this)"><ahref="#">俊媽訪談</a><ul><li><ahref="#">俊媽訪談->相關(guān)介紹</a></li></ul></li></body>在<body>…</body>內(nèi)，實現(xiàn)對上面displaySubMenu(li)和hideSubMenu(li)函數(shù)的調(diào)用，并且使用<lionmouseover="displaySubMenu(this)"onmouseout="hideSubMenu(this)">實現(xiàn)鼠標(biāo)的移入、移出。當(dāng)鼠標(biāo)移入的時候，展開下拉菜單；當(dāng)鼠標(biāo)移開的時候，下拉菜單收起。4.4圖片特效為了節(jié)省空間，我在同一圖片的位子上使用了鼠標(biāo)事件，當(dāng)把鼠標(biāo)放在圖片上時，你將會看到另一幅可愛的圖片。（詳見圖4-4，圖4-5）圖4-4圖片特效圖4-5圖片特效代碼說明：<SCRIPTLANGUAGE="JavaScript">functionchangeSrc(obj){obj.src="1.jpg";//改變圖像地址}</script></head><body><imgonmousemove="changeSrc(this)"src="2.jpg"/></body>在鼠標(biāo)移動、圖片轉(zhuǎn)換等特效的代碼中，changeSro函數(shù)是改變圖像地址的一個應(yīng)用。OnMousemove是指當(dāng)鼠標(biāo)移入的時候會顯示的新圖片內(nèi)容。4.5打開新窗口特效該特效是設(shè)計有超鏈接的文字，單擊這些超鏈接可以打開新窗口，方便用戶重返之前的頁面，便于查詢。（詳見圖4-6）圖4-6打開新頁面顯示圖代碼說明： <script>functionopenwin1(){mywin=window.open("article.html","new1","width=600,height=500,resizable=no");}</script></head><body><pre><ahref="JavaScript:openwin1();">萌主</a></pre> （1）、<a>…</a>的href屬性的值是JavaScript語句，即單擊此超鏈接能執(zhí)行其指定的JavaScript腳本。（2）、函數(shù)openwin1()、openwin2()、openwin3()調(diào)用window對象的open（）方法打開一個大小為600×500的新窗口。結(jié)束語經(jīng)過考慮我決定結(jié)合所學(xué)專業(yè)的內(nèi)容制作了萌寵俊介的介紹網(wǎng)站，作為學(xué)習(xí)的成果。其內(nèi)容是多樣化的。制作網(wǎng)站主要使用的是MacromediaDreamweaver8軟件，并利用了我所學(xué)過的JavaScript知識。首先我確定了寵物介紹的主題，因為隨著時代的發(fā)展，人們的生活水平越來越高，在越來越城市化的社會里，人的生活和活動的空間顯得越來越小，人與人的交流和交往也越來越少，而犬貓可以作為人很好的生活伴侶，可以幫助我們?nèi)私獬畹墓录?，調(diào)節(jié)人的心理健康。以寵物食物、寵物醫(yī)療、寵物美容，寵物保險等為代表的寵物產(chǎn)業(yè)已悄然興起。但是有很多人還是不能很好的去照顧好狗狗們，我想如何去更好地去與寵物相處依然是一件不可小覷的事，所以我決定制作一個網(wǎng)站，通過最近網(wǎng)絡(luò)上很火的英系博美犬——俊介來指導(dǎo)一下大家該如何照顧好自己家的寶貝，去更好的與狗狗相處。因此我收集了一些俊介的圖片及新聞，以及狗狗的習(xí)性和養(yǎng)護(hù)知識來向愛好狗狗的人們展示一下。然后是整體規(guī)劃，每一版塊都有其個性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，主頁，基本信息，養(yǎng)護(hù)知識，狗狗習(xí)性，俊媽訪談，相關(guān)介紹，聯(lián)系我們等板塊。再后是收集資料與素材，大量瀏覽相關(guān)網(wǎng)站，收集關(guān)于俊介的圖片