當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

HTML5期末大作业：我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品

發布時間：2024/8/1 javascript 28 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML5期末大作业：我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML5期末大作業：我的家鄉網站設計——我的家鄉-綠城之都-南寧(9頁) HTML+CSS+JavaScript 大學生簡單個人靜態HTML網頁設計作品

常見網頁設計作業題材有個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他等網頁設計題目, A+水平作業, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!

🧡作者主頁-更多源碼

🧡HTML期末大作業文章專欄

作品介紹

1.網頁作品簡介 ：HTML期末大學生網頁設計作業 A+水平 ,喜歡的可以下載，文章頁支持手機PC響應式布局。

2.網頁作品編輯：作品下載后可使用任意HTML編輯軟件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟件編輯修改網頁）。

3.網頁作品技術：Div+CSS、鼠標滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、音頻元素、Flash，同時設計了logo（源文件），基本期末作業所需的知識點全覆蓋。

文章目錄

HTML5期末大作業：我的家鄉網站設計——我的家鄉-綠城之都-南寧(9頁) HTML+CSS+JavaScript 大學生簡單個人靜態HTML網頁設計作品
作品介紹
一、作品展示
二、文件目錄
三、代碼實現
五、學習資料
六、更多源碼

一、作品展示

二、文件目錄

三、代碼實現

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>綠城之都-南寧</title><meta content="綠城之都-南寧" name="keywords" /><meta content="綠城之都-南寧" name="description" /><link href="css/base.css" rel="stylesheet" type="text/css"><link href="css/pagename.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/jquery-1.6.2.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script></head><body> <div class="header"> <div class="w1000"><p>你好，歡迎光臨綠城之都南寧！</p><div class="contact"><a href="index.html">設為首頁</a> <a href="index.html">加入收藏</a></div></div></div><div class="w1000"><div class="header_bottom"><a href="index.html"><img src="images/logo.jpg" width="294" height="49" alt="" title="綠城之都-南寧"></a><ul><li><a href="index.html">網站首頁</a></li> <li><a href="template/historic.html">歷史</a></li> <li><a href="template/beautiful.html">風景</a></li> <li><a href="template/tourism.html">旅游</a></li> <li><a href="template/delicacy.html">美食</a></li> <li><a href="template/new.html">動態</a></li> <li><a href="template/leave.html">留言</a></li> <li><a href="template/about.html">團隊介紹</a></li> <li><a href="template/connection.html">聯系我們</a></li></ul> </div> </div> <div class="container"> <div class="banner"> <div class="bd"><ul><li style="background:url(images/banner_4.jpg) no-repeat center top;"></li><li style="background:url(images/banner_2.jpg) no-repeat center top;"></li></ul></div><div class="hd"><ul><li></li><li></li></ul></div><a class="prev" href="javascript:void(0)"></a><a class="next" href="javascript:void(0)"></a></div> <script type="text/javascript">jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",delayTime:1000,interTime:5000,autoPlay:true, autoPage:true, trigger:"click" });</script> <div class="content"> <p class="p_tit1">走進南寧</p> <ul class="ul_jishu clearfix"><li class="fl"><a href="template/introduce.html"><img src="images/pic_1.jpg" width="291" height="126" alt="" title=""></a><p><a href="template/introduce.html">南寧簡介</a>南寧，簡稱“邕”，是廣西壯族自治區首府，全區政治、經濟、交通、科教文衛、金融和信息中心，是中國面向東盟開放合作的前沿城市、中國—東盟博覽會永久舉辦地、北部灣經濟區核心城市、國家“一帶一路”有機銜接的重要門戶城市。 </p></li><li class="fl ml20"><a href="template/Culture.html"><img src="images/pic_2.jpg" width="291" height="126" alt="" title=""></a><p><a href="template/Culture.html">南寧文化</a></li><li><div class="pic"><img src="images/201410301614494319.jpg" width="231" height="151" /></div></li><li><div class="pic"><img src="images/201410301615449632.jpg" width="231" height="151" /></div></li></ul></div></div> <script type="text/javascript">jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:4,trigger:"click"});</script></div></div> </div><div class="footer"> <p><a href="index.html">首頁</a> | <a href="template/historic.html">歷史</a> | <a href="template/beautiful.html">風景</a> | <a href="template/tourism.html">旅游</a> | <a href="template/delicacy.html">美食</a> | <a href="template/new.html">動態</a> | <a href="template/leave.html">旅游</a>| <a href="template/connection.html">聯系我們</a></p><p>Copyright © 2015－2016 All Rights Reserved 版權所有 XXXXXXXXXXXXXXXXXX</p><p>地址：XXXXXXXXXXXXXXXXXX 來源:<a href="http://www.mycodes.net/" target="_blank">源碼之家</a> </p></div> </body></html>

五、學習資料

web前端零基礎-入門到高級 (視頻+源碼+開發軟件+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站

六、更多源碼

HTML5期末考核大作業源碼* 包含個人、美食、公司、學校、旅游、電商、寵物、電器、茶葉、家居、酒店、舞蹈、動漫、明星、服裝、體育、化妝品、物流、環保、書籍、婚紗、軍事、游戲、節日、戒煙、電影、攝影、文化、家鄉、鮮花、禮品、汽車、其他可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!

總結

以上是生活随笔為你收集整理的HTML5期末大作业：我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：一场农业“人机”对战，能否凿开农村致富新
下一篇：高数复习: 多元函数微分学及其应用