時(shí)間:2023-08-29 07:30:01 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-08-29 07:30:01 來源:網(wǎng)站運(yùn)營
HTML5期末大作業(yè):網(wǎng)上鮮花網(wǎng)站設(shè)計(jì)——網(wǎng)上鮮花網(wǎng)頁設(shè)計(jì)(5頁)HTML+CSS+JavaScript web期末作業(yè)設(shè)計(jì)網(wǎng)頁:常見網(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ì)需求, 喜歡的可以下載!
PC電腦端關(guān)注我們
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、表單、二級三級頁面等,視頻、 音頻元素 、Flash,同時(shí)設(shè)計(jì)了logo(源文件),基本期末作業(yè)所需的知識點(diǎn)全覆蓋。<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標(biāo)題文檔</title><link href="css/style.css" rel="stylesheet" type="text/css"><script src="js/jquery.js" type="text/javascript"></script><script src="js/web.js" type="text/javascript"></script></head><body><div class="header"> <div class="logo"><a href=""><img src="picture/logo.jpg"></a></div> <div class="nav"> <ul> <li class="cur"><em><span>首頁</span><a href="index.html">HOME</a></em></li> <li><em><span>關(guān)于我們</span><a href="about.html">ABOUT</a></em></li> <li><em><span>永生花</span><a href="flowers-ysh.html">LIVING</a></em></li> <li><em><span>鮮花</span><a href="flowers.html">FLOWERS</a></em></li> </li> </ul> <div class="clear"></div> </div> <div class="header_r"> <div class="search_form fr"> <form> <input type="text" class="search_text" placeholder="產(chǎn)品搜索"> <input type="button" class="search_btn" value=""> </form> </div> </div> <div class="clear"></div></div><div class="pages_banner" style="background:url(images/flowers_banner.jpg) no-repeat center top"> <div class="posi"> <h2>鮮花</h2> <p><a href="">首頁</a> / <a href="" class="cur">鮮花</a></p> </div></div><div class="wrap"> <div class="products_buy"> <div class="products_img fl"> <div class="indeximg_list"> <div class="img_scroll_maximg"> <div class="img_list_maximg" id="bigimg"><img src="picture/img1.jpg" /> </div> </div> <div class="text fl"> <div class="img_scroll_minimg img_scroll_c "> <span class="prev_minimg prev_c"></span> <span class="next_minimg next_c"></span> <div class="img_list_minimg img_list_c"> <ul id="smallimg"> <li><img src="picture/img1.jpg" /> </li> <li><img src="picture/img2.jpg" /> </li> <li><img src="picture/img3.jpg" /> </li> <li><img src="picture/img4.jpg" /> </li> <li><img src="picture/img1.jpg" /> </li> <li><img src="picture/img2.jpg" /> </li> <li><img src="picture/img3.jpg" /> </li> </ul> <div class="clear"></div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="products_price fr"> <p class="font01">FOWEVER</p> <p class="font02">大地農(nóng)園繡球花永生花</p> <div class="info"> <p><img src="picture/productsimg2.png"></p> </div> <p class="price">¥890</p> <p><a href="" class="buy_btn">前往購買</a> <a href="" class="zx_btn">在線咨詢</a></p> </div> <div class="clear"></div> </div> <div class="products_bar fl"> <div class="knowledge_form"> <input type="text" class="search_text"> <input type="button" class="search_btn" value=""> </div> <div class="products_menu"> <div class="title">所有產(chǎn)品</div> <ul class="menulist"> <li class="cur"> <a href="" class="sub_links">玫瑰</a> <ul> <li><a href="">紅玫瑰</a></li> <li><a href="">6支裝玫瑰</a></li> <li><a href="">8支裝玫瑰</a></li> <li><a href="">9支裝玫瑰</a></li> <li><a href="">24支裝玫瑰</a></li> <li><a href="">藍(lán)色妖姬</a></li> <li><a href="">黃玫瑰</a></li> </ul> </li> <li><a href="" class="sub_links">多肉植物</a></li> <li><a href="" class="sub_links">繡球花</a></li> <li><a href="" class="sub_links">薰衣草</a></li> <li><a href="" class="sub_links">太陽花</a></li> </ul> </div> </div> <div class="products_main fr"> <div class="products_info"> <div class="tit"><img src="picture/productstit.png"></div> <div class="info"> <div class="text fl"> <p><img src="picture/productstit02.png"></p> <p> </p> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="30"><img src="picture/list13.png"> 品牌:ROSE VOVO </td> <td><img src="picture/list13.png"> 適用場景;擺放花藝</td> </tr> <tr> <td height="30"><img src="picture/list13.png"> 仿真花類型:保鮮花</td> <td><img src="picture/list13.png"> 顏色分類:紫 紅 藍(lán) </td> </tr> <tr> <td height="30"><img src="picture/list13.png"> 組合形式;單品</td> <td><img src="picture/list13.png"> 風(fēng)格:田園</td> </tr> <tr> <td height="30"><img src="picture/list13.png"> 花草種類:繡球花</td> <td> </td> </tr> </table> </div> <div class="img fr"><img src="picture/img1.jpg"></div> <div class="clear"></div> </div> </div> <div class="products_show"> <div class="tit"><img src="picture/productstit03.png"></div> <div class="info"> <p><img src="picture/productsimg.png"></p> <p> </p> <p>Designer Talk</p> <p>設(shè)計(jì)師物語</p> <p>roseonly的設(shè)計(jì)師最了解玫瑰,從設(shè)計(jì)到選材,從制作到包裝,只為將"信者得愛,愛是唯一"完美傳達(dá)。每一道工序,都是為玫瑰而生。</p> <p> </p> <p> 玫瑰成為roseonly前,它應(yīng)是一件藝術(shù)品,當(dāng)藝術(shù)品與花盒共舞,她為珍品。玫瑰將愛情孕為珍品盛放花盒,此為"恒久"。</p> </div> </div> </div> <div class="clear"></div></div><div class="friend_links wrap"> <ul> <li><a href=""><img src="picture/links01.png"></a></li> <li><a href=""><img src="picture/links02.png"></a></li> <li><a href=""><img src="picture/links03.png"></a></li> <li><a href=""><img src="picture/links04.png"></a></li> <li><a href=""><img src="picture/links05.png"></a></li> </ul> <div class="clear"></div></div><div class="footer"> <div class="wrap fot_info"> <div class="fot_links fl"> <dl> <dt>關(guān)于我們</dt> <dd><a href="">關(guān)于我們</a></dd> <dd><a href="">企業(yè)文化</a></dd> <dd><a href="">合作伙伴</a></dd> </dl> <dl> <dt>服務(wù)中心</dt> <dd><a href="">訂購指南</a></dd> <dd><a href="">常見問題</a></dd> <dd><a href="">售后服務(wù)</a></dd> </dl> <dl> <dt>人才發(fā)展</dt> <dd><a href="">人才政策</a></dd> <dd><a href="">工作機(jī)會</a></dd> </dl> <div class="clear"></div> </div> <div class="fot_contact fr"> <p class="font01">Contact US</p> <p>Tel:(021)678XX638</p> <p>E-mail:xxx@xxx.com</p> <p>地址:杭州省徐家匯XXXXXXXXX89-號7號辦公樓</p> <div class="fot_search"> <form> <input type="text" class="search_text"> <input type="button" class="search_btn" value="提交"> </form> </div> </div> <div class="clear"></div> </div> <div class="fot_bottom"> <div class="box"> <p class="fr">COPYRXXX? 2084 MORE 備滬7636XXXI</p> <div class="icons"> <ul> <li><a href="" class="icon01"></a></li> <li><a href="" class="icon02"></a> <div class="ico_box"><img src="picture/wx.png"><span class="cur"></span></div> </li> <li><a href="" class="icon03"></a></li> </ul> <div class="clear"></div> </div> </div> </div></div><div class="youce"> <ul> <li><a title="返回頂部" class="yc1" href="javascript:void(0)" id="gotop" style="display: block;"></a><!--置頂--></li> <li><a class="yc2" href="javascript:window.external.AddFavorite(location.href,document.title);"></a><!--加入收藏--></li> <li> <a title="淘寶店鋪" class="yc3" href="#"> <div class="wx_box"> <div class="yc_weixin"><span>淘寶店鋪</span> </div> </div> </a><!--淘寶店鋪--> </li> <li> <a title="阿里巴巴店鋪" class="yc4" href="#"> <div class="wx_box"> <div class="yc_weixin"><span>阿里巴巴店鋪</span> </div> </div> </a><!--阿里巴巴店鋪--> </li> <li> <a title="客服" class="yc5" href="#"> <div class="wx_box"> <div class="yc_weixin"><span>客服</span> </div> </div> </a><!--阿里巴巴店鋪--> </li> </ul></div></body></html>
web前端 零基礎(chǔ)-入門到高級 (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站
HTML5期末考核大作業(yè)源碼
包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他
* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞:鮮花,設(shè)計(jì),作業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。