900字范文 > web设计与制作｜DW故宫景点介绍网页设计制作｜web旅游景点网站模板成品｜html故宫介绍

web设计与制作｜DW故宫景点介绍网页设计制作｜web旅游景点网站模板成品｜html故宫介绍

时间：2019-12-13 08:19:34

HTML5期末大作业：旅游景点介绍网站设计——故宫介绍(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。网站首页景点列表景点小吃旅游攻略视频欣赏投诉建议

一共有

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：旅游景点介绍网站设计——故宫介绍(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>首页-the Imperial Palace</title><meta name="keywords" content="the Imperial Palace" /><meta name="description" content="the Imperial Palace" /><link href="css/main.css" rel="stylesheet" type="text/css" /></head><body><div class="top"><div class="logo"><a href="index.html"><img src="images/logo.png" height="60" /></a></div><div class="webnav"><ul><li class="licur"><a href="index.html" title="网站首页">网站首页</a></li><li><a href="list.html" title="景点列表">景点列表</a></li><li><a href="lyeat.html" title="景点小吃">景点小吃</a></li><li><a href="lygl.html" title="旅游攻略">旅游攻略</a></li><li><a href="vod.html" title="视频欣赏">视频欣赏</a></li><li><a href="lx.html" title="投诉建议">投诉建议</a></li></ul></div><div style="clear:both"></div></div><div class="banner"><img src="images/banner.jpg" height="279" width="1000" /> </div><div class="index_con"><div class="left"><div class="jsbox"><h3 class="s1"><span class="s1">故宫简介</span></h3><div class="js_con">北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区， 1961年被列为第一批全国重点文物保护单位； 1987年被列为世界文化遗产。</div></div><div class="pic_box"><h3 class="s3"><span class="s3">故宫美景</span></h3><script src="js/jquery-1.4.3.min.js"></script><script src="js/jQuery-jcMarquee.js" type="text/javascript"></script><script>$(function(){$('#Marquee_x').jcMarquee({'marquee':'x','margin_right':'10px','speed':20 });// DIVCSS5提示：10px代表间距，第二个20代表滚动速度});</script><div class="pic_con" id="Marquee_x"><ul><li><div><a href="#" target="_blank"><img src="images/1.jpg" /></a><span>故宫全景</span></div><div><a href="#" target="_blank"><img src="images/2.jpg" /></a><span>武英殿</span></div><div><a href="#" target="_blank"><img src="images/3.jpg" /></a><span>文华殿</span></div><div><a href="#" target="_blank"><img src="images/4.jpg" /></a><span>景仁宫</span></div><div><a href="#" target="_blank"><img src="images/5.jpg" /></a><span>御花园</span></div><div><a href="#" target="_blank"><img src="images/6.jpg" /></a><span>珍宝馆</span></div><div><a href="#" target="_blank"><img src="images/7.jpg" /></a><span>慈宁宫</span></div><div><a href="#" target="_blank"><img src="images/8.jpg" /></a><span>神武门</span></div></li></ul></div></div><div class="about"><h3 class="s3"><span class="s3">关于我们</span></h3><div class="about_con"><p><span class="a1">网站名称：</span><span class="b1">故宫旅游网</span></p><p><span class="a1">学校名称：</span>xxxx</p><p><span class="a1">地址：</span>xxxx</p><p><span class="a1">姓名：</span><span class="b1">xxxxx</span></p></div></div></div><div class="right"><div class="lb_box"><h3 class="s2"><span class="s2">今日推荐</span></h3><div class="lb_con"><img src="images/1.jpg" /></div></div><div class="list_box"><h3 class="s2"><span class="s2">相关资讯</span></h3><div class="list_con"><ul><li class="news"><a href="#">故宫游览路线</a></li><li class="news"><a href="#">故宫的历史介绍</a></li><li class="news"><a href="#">今日故宫开放景点</a></li><li class="news"><a href="#">故宫四季旅游介绍</a></li><li class="news"><a href="#">故宫季节美景观赏</a></li></ul></div></div></div><div style="clear:both"></div></div><div class="footer"><p>Copyright © -,xxx, All Rights Reserved</p></div><embed src="images/All.mp3" width="1" height="1" type="audio/mpeg" loop="true" autostart="true"></body></html>