网页设计大赛
来源:互联网 发布:淘宝网滥用商标关键字 编辑:程序博客网 时间:2024/05/14 01:13
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我的四海兴唐</title>
<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--
作者:offline
时间:2017-11-18
描述:底部特效
-->
<style type="text/css">
a{text-decoration: none;}
</style>
<style>
#yourID
{
background-image: url(fonts/fonts/glyphicons-halflings-regular.svg);
height: 100px;
background-color: darkgray;
}
</style>
<!--
作者:offline
时间:2017-11-18
描述:地步特效结束
-->
<!--
作者:offline
时间:2017-11-23
描述:下载按钮
-->
<script type="text/javascript">
//在方法之外定义全局变量,此变量在一下声明的函数中都有效。
function testNum(){
alert(num);
}
var num = 0;
//js函数的运行 需要有触发机制,可以是dom对象的监听事件,也可以由其他的函数调用。
//js函数无返回值,因为js是弱类型的语言,
function test(){
alert("确定下载此文件吗?");
//return;
alert("已下载99%");
}
//js有返回值时直接返回,调用的时候
//也可直接return 结束方法的运行
//如果函数需要参数,直接定义参数名称,不需要定义参数类型。
</script>
</head>
<body>
<!--
作者:offline
时间:2017-11-17
描述:导航栏
-->
<nav class="navbar navbar-default" role="navigation" color="blue">
<div class="container-fluid">
<div class="navbar-header">
<a><img src="img/XT.jpg" style="width: 200px;"/></a>
</div>
<div>
<ul class="nav navbar-nav">
<li ><a href="index1.html"><font face="黑体">首页</font></a></li>
<li class="active"><a href="http://127.0.0.1:8020/bootstrap/%E4%B8%8B%E8%BD%BD%E8%AF%BE%E7%A8%8B1.html"><font face="黑体">下载课程</font></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><font face="黑体">
优秀作品</font>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href=“#” style="padding-left: 40px;">教育网站</a></li>
<li><a href="#" style="padding-left: 40px;">旅游管理</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-sm">
<li class="dropdown">
<a href="下载课程1.html" data-toggle="dropdown"><font face="黑体">
我的账号</font>
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="下载课程1.html" style="padding-left: 40px;">我的课内</a></li>
<li><a href="我的日志.html" style="padding-left: 40px;">我的课外</a></li>
</ul>
</li>
<li><a href="/about/" ">  </a></li>
</u>
</div>
</div>
</nav>
<div class="container">
<div style="height: 30px;"></div>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<ul class="breadcrumb">
<li><a href="下载课程1.html">第一阶段</a> </li>
<li><a href="下载课程2.html">第二阶段</a></li>
<li><a href="#">第三阶段</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-9">
<div class="list-group">
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第一节课:JAVA入门</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
计算机常识Java ;简介Java; 发展历史;Java现状;Java 语言特点;开发环境配置;第一个 Java 程序
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第二节课:JAVA基本语法</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
Java关键字,是Java语言规定的具有特定含义的标识符。Java的关键字对java的编译器有特殊的意义,
他们用来表示一种数据类型,或者表示程序的结构等,关键字一律由小写英文字母组成。
Java关键字类似人类语言中的虚词,具有特定的含义,是组成程序(相当于人类语言中的文章)的必要组成部分。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第三节课:JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元,一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构:按前后顺序执行的语句体。
2、分支结构:选择执行一部分语句体。
3、循环结构:循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第三节课:JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元,一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构:按前后顺序执行的语句体。
2、分支结构:选择执行一部分语句体。
3、循环结构:循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第四节课:JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元,一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构:按前后顺序执行的语句体。
2、分支结构:选择执行一部分语句体。
3、循环结构:循环执行一块语句体。
</p>
</div>
<div style="border: 1px dashed #2E6DA4;"></div>
<div class="list-group-item" style="border: none;">
<a href="#"><h4>第五节课:JAVA基本语句</h4></a>
<p class="text-muted">
<small>发布时间:2017-10-1</small>
<small class="pull-right">
<a href="#">
<input type="button" value="下载" onclick="test();">
</a>
<span class="badge"></span></small>
</p>
<p class="text-muted">
语句是程序的基本组成单元,一个软件就是一组语句的有序集合。
按照结构划分语句有三种形式
1、顺序结构:按前后顺序执行的语句体。
2、分支结构:选择执行一部分语句体。
3、循环结构:循环执行一块语句体。
</p>
</div>
</div>
<div class="text-left">
<ul class="pagination">
<li class="disabled"><a href="#">首页</a></li>
<li class="disabled"><a href="#">上一页</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="下载课程3.html">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">下一页</a></li>
<li><a href="#">尾页</a></li>
</ul>
</div>
</div>
<!--
作者:offline
时间:2017-11-19
描述:精品课程开始
-->
<div class="col-xs-3">
<div class="panel panel-default">
<div class="panel-heading" align="center">
推荐课程
</div>
<ul class="list-group" style="border: none;">
<li class="list-group-item" >
<a href="#" class="text-muted"><font color=#0000FF >JAVA入门</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >JAVA基本语法</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-封装</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-类和对象</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-继承,访问权限</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-类和对象</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >面向对象-继承,访问权限</font></a>
</li>
</ul>
</div>
<!-- 精品课程结束-->
<div style="height: 70px;"></div>
<div class="panel panel-default">
<div class="panel-heading" align="center">
重要通知
</div>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >天耀班进行扩招</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐开始招生</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >天耀班进行扩招</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐开始招生</font> <font size="1">2017-10-24</font></a>
</li>
<li class="list-group-item">
<a href="#" class="text-muted"><font color=#0000FF >兴唐杯比赛开始</font> <font size="1">2017-11-24</font></a>
</li>
</div>
</div>
</div>
</div>
</div>
<div style="height: 140px;" align="center" id="yourID" >
<div style="height: 30px;"></div>
<p>教务电话:0371-55255350 咨询QQ:2098758339</p>
<p>地址:郑州市高新区郑州大学南门升龙又一城B座10楼</p>
<a href="http://www.zzu.edu.cn/"><font color="#000000":>友情链接:郑州大学</font></a>
</div>
<!--底部描述结束 -->
</body>
</html>
阅读全文
0 0
- 网页设计大赛颁奖
- 网页设计大赛总结
- 网页设计大赛
- 网页设计大赛第一天
- 网页设计大赛第二天
- 网页设计大赛第三天
- 网页设计大赛第四天
- 网页设计大赛第五天
- 网页设计大赛第六天
- 网页设计大赛第七天
- 网页设计大赛第八天
- 网页设计大赛第九天
- 网页设计大赛第十天
- 网页设计大赛第十一天
- 网页设计大赛第十二天
- 网页设计大赛第十三天
- 网页设计大赛第十四天
- 网页设计大赛第十五天
- 浅拷贝和深拷贝理解
- BufferedReader与BufferedWriter(附加练习)
- Linux常用命令
- [知了堂学习笔记] jQuery Ajax
- JAVA摘要算法
- 网页设计大赛
- 学习总结6
- fdt命令的使用
- Python3爬虫学习4:降爬取的信息保存到本地
- 互斥同,-临界区,互斥量,信号量,事件
- mybatis表不存在的解决办法
- 今天是第一天所以写两个,这个是总结以前学到的一些知识看看自己以后的学习方向
- ubuntu开启ssh服务
- 检测url是否可用