時(shí)間:2023-05-16 12:33:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-05-16 12:33:01 來源:網(wǎng)站運(yùn)營
HTML5期末大作業(yè):X米網(wǎng)站設(shè)計(jì)——小米商城手機(jī)(10頁) HTML+CSS+JavaScript 學(xué)生DW網(wǎng)頁設(shè)計(jì)作業(yè)成品 學(xué)生dreamweaver網(wǎng)頁設(shè)計(jì)作業(yè)成品:常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有作者主頁-更多源碼個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
等網(wǎng)頁設(shè)計(jì)題目,A+水平作業(yè)
, 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
1.網(wǎng)頁作品簡介
:HTML期末大學(xué)生網(wǎng)頁設(shè)計(jì)作業(yè) A+水平 ,喜歡的可以下載,文章頁支持手機(jī)PC響應(yīng)式布局。2.網(wǎng)頁作品編輯
:作品下載后可使用任意HTML編輯軟件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML軟件編輯修改網(wǎng)頁)。3.網(wǎng)頁作品技術(shù)
:Div+CSS、鼠標(biāo)滑過特效、Table、導(dǎo)航欄效果、banner、表單、二級(jí)三級(jí)頁面等,視頻、 音頻元素 、Flash,同時(shí)設(shè)計(jì)了logo(源文件),基本期末作業(yè)所需的知識(shí)點(diǎn)全覆蓋。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>小米MIX3</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" media="screen" href="main.css" /> <script src="./js/jquery-3.1.1.min.js"></script> <style type="text/css"> *{ padding: 0; margin: 0; list-style: none;}.t1 img{ width: 100%; height: 800px; position: relative; right: 160px; bottom: 180px;}.s1{ width:100%; height: 460px; margin: 50px auto; position: relative;}.t1{ width: 100%; }.t1 li{position: absolute;top: 0; .zhuche { position: relative; left: 600px; } .xiaoxi { position: relative; left: 600px; } h1 { color: lightgoldenrodyellow; text-align: center; } h2 { color: lightgoldenrodyellow; text-align: center; } #s2 { width: 100%; height: 1000px; background: linear-gradient(to left, #091A14, #23755b); } #s3 { width: 100%; height: 1000px; border: solid black 1px; } .r { background: white; line-height: 60px; } h3:nth-of-type(1) { left: 150px; text-decoration: none; position: relative; font-family: 20px "宋體"; } h3:nth-of-type(2) { left: 800px; text-decoration: none; position: relative; font-family: 20px "宋體"; } h3 { display: inline-block; } .a1 { color: black; font-size: 15px; } .a1:hover { color: chocolate; } .a2 { color: black; font-size: 15px; left: 950px; } .a2:hover { color: chocolate; } .a3 { color: black; font-size: 15px; left: 954px; } .a3:hover { color: chocolate; } .a4 { color: black; font-size: 15px; left: 955px; } .a4:hover { color: chocolate; } .a5 { color: black; font-size: 15px; left: 956px; } .a5:hover { color: chocolate; } #s3 { color: white; font-size: 20px; } .GM { width: 80px; height: 30px; position: relative; left: 959px; background-color: orange; border: none; } #s3 h1 { color: white; font-size: 40px; position: relative; right: 300px; top: 370px; line-height: 80px; font-family: "黑體"; } #s3 p { color: white; font-size: 20px; position: relative; right: -200px; top: 450px; line-height: 40px; font-family: "黑體"; } #s3 span { position: relative; right: -800px; top: 10px; } span img { height: 800px; } #s4 { width: 100%; height: 1000px; border: solid black 1px; } display: block; } #zui p a:hover{ color: orange; } #zui div a:hover{ color: orange; } #zui{ position: relative; left: 350px; bottom: 300px; } .aaahome:hover{ color: chocolate; }</style><div id="zui" style="position: relative;top: -750px; left: 250px;"> <img src="img/timg.jpg"/> <div class="jiange"><a href=""> 小米商城 </a>|<a href=""> MIUI </a>|<a href=""> 米家 </a>|<a href=""> 米聊 </a>|<a href=""> 多看 </a>|<a href=""> 游戲 </a>|<a href=""> 路由器 </a>|<a href=""> 米粉卡 </a>|<a href=""> 政企服務(wù) </a>|<a href=""> 小米天貓店 </a>|<a href=""> 隱私政策 </a>|<a href=""> 問題反饋 </a>|<a href=""> 廉政舉報(bào) </a>|<a href=""> Select Region </a></div> <p> <a href="">©<span>mi.com</span>京ICP證110507號(hào)</a> <a href="">京ICP備10046444號(hào)</a> <a href="">京公網(wǎng)安備11010802020134號(hào)</a> <a href="">京網(wǎng)文[2017]1530-131號(hào)</a> </p> <p> <a href="">(京)網(wǎng)械平臺(tái)備字(2018)第00005號(hào)</a> <a href="">互聯(lián)網(wǎng)藥品信息服務(wù)資格證(京)-非經(jīng)營性-204-0090</a> <a href="">營業(yè)執(zhí)照</a> <a href="">醫(yī)療器械公告</a> </p> </div><a href="./index.html" style="position: relative;bottom: 2950px;left: 1400px;text-decoration: none;color:white"><p class="aaahome">返回小米商城>>></p></a> </body></html>
web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
【百度網(wǎng)盤-源碼下載地址】
HTML5期末考核大作業(yè)源碼
包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞:學(xué)生,小米,作業(yè),設(shè)計(jì),商城
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。