HTML5期末大作業(yè):寵物網(wǎng)網(wǎng)站設(shè)計(jì)
作品介紹
1.網(wǎng)頁(yè)作品簡(jiǎn)介
?:HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載,文章頁(yè)支持手機(jī)PC響應(yīng)式布局。
2.網(wǎng)頁(yè)作品編輯
:作品下載后可使用任意HTML編輯軟件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
?等任意HTML軟件編輯修改網(wǎng)頁(yè))。
3.網(wǎng)頁(yè)作品技術(shù)
:Div+CSS、鼠標(biāo)滑過(guò)特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁(yè)面等,視頻、 音頻元素 、Flash,同時(shí)設(shè)計(jì)了logo(源文件),基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。
一、作品展示






二、文件目錄

三、代碼實(shí)現(xiàn)
<!DOCTYPE html><head> ? ?<meta charset="utf-8" /> ? ?<title>寵物網(wǎng)</title> ? ?<link href="css/css.css" rel="external nofollow" ?rel="stylesheet"/></head><body><div class="logo"><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ><img src="images/logo.jpg" /></a></div><div class="nav"><ul> ? ? ? ?<li><a href="index.html" rel="external nofollow" ><img src="images/nAV1.jpg"/>首頁(yè)</a></li> ? ? ? ?<li><a href="zhidao.html" rel="external nofollow" ><img src="images/nAV2.jpg"/>養(yǎng)狗知道</a></li> ? ? ? ?<li><a href="jieshao.html" rel="external nofollow" ><img src="images/nAV3.jpg"/>狗狗介紹</a></li> ? ? ? ?<li><a href="tuji.html" rel="external nofollow" ><img src="images/nAV4.jpg"/>寵物圖集</a></li> ? ? ? ?<li><a href="lingyang.html" rel="external nofollow" ><img src="images/nAV5.jpg"/>領(lǐng)養(yǎng)寵物</a></li> ? ? ? ?<li><a href="liuyan.html" rel="external nofollow" ><img src="images/nAV6.jpg"/>在線留言</a></li> ? ?</ul></div><div class="topsite"><div class="sear" > ? ? ? ?<input type="text" class="text"/> ? ? ? ?<input type="button" class="btn" value="搜索"> ? ?</div> ? ?<div class="link"> ? ? <span>熱門搜索:</span><a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >泰迪</a> ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >金毛</a> ? ? ? ?<a href="#" rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" ?rel="external nofollow" >博美</a> ? ?</div></div><div class="zhidao"><h2>養(yǎng)狗知道</h2> ? ?<p>養(yǎng)狗之前你必須要知道的6件事,看完你再?zèng)Q定要不要養(yǎng)狗!</p> ? ?<p>經(jīng)常聽(tīng)周圍朋友說(shuō),“啊,一個(gè)人好辛苦啊,不如養(yǎng)條狗吧?!?,“哇,狗狗好可愛(ài),好想養(yǎng)一只哦!”結(jié)果往往是第一天朋友圈還在曬著狗狗的萌照,一星期后就變成“求領(lǐng)走”了。</p> ? ?<p>因?yàn)榉N種原因,導(dǎo)致心血來(lái)潮買了狗的人沒(méi)能把狗繼續(xù)養(yǎng)下去。由此可見(jiàn),養(yǎng)狗之前必須做足功課,不然到最后無(wú)論是狗還是人,都會(huì)很不開(kāi)心。</p> ? ?<p>好,恐嚇完畢,接下來(lái)小編分類概述一下養(yǎng)狗須知。新手奶爸如果不想重蹈覆轍的話,那養(yǎng)狗之前就一定要知道這6件事。</p> ? ?<img src="images/zhidao.jpg"> ? ?<p>首先,那就是狗的壽命平均在10-20歲之間,如果你的夢(mèng)想是與它白頭偕老,那恐怕很難實(shí)現(xiàn)。</p> ? ?<p>第二件事就是狗狗的繁殖情況,狗狗在7-12個(gè)月之間即可達(dá)到性成熟,每年可繁殖1-3胎,每胎可生1-6只。掐指一算……嗯,想養(yǎng)母狗的恐怕要提前做好替狗狗節(jié)育的思想覺(jué)悟了。</p> ? ?<p>第三件事就是母狗的孕期,幼犬在犬媽媽的肚子里的時(shí)間大概在58-65天之間,開(kāi)眼時(shí)間大約在出生后10-16天。想當(dāng)年,在剛放暑假的時(shí)候我家母狗懷上了仔仔,到了我開(kāi)學(xué)的時(shí)候,幼仔都還沒(méi)見(jiàn)過(guò)我!一整個(gè)暑假都白期待了好嗎!</p> ? ?<p>第四件事就是要明白籠子對(duì)于狗狗的意義,沒(méi)養(yǎng)過(guò)狗的萌新們一聽(tīng)到“籠子”兩個(gè)字就滿臉寫著拒絕,說(shuō)絕對(duì)不愿意把自己的狗關(guān)在籠子里。事實(shí)上,狗只是不愿意一直待在籠子里,但這并不代表它不愛(ài)籠子。<p> ? ?<p>第五件事就是對(duì)狗狗的吠叫有耐心,無(wú)論你有沒(méi)有養(yǎng)狗的經(jīng)驗(yàn),我們平時(shí)都能看到一只狗見(jiàn)到另一只陌生的狗時(shí)會(huì)全身緊繃,發(fā)出低吼,仿佛隨時(shí)都可能進(jìn)入戰(zhàn)斗模式。</p> ? ?<p>最后一件事,就是正視我們養(yǎng)狗的心態(tài)?,F(xiàn)在很多人養(yǎng)狗,都不是買狗,而是直接領(lǐng)養(yǎng)流浪狗。一些流浪狗受過(guò)冷落,可能會(huì)有一些心靈創(chuàng)傷,顯得比較慫。這時(shí)候,你就要出殺招,讓它克服心理障礙。這個(gè)殺招說(shuō)難也難,說(shuō)簡(jiǎn)單也簡(jiǎn)單,那就是——每天堅(jiān)持遛它。就像人獨(dú)自待久了會(huì)變得敏感孤僻一樣,狗狗只有充分社交,多見(jiàn)見(jiàn)世面,以后見(jiàn)到其他狗才能抬頭挺胸有氣勢(shì)。</p></div><div class="footer"><p>寵物網(wǎng)</p></div></body></html>