web设计与制作｜DW故宫景点介绍网页设计制作｜web旅游景点网站模板成品｜html故宫介绍网页设计制作源码｜HTML5期末大作业...

编程知识行业动态更新时间:2024-06-13 00:21:03

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, 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" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/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 &#169; 2019-2020,xxx, All Rights Reserved</p>
</div>
<embed src="images/All.mp3" width="1" height="1" type="audio/mpeg" loop="true" autostart="true">
</body>
</html>

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)

适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

【百度网盘-源码下载地址】

链接：https://pan.baidu/s/1UdFzRE6mEKC5D1xALTMbYw

提取码：8888

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

更多推荐

web设计与制作｜DW故宫景点介绍网页设计制作｜web旅游景点网站模板成品｜html故宫介绍网页设计制作源码｜HTML5期末大作业...

本文发布于:2023-03-31 01:39:00，感谢您对本站的认可！

本文链接:https://www.elefans.com/category/jswz/fd0f17af14e43bb88d4fbc6d3dbdf83e.html