学生网页作业 榆林子州网站设计—榆林子州-含论文(6页) 榆林子州旅游网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业
2024-04-13 02:50:05
HTML5期末大作业：榆林子州网站设计——榆林子州-含论文(6页) 榆林子州旅游网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业
常见网页设计作业题材有
个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他等网页设计题目,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代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业
- 作品介绍
- 一、作品展示
- 二、文件目录
- 三、代码实现
- 五、学习资料
- 六、更多源码
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE HTML>
<html>
<head>
<title>榆林子州</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"> </script>
<script type="text/javascript">jQuery(document).ready(function($) {$(".scroll").click(function(event){ event.preventDefault();$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);});});
</script>
</head>
<body><!-- banner --><div class="banner"><!-- container --><div class="container"><div class="header"><div class="logo"><a href="index.html">榆林子州</a></div><div class="icons"><ul><li><a href="#" class="facebook"> </a></li><li><a href="#" class="facebook twitter"> </a></li><li><a href="#" class="facebook chrome"> </a></li><li><a href="#" class="facebook dribbble"> </a></li></ul></div><div class="clearfix"> </div></div><div class="top-nav"><span class="menu">菜单</span><ul class="nav1"><li><a href="index.html" class="active">子州简介</a></li><li><a href="history.html">文化历史</a></li><li><a href="accomdation.html">住宿</a></li><li><a href="food.html">子州美食</a></li><li><a href="#news" class="scroll">景区公告</a></li><li><a href="contact.html">联系我们</a></li></ul><!-- script-for-menu --><script>$( "span.menu" ).click(function() {$( "ul.nav1" ).slideToggle( 300, function() {// Animation complete.});});</script><!-- /script-for-menu --></div></div><!-- //container --><div class="banner-text"><!-- container --><div class="container"><ul><li>子洲县位于陕北黄土高原丘陵沟壑区腹地，榆林市南缘，为纪念革命烈士李子洲而命名。</li></ul></div><!-- //container --></div></div> <!-- //banner --><!-- banner-bottom --><div class="banner-top-slide"><div class="banner-bottom-top"><h4>全民抗疫</h4><p>团结一致，万众一心，早日战胜疫情，武汉加油，中国加油</p></div><div class="banner-bottom-bottom"><div class="banner-top-slide-grids"><script src="js/responsiveslides.min.js"></script><script>// You can also use "$(window).load(function() {"$(function () {// Slideshow 4$("#slider3").responsiveSlides({auto: true,pager: true,nav: false,speed: 500,namespace: "callbacks",before: function () {$('.events').append("<li>before event fired.</li>");},after: function () {$('.events').append("<li>after event fired.</li>");}});});</script><div id="top" class="callbacks_container"><ul class="rslides" id="slider3"><li><div class="banner-slid"><h3>同舟共济</h3><p>居家隔离，减少外出，就是最好的防护;</br>听从号召尽量待在家中，不串门不聚会;</br>正确佩戴口罩，做好防护，养成良好卫生习惯。</p></div></li><li><div class="banner-slid"><h3>坚定信心</h3><p>科学宣传疫情防护知识，提高公众自我保护意识;</br>加强防控，一起加油。众志成城，抗击疫情;</br>疫情就是命令，防控就是责任。</p></div></li></ul></div></div></div></div><!-- //banner-bottom --><!-- welcome --><div class="welcome"><!-- container --><div class="container"><div class="welcome-info"><h3>Hello there!</h3><h5>新的一年，打卡子州的正确姿势</h5><h4>你要不要跟我走？ <a href="follow-me.html">嗯，点这里>></a></h4></div></div><!-- //container --></div><!-- //welcome --><div class="copyrights">Collect from </div><!-- banner-bottom --><div class="banner-bottom"><!-- container --><div class="container"><div class="banner-bottom-info"><h3>子州过年习俗</h3><p>陕北的春节，各种民俗活动异彩纷呈，闹秧歌，庙会，打醮，说书等百花齐放，可谓是热闹非凡<a href="handie.html">更多>></a></p></div><div class="banner-bottom-grids"><div class="col-md-6 banner-bottom-grid"><div class="col-md-5 banner-bottom-left"><img src="data:images/xs1.jpg" alt=""></div><div class="col-md-7 banner-bottom-right"><h4>秧歌朝拜佛祖</h4><p>打醮本是道士设坛为人做法事，求福禳灾的一种法事活动。一般是在冬天农事告一段落的时候，农民们为了感谢神灵带来一年的收获，祈求上苍赐福庇佑来年风调雨顺、五谷丰登，消灾免难，吉祥安康，而举行各种祭祀活动，而打醮便是其中的一项重要的活动。</p></div><div class="clearfix"> </div></div><div class="col-md-6 banner-bottom-grid"><div class="col-md-5 banner-bottom-left"><img src="data:images/xs2.jpg" alt=""></div><div class="col-md-7 banner-bottom-right"><h4>转幡</h4><p>在众多的祭祀活动中，转幡也是一项规模比较大的佛事活动。转幡也称祭幡，就是凡来参加祭事活动的村民都要手执法器、排例成行、跟随佛教居士在空阔平整的地上围绕着栽在地上的绑着一把朝向天空的高高在上的扫帚旋转，绑着的扫帚谓之“扫天晴”。</p></div><div class="clearfix"> </div></div><div class="clearfix"> </div></div></div><!-- container --></div><!-- //banner-bottom --><!-- news --><div id="news" class="news"><div class="container"><div class="news-text"><h3>子州景区</h3><p>因外界各种原因给您带来的麻烦，我们在此感到深深的抱歉，感谢您的谅解，祝您游玩愉快！</p></div><div class="news-grids"><div class="col-md-3 news-grid"><h4>子洲西峰寺</h4><span>2020.02.07</span><img src="data:images/ticket.jpg" alt=""><div class="news-info"><p>子洲县瓜园则湾乡政府东北2公里处有一块山地，名叫芦草坛，其上有一西峰寺，依山而建。北临乏牛山，西北与柏全山相望。芦草坛虽不雄伟壮观，却也峻峭，人若站于其顶眺望，视野倒也开阔，更因其西峰寺而遐迩闻名。西峰寺坐西北面东南，占地约3亩，一个独院。正殿由三孔拱形洞组成，纯砖结构，顶呈硬山式，用黄色琉璃瓦铺顶，飞檐翘角，兽头独尊，遥遥相望，顶上中有三层小0，独特精致,引人注目。正殿走廊四柱支撑，朱柱彩壁，画栋雕梁，十分生动。</p></div></div><div class="col-md-3 news-grid"><h4>子洲大洪寺</h4><span>2020.02.07</span><img src="data:images/ticket.jpg" alt=""><div class="news-info"><p>子洲城西五里大理河北岸有大洪寺。“据庙内碑记载，明景泰初年，信士诸公创修庙于底石崖，延及成化年间乃修葺于中峰之巅，后世多次重修，1917年——1920年再重修葺”。(1958年文物普查记录)其寺据今已有550多年的历史了。大洪寺面南而建，与大理河南岸之青龙山、克戎寨(今张家寨)遥遥相对。</p></div></div><div class="col-md-3 news-grid"><h4>淮宁河</h4><span>2020.02.07</span><img src="data:images/ticket.jpg" alt=""><div class="news-info"><p>淮宁河无定河，陕北最著名的一条河。它从遥远的三边高原西南部的白于山脉奔腾而来，它在陡峭的石壁间、狭窄的河谷里咆哮冲撞，夺路东下，在莽莽的山沟大川上，又有无数的大河小溪从四面八方汇入了它博大的怀抱。淮宁河，就是这无数支流中的一条河流。它发源于子长县石家湾乡高柏山麓的枣树畔村，流经子长、子洲、绥德三县的十个乡镇，近百个村庄，最后从绥德县邓家楼村入无定河，全长85．2公里，流域总面积1222平方公里。</p></div></div><div class="col-md-3 news-grid"><h4>子洲柏全山</h4><span>2020.02.07</span><img src="data:images/ticket.jpg" alt=""><div class="news-info"><p>柏全山位于瓜园则湾乡政府驻地南3公里处。据传说，此山曾有4株枝叶繁茂的大柏树，故名柏全山。柏全山北高南低，山巅上有一古庙，主奉天皇、地皇、人皇，简称为“三皇庙”。坐北面南，正殿为三孔硬山形顶拱式砖窑，整个寺院虽然面积不大，但布局合理，层次分明，有泥塑五十余尊，保持有晚清风格。</p></div></div><div class="clearfix"> </div></div></div></div><!-- //news --><!-- footer --><div class="footer"><!-- container --><div class="container"><div class="col-md-6 footer-left"><h3>联系我们</h3><form><input type="text" placeholder="电子邮件,例如1435469178@qq.com" required=""><input type="submit" value="提交"></form></div><div class="col-md-3 footer-middle"><h3>地址</h3><div class="address"><p>陕北黄土高原丘陵沟壑区腹地<span>榆林市南缘</span></p></div><div class="phone"><p>0573-88731088</p></div></div> <div class="col-md-3 footer-right"><div class="f-logo"><a href="index.html">榆林子州</a></div><p>陕北黄土高原丘陵沟壑区腹地，榆林市南缘</p></div><div class="clearfix"> </div> </div><!-- //container --></div><!-- //footer --><!-- copyright --><div class="copyright"><!-- container --><div class="container"><div class="copyright-left"></div></div><!-- //container --></div><!-- copyright -->
</body>
</html>五、学习资料
web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
六、更多源码
HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
学生网页作业 榆林子州网站设计—榆林子州-含论文(6页) 榆林子州旅游网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业相关推荐
- HTML5期末大作业：榆林子州网站设计——榆林子州-含论文(6页) 榆林子州旅游网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业
HTML5期末大作业:榆林子州网站设计--榆林子州-含论文(6页) 榆林子州旅游网页HTML代码 学生网页设计与制作期末作业下载 大学生网页设计与制作成品下载 DW旅行网页作业 常见网页设计作业题材有 ...
- JSPSSM204旅游景点线路网站 java毕业设计源码含论文和答辩ppt
本旅游网站采用JSP技术,Mysql数据库开发,充分保证了系统稳定性.完整性. (1)系统响应效率:由于是旅游网站,因此就需要系统的响应效率是非常高的,并且可以支持很多人同时进行系统的使用. (2) ...
- 基于html家具装饰网站设计毕业设计.rar（含论文毕设+项目源码+答辩设计+成绩评分表+评定表）
随着科技的飞速发展,时代的不断变迁,人们对于信息的渴望程度日益剧增,对随时随地都能够获取信息更是充满期待,对获取的信息的真实性.安全性等的要求也是越来越高.伴随着人们的审美观念不断提高,对视觉效果上的 ...
- javaweb二手商品供求网设计与实现（含论文下载）
1前言 1 1.1课题背景与意义 1 1.2课题设计目的 2 2系统需求分析 3 2.1系统需求 3 2.2数据库需求 4 2.3运行环境需求 5 2.4系统结构图 6 3系统设计 7 3.1数据库设 ...
- 基于PHP+MySQL美食分享网站的设计与实现（含论文）
本系统是一个基于PHP和MySQL的美食分享网站,在本网站中用户可以通过注册登录来查看其他人分享的美食,查看周边好吃的店铺,分享和管理自己的美食,并且可以对他人分享的美食进行评论等一系类操作,通过这些 ...
- javaweb体育新闻网站设计与实现(毕业设计含论文文档)
第 1 章 绪论 1 1.1课题背景 1 1.2背景意义 1 1.3研究的内容 1 第 2 章 相关技术 3 2.1JSP 技术 3 2.2JAVA 技术 3 2.3MyEclipse 简介 4 2. ...
- 基于JSP的网上招标系统的设计与实现（含论文）
开发环境: Eclipse/MyEclipse.Tomcat8.Jdk1.8 数据库: MySQL 适用于: 课程设计,毕业设计,学习等等 系统介绍:
- 基于PHP+MySQL汽车票订票系统的设计与实现（含论文）
从前,对汽车站的管理和规范问题一直是困扰政府的一个大难题,如何让人们方便快捷的买到自己想去的城市的票一直是一个问题. 但是现在,随着时代的飞速发展,交通越来越发达,人们可以更加方便的去各个城市,回家也 ...
- 全国大学生电子设计竞赛历届题目
全国大学生电子设计竞赛历届题目 第一届(1994年)全国大学生电子设计竞赛题目 4 题目一 简易数控直流电源 4 题目二 多路数据采集系统 5 第二届(1995年)全国大学生电子设计竞赛题目 6 题目 ...
最新文章
- QIIME 2用户文档. 17鉴定和过滤嵌合体序列q2-vsearch(2019.7)
- Android中removeCallbacks失效原因
- rust高级矿场_高级 Rust 所有权管理
- PHP数据结构算法实例
- [存储引擎基础知识]InnoDB与MyISAM的六大区别（非原创）
- 201024阶段二Linux
- 天下为公：TCP堵塞控制
- ES6的开发环境搭建
- 这一天，我用 Rust 重写了已有 19 年历史的 C++ 库！
- python requests post请求_Python“requests”模块中的POST请求无法正常工作
- Mysql中将查询出来的多列的值用逗号拼接
- STM32中assert_param的使用
- TextCNN(文本分类)
- 手机通过WiFi控制电脑
- 路由器服务器修改密码,TP-Link TL-WR842N路由器设置密码
- java去除水印,Java 删除/复制Word文档水印
- 自然语言处理NLP简介
- MSDC 4.3 接口规范（12）
- ICLR 2022论文双盲通过却被爆抄袭：数据算法全部照搬，第二页几乎空白
- 银行卡资费转帐汇款取款_收费标准参考_中行_建行_工行_农行_招行_兴业等