常見網頁設計作業題材有
個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他等網頁設計題目,A+水平作業, 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!
作者主頁-更多原始碼
HTML期末大作業文章專欄
作品介紹
1.網頁作品簡介 ：HTML期末大學生網頁設計作業 A+水平 ,喜歡的可以下載，文章頁支持手機PC回應式布局，
2.網頁作品編輯：作品下載后可使用任意HTML編輯軟體（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML軟體編輯修改網頁），
3.網頁作品技術：Div+CSS、滑鼠滑過特效、Table、導航欄效果、banner、表單、二級三級頁面等，視頻、 音頻元素 、Flash，同時設計了logo（源檔案），基本期末作業所需的知識點全覆寫，
文章目錄
- 作品介紹
- 一、作品展示
- 二、檔案目錄
- 三、代碼實作
- 四、學習資料
- 五、完整原始碼
- 六、更多原始碼
一、作品展示
二、檔案目錄
三、代碼實作
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1e1e1e1/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>廣東廣映影視傳媒有限公司</title>
<script src="jquery.js"></script>
<link href="comment.css" rel="stylesheet">
<style>
.about{ background-color:#fafafa; }
.aboutbox{ width:1000px; margin-left:auto; margin-right:auto;}
.abouttitle{ width:260px; height:80px; margin-bottom:50px; margin-top:60px; float:left;}
.businessline{ width:1000px; height:1px; background-color:#e1e1e1;float:left;}
.news{}
.newsbox{ width:1000px; margin-left:auto; margin-right:auto; background-image:url(images/newsline_03.png); background-position:bottom; background-repeat:no-repeat;}
.newsimgbox{ width:225px; height:158px; margin-bottom:35px; margin-top:35px; margin-left:20px; float:left;}
.newstextbox{ width:705px; height:148px; margin-top:40px; float:left; margin-left:30px; margin-right:20px; cursor:pointer;}
.newstextbox h1{ font-family:"微軟雅黑"; font-size:18px; color:#343434; margin-bottom:6px;}
.newstextbox h6{ font-family:"微軟雅黑"; font-size:12px; color:#a8a8a8; margin-bottom:16px;}
.newstextbox p{ font-family:"宋體"; font-size:12px; color:#807f7f; text-indent:2em; line-height:22px;}
.newstextbox .color{ color:#00aae8;}
.paper{ background-color:#fafafa; margin-top:-1px; }
.paperbox{ width:1000px; margin-left:auto; margin-right:auto; padding-bottom:30px;}
.paperline{ width:1000px; height:1px; background-color:#e1e1e1;}
.papermain{ width:398px; margin-left:auto; margin-right:auto; margin-bottom:15px; margin-top:15px;}
.papermain a{ display:block; float:left; font-family:"微軟雅黑"; font-size:12px; line-height:30px; text-align:center; color:white; cursor:pointer;}
.papertop{ width:70px; height:30px; background-color:#2b2b2b; margin-left:3px; margin-right:3px;}
.papercenter{ width:35px; height:30px; background-color:#2b2b2b; margin-left:3px; margin-right:3px;}
.papercenter1{ width:35px; height:30px; background-color:#00aae8; margin-left:3px; margin-right:3px;}
.papermain .other{ background-color:#00aae8;}
</style>
</head>
<body>
<div class="nav">
<div class="navbox overflowH">
<div class="logo" > <img src="images/logo.png"></div>
<div class="navtext">
<a href="index.html">首頁</a>
<a href="about.html"> 關于我們</a>
<a href="business.html">業務范圍</a>
<a href="project.html">專案案例</a>
<a href="cooperation.html">合作流程</a>
<a href="news.html"><span>新聞資訊</span></a>
<a href="jobs.html">人才招聘</a>
</div>
</div>
</div>
<div class="about">
<div class="aboutbox overflowH">
<div class="abouttitle overflowH">
<div class="maintitle">新聞資訊</div>
<div class="englishtitle">News</div>
<div class="englishtitlesmall">Rtcently to do</div>
<div class="smalltitle">關注我們，關注前沿</div>
</div>
<div class="aboutcurrent overflowH"><a href="#">當前位置：新聞資訊</a></div>
<div class="businessline overflowH"></div>
</div>
</div>
<div class="news">
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_03.png"></div>
<div class="newstextbox">
<h1 class="color">超聯便攜式掃描議產品專題片拍攝完畢</h1>
<h6>2015/04/01</h6>
<p> 超聯便攜式掃描儀產品專題片的核心立意點在“深入消費者心靈”，感同身受才會被影片所吸引，深入內心才是真實的感動，對品牌產生信任和好感，最終產生購買行動，</p>
<p> 因此一世界在表現本片時采用了時尚、科技的表現手法，通過演員的演員，從受眾對品質生活的......</p>
</div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_06.png"></div>
<div class="newstextbox">
<h1>白云區《美麗區》大型文藝晚會順利閉幕</h1>
<h6>2015/04/24</h6>
<p> 4月2日，廣映傳媒與城共舞，合奏吹曲白云區美麗區之年創變集結號，</p>
<p> 白云區美麗區盛典于4月2日在白云區召開，在此會議上，白云區向大眾合作伙伴深度決議2014年度的發展戰略，“大地之愛”公益營銷戰略何以愛贏得每一場勝利......</p>
</div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_08.png"></div>
<div class="newstextbox">
<h1>深圳藍天網系列廣告拍攝完成</h1>
<h6>2015/04/29</h6>
<p> 日前，深圳藍天網系列廣告拍攝完成，</p>
<p> 廣告片分為3篇：優惠篇、便捷篇、安全篇，主要表現藍天網的價格優惠、直接便利、安全可靠等優勢......</p>
</div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_10.png"></div>
<div class="newstextbox">
<h1>藍天家居系列專題片拍攝完畢</h1>
<h6>2015/03/01</h6>
<p>藍天便攜式掃描儀產品專題片的核心立意點在“深入消費者心靈”，感同身受才會被影片所吸引，深入內心才是真實的感動，對品牌產生信任和好感，最終產生購買行動，</p>
<p> 因此一世界在表現本片時采用了時尚、科技的表現手法，通過演員的演員，從受眾對品質生活的......</p>
</div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_03.png"></div>
<div class="newstextbox">
<h1>超聯便攜式掃描議產品專題片拍攝完畢</h1>
<h6>2015/04/01</h6>
<p> 超聯便攜式掃描儀產品專題片的核心立意點在“深入消費者心靈”，感同身受才會被影片所吸引，深入內心才是真實的感動，對品牌產生信任和好感，最終產生購買行動，</p>
<p> 因此一世界在表現本片時采用了時尚、科技的表現手法，通過演員的演員，從受眾對品質生活的......</p>
</div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_12.png"></div>
<div class="newstextbox">
<h1>泰金春節晚會拍攝完畢</h1>
<h6>2015/2/01</h6>
<p> 在拍攝本片時，為了能把先進的設備拍得真實、美觀，特別注意遠景和近景的把握和交替運用，</p>
<p> 同時，為了表現出皮具的優秀品質，燈光方面的設備也要求相對嚴格，而且，在皮具的細節特寫鏡頭，恰到好處地向觀眾傳達出皮具精雕細刻的特征,完美地表現出中美皮具，尊崇...... </p>
</div>
<div class="newsline"></div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_14.png"></div>
<div class="newstextbox">
<h1>華星便攜式掃描議產品專題片拍攝完畢</h1>
<h6>2015/05/10</h6>
<p> 華星便攜式掃描儀產品專題片的核心立意點在“深入消費者心靈”，感同身受才會被影片所吸引，深入內心才是真實的感動，對品牌產生信任和好感，最終產生購買行動，</p>
<p> 因此一世界在表現本片時采用了時尚、科技的表現手法，通過演員的演員，從受眾對品質生活的......</p>
</div>
<div class="newsline"></div>
</div>
<div class="newsbox overflowH">
<div class="newsimgbox"><img src="images/news_16.png"></div>
<div class="newstextbox">
<h1>思樂珠寶外模攝影在深圳完成</h1>
<h6>2015/05/21</h6>
<p> 思樂珠寶專題片的核心立意點在“深入消費者心靈”，感同身受才會被影片所吸引，深入內心才是真實的感動，對品牌產生信任和好感，最終產生購買行動，</p>
<p> 因此一世界在表現本片時采用了時尚、科技的表現手法，通過演員的演員，從受眾對品質生活的......</p>
</div>
<div class="newsline"></div>
</div>
</div>
<div class="paper">
<div class="paperbox overflowH">
<div class="paperline"></div>
<div class="papermain overflowH">
<a href="#" class="papertop">上一頁</a>
<a href="#" class="papercenter1">1</a>
<a href="#" class="papercenter">2</a>
<a href="#" class="papercenter">3</a>
<a href="#" class="papercenter">4</a>
<a href="#" class="papercenter">…</a>
<a href="#" class="papercenter">8</a>
<a href="#" class="papertop">下一頁</a>
</div>
<div class="paperline"></div>
</div>
</div>
<div class="footer">
<div class="footerbox overflowH">
<div class="links">
<h1>友情鏈接</h1>
<h1>Links</h1>
</div>
<div class="linksa">
<a href="#">CGHUB | </a>
<a href="#">CGSOCIETY | </a>
<a href="#">VANGAVFX | </a>
<a href="#"> MODUS | </a>
<a href="#">HOUDINI | </a>
<a href="#"> PIXOLOGIC | </a>
<a href="#"> AUTODESK | </a>
<a href="#"> 優酷 | </a>
<a href="#"> VERYCD 新浪 | </a>
<a href="#"> 廣州聯雅網 | </a>
<a href="#"> 百度 | </a>
<a href="#"> 阿里巴巴 | </a>
</div>
<div class="footerline"></div>
<div class="links">
<h1>聯系我們</h1>
<h1>Contact</h1>
</div>
<div class="linksa">
<ul class="contactleft">
<li>銷售熱線：4006-854-855</li>
<li>VIP 專線：0775-2955 6666</li>
<li> 電子郵箱：18360296@pe168.com</li>
<li> 公司地址：廣州市天河區廣州大道中900號501房之自編D07單位</li>
</ul>
</div>
<div class="weixin"> <a href="#"><img src="images/photo_123.png"></a></div>
</div>
</div>
</body>
</html>
四、學習資料
web前端 零基礎-入門到高級 (視頻+原始碼+開發軟體+學習資料+面試題) 一整套 (教程)
適合入門到高級的童鞋們入手~送1000套HTML+CSS+JavaScript模板網站
五、完整原始碼
【百度網盤-原始碼下載地址】
鏈接：https://pan.baidu.com/s/1UdFzRE6mEKC5D1xALTMbYw
提取碼：8888
六、更多原始碼
HTML5期末考核大作業原始碼* 包含 個人、 美食、 公司、 學校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動漫、 明星、 服裝、 體育、 化妝品、 物流、 環保、 書籍、 婚紗、 軍事、 游戲、 節日、 戒煙、 電影、 攝影、 文化、 家鄉、 鮮花、 禮品、 汽車、 其他 可滿足大學生網頁大作業網頁設計需求, 喜歡的可以下載!
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/341941.html
標籤：其他
上一篇：基于FPGA的籃球計分器