当前位置: 首页 > news >正文

web前端开发网页制作html/css结课作业

效果图展示:

 注意事项:

        引用JQuery文件地址和图片地址要更换一下。

百度网盘链接:

http://链接:https://pan.baidu.com/s/1wYkmLr7csjBwQY6GmlYm4Q?pwd=4332 提取码:4332

html界面展示:

main.css代码部分:

@keyframes load {0% {width:0%;} 100% {width:100%;}}
.trent-slider {float:right;width:660px;position:relative;overflow:hidden;}
.t-slide {position:absolute;left:0;right:0;bottom:0;top:0;transition:.30s;}
.t-slide img {width:660px; height:301px;float:right;margin-top:5px;}
.t-slider-controls {height:311px;position:absolute;top:0;bottom:0;left:0;right:0;} 
.t-slider-controls .arrow {height:311px;min-height:100%;width:50px;position:relative;transition:.10s;}
.t-slider-controls .arrow:hover {cursor:pointer;}
.t-slider-controls .right-arrow {height:311px;float:right;} 
.t-slider-controls .left-arrow {height:311px;float:left;}
.t-slider-controls .arrow .arrow-container {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px;}
.t-slider-controls .arrow .arrow-container .arrow-icon {position:relative;width:42px;height:42px;color:#fafafa;border-radius:50%;}
.t-slider-controls .arrow .arrow-container .arrow-icon i {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.t-slider-controls .t-load-bar {position:absolute;right:0;top:301px;width:661px;height:5px;}
.t-slider-controls .t-load-bar .inner-load-bar {background:rgba(200,200,200,0.65);height:100%;}
.t-slider-controls .t-dots-container {position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:20px;min-width:350px;}
.t-slider-controls .t-slide-dots-wrap {height:100%;width:100%;position:relative;}
.t-slider-controls .t-slide-dots {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;content:"";clear:both;}
.t-slider-controls .t-slide-dots .t-dot {background:#fafafa;width:8px;height:8px;margin:5px 5px 0;float:left;border-radius:50%;transition:.30s;} 
.t-slider-controls .t-slide-dots .t-dot.current-dot,.t-slider-controls .t-slide-dots .t-dot:hover {transform:scale(1.65);cursor:pointer;}
/*close slider css*/
@media screen and (min-width:768px) {.t-slider-controls .arrow:hover {background:rgba(0,0,0,0.32);}}

css.css代码部分:

@charset "utf-8";
/* CSS Document */*{margin:0 auto;padding:0;text-decoration:none;}body{background:url(../images/bg.png);background-repeat:no-repeat;background-size:100%;}#heada{width:100%;}#hezia{width:1000px;}#hezib{width:1000px;}#hezic{width:1000px;}#hezid{width:1000px;}#f{height:40px;background-color:#f6f6f6;box-shadow:1px 1px 1px #dfdfdf;}#fa{width:1000px;height:40px;}#fa p{font-family:"宋体";font-size:12px;position:relative;top:17px;}#fa p font{position:relative;bottom:3px;color:#434343;font-size:13px;}#fb{width:1000px;height:110px;}#fba{width:430px;margin-left:0;}#fbax{width:200px;margin-left:0;}#fbax span{position:relative;top:25px;left:5px;}#fbb{width:150px;position:relative;left:550px;bottom:80px;}#fbbx{position:relative;left:50px;bottom:43px;}#fbbx span{letter-spacing: 2px;}#fbbxx{position:relative;bottom:39px;left:115px;background-color:#eb7f0a;width:140px;height:36px;}#fbbxx img{position:relative;left:20px;top:10px;}	#fbbxx a{position:relative;left:27px;top:4px;color:#FFF;}#heada{margin:0 auto;}/*	.atx{text-align:center;			background-color:#1f78dd;padding:10px 0;margin-left:5px;}.atx a{color:#FFF;padding:10px 18px;border-right:0.5px #4fa7ef solid;font-size:16px;}.atx a:hover{background-color:#eb7f0a;}	*/.atxb {font-size:14px;width:100%;text-align:center;	background-color:#f4f4f4;padding:5px 0;box-shadow:1px 1px 1px #CCC;}.atxb a{padding:0 10px;position:relative;right:300px;color:#7e7e7e;border-right:1px solid #7e7e7e;}.atxb a:hover{color:#1e60b6;}.atxblack{color:black;}#hezia{margin-top:10px;}.boxa{float:left;width:330px;margin-top:5px;background-color:#f2f2f2;	  }.boxax b{margin-top:10px;}.boxax hr{margin:0 0 5px;}.boxax{width:330px;height:296px;}.boxax img{float:left;margin:5px 15px 0 10px;}.boxaxx{width:330px;height:105px;}.boxbr li{list-style-type:none;line-height:30px;}.boxa li a{font-size:14px;}.boxbr{position:relative;bottom:10px;border:1px solid #f2f2f2;border-top:1px solid #2c72d4;float:right;width:280px;background-color:#FFF;line-height:45px;}.boxbr a{font-family:"宋体";font-size:16px;border-radius:5px;display:inline-block;margin:10px 5px;color:#FFF;}.boxbl{position:relative;bottom:10px;float:left;width:700px;background-color:#FFF;border:3px #eaeaea solid;}.boxbl li{list-style-type:none;}.boxbll{float:left;width:200px;margin:0 20px;}.boxbll p,.boxblm p,.boxblr p{text-align:center;margin-bottom:10px;}.boxbll p{color:c76a06;}.boxblm{width:200px;}.boxblr{float:right;width:200px;margin:0 20px;}.boxcr{float:right;}.boxca{width:700px;height:30px;border-bottom:2px solid #3775d0;margin-bottom:20px}.boxcl{float:left;width:700px;margin-top:20px;}.boxcl img,.boxd img{ border:4px solid #FFF;box-shadow: 0 0 0 1px #f2f2f2;}.boxclr{float:right;width:470px;}.boxcy{float:right;width:280px;border:1px solid #f2f2f2;margin:10px 0 0 10px;}.boxd{width:700px;float:left;margin-top:20px;}.boxd340{width:340px;float:left;}.boxax li{margin-left:30px;}.boxd340 li{margin-left:20px;}.boxd340 li a{font-size:14px;}.boxda{width:340px;float:left;margin-bottom:10px;border-bottom:1px dashed #c7c7c7;}.boxdb{position:relative;left:20px;width:340px;float:right;margin-bottom:10px;border-bottom:1px dashed #c7c7c7;}.boxdba{position:relative;left:20px;width:340px;float:right;}	.boxdxf{width:215px;float:right;}.boxdy{float:right;width:280px;margin-top:10px;border-top:1px solid #2c72d4;border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}.boxdy li{color:#ee7a01;font-size:12px;line-height:30px;margin-left:20px;}.boxdy li a{color:#5b5b5b;}.boxdy input{margin:5px 13px;}#end{position:absolute;left:0;top:1730px;float:left;width:100%;background-color:#eeeeee;border-top:4px solid #dfdfdf;}.endax{width:1000px;height:30px;margin-bottom:20px;}.enda{margin:0 auto;width:1000px;margin-bottom:20px;}.boxe{float:left;width:135;height:25px;margin:5px 30px;}.enda tr{line-height:30px;}.enda td{width:166px;}		.enda p{color:#363636;margin:20px 0;font-size:20px;}.enda p a{color:#c76a06;}.endb{width:1000px;margin-top:10px;margin-bottom:20px;}.endb p{color:#5b5b5b;font-size:12px;line-height:50px;text-align:center;}<!--//float:right;margin-top:5px;-->/* 导航条 */.nav li a{color:#FFF;font-size:18px;}.nav ul{width:1000px;}	.nav li{	color:#FFF;padding:0px 25px;border-right:1px solid #FFF;position:relative;left:20px;top:10px;z-index:999;}.nav{width:100%;height: 40px;text-align:center;			background-color:#1f78dd;		}.navItem{	float: left;width:0 auto;display: block;}.navItem:hover{background-color: #eb7f0a;color: #FFF;}.dropList{background-color:#f2f2f2;clear: both;text-align:left;position: absolute;top:20px;margin:0;padding:5px ;border:1px solid #000;border-radius:8px;display: none;width: 260px !important;}.dropList li a{color:#1e60b6;}.dropList li {margin:0px;position:static;z-index:999;border-bottom:1px solid #000;padding:5px 20px;color:#FFF;}.dropItem:hover{background-color:#eb7f0a;color: white;		}.navItem:hover .dropList{display:block;}.one,.two,.three,.four{opacity:0.6;background-color:#000;text-align:center;color:#FFF;}.one{float:right;position:relative;right:218px;bottom:155px;width:112px;height:20px;font-size:14px;}.two{position:relative;right:377px;top:538px;width:200px;height:30px;font-size:15px;z-index:500;}	.three{position:absolute;right:892.5px;top:766px;width:200px;height:30px;font-size:15px;z-index:500;}.four{position:absolute;right:662.5px;top:766px;width:200px;height:30px;font-size:15px;z-index:500;}

html界面代码部分:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>结课作业</title>
<link type="text/css" rel="stylesheet" href="css/css.css" >
<link rel="stylesheet" href="css/main.css">
<script src="./jquery-3.7.1.min.js"></script>
<script src="../实验报告3/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){$('#heada').find('li').css({'list-style':'none'});$('#heada').find('a:eq(0),a:eq(1),a:eq(5),a:eq(10),a:eq(14),a:eq(17),a:eq(21),a:eq(26)').css({'color':'#FFF'});$('#fa').find('p:first').css({'float':'left','color':'#818080'});$('#fa').find('p:eq(1)').css({'float':'right'});$('#fba').find('img:eq(0)').css({'float':'left','margin':'20px 0'});$('#fba').find('span:eq(0)').css({'color':'#0755aa','font-size':'28px'});$('#fba').find('span:eq(1)').css({'color':'#f07e04','font-size':'22px'});$('#fba').find('img:eq(1)').css({'position':'relative','left':'130px','bottom':'30px','padding':'15px','border-left':'2px solid #99acc0'})$('#fba').find('span:eq(2)').css({'font-size':'12px','color':'#4b4b4b','position':'relative','top':'20px','left':'3px','letter-spacing':'4px','border-top':'1px solid #99acc0'});$('#fba').find('p:last').css({'color':'#c16400'});$('#heada').find('li:eq(26)').css({'border-right':'none'});$('.atxb').find('a:last').css({'border-right':'none'});})
</script>
<script type="text/javascript">$(document).ready(function(){$('#hezia').find('a:first').css({'background-color':'#2d7def','color':'#FFF','padding':'5px 20px'});$('#hezia').find('p:first').css({'margin':'5px 0 '});$('#hezia').find('a:eq(1)').css({'color':'#1e60b6','font-size':'14px'});$('#hezia').find('p:eq(1)').css({'margin':'0 10px 10px','font-size':'14px','line-height':'25px','color':'#909090'});$('#hezia').find('a:eq(2)').css({'color':'#2d7def','font-size':'14px'});$('.boxax,.boxd340').find('li').css({'list-style-image':'url(images/xc.jpg)','line-height':'30px'});$('.boxax,.boxd340').find('li').find('a:first').css({'color':'#1e60b6'})$('.boxax,.boxd340').find('li').find('a:eq(1)').css({'color':'#5b5b5b'})$('.boxd340').find('li').find('span').css({'color':'#888888','font-size':'10px','float':'right'})$('.boxd340').find('li:last').css({'margin-bottom':'20px'})})
</script>
<script type="text/javascript">$(document).ready(function(){$('#hezib').find('p:first').css({'margin':'10px 20px'});	$('#hezib').find('img:first').css({'margin-right':'10px','position':'relative','bottom':'5px'});	$('#hezib').find('img:eq(1)').css({'margin-left':'10px','position':'relative','bottom':'5px'});	$('.boxbl').find('font').css({'color':'#1462bd','font-size':'18px'});$('.boxbll').find('a:eq(0)').css({'color':'#c76a06'});$('.boxblr').find('a:eq(0)').css({'color':'#1e60b6'});$('.boxblm').find('a:eq(0)').css({'color':'#ba1533'});$('.boxblr,.boxbll,.boxblm').find('img').css({'margin-top':'5px'});$('.boxblr,.boxbll,.boxblm').find('a:eq(1)').css({'display':'inline-block','color':'#FFF','background-color':'#eb7f0a','padding':'0px 15px','margin':'10px 45px 15px'});$('#hezib').find('span').css({'color':'#5b5b5b'});$('.boxblr,.boxbll,.boxblm').find('span:last').css({'color':'#b61e1e'});	$('#hezib').find('li').css({'font-size':'12px','line-height':'25px'});})
</script>
<script type="text/javascript">$(document).ready(function(){$('.boxbr').find('a:eq(0)').css({'background-color':'#879dc0','padding':'2px 12px','margin-left':'13px','margin-top':'20px'});$('.boxbr').find('a:eq(1)').css({'background-color':'#e7ab44','padding':'2px 28px','margin-top':'20px'});	$('.boxbr').find('a:eq(2)').css({'background-color':'#b39e7e','padding':'2px 28px','margin-left':'13px'});$('.boxbr').find('a:eq(3)').css({'background-color':'#417de4','padding':'2px 28px'});$('.boxbr').find('a:eq(4)').css({'color':'#1462bd','margin':'10px 65px','font-size':'18px','color':'#1462bd'});$('.boxbr').find('input').css({'margin':'10px 34px 0'});$('.boxbr').find('a:eq(5)').css({'color':'#5b5b5b','font-size':'12px','margin':'0px 50px 10px'});})
</script>
<script type="text/javascript">$(document).ready(function(){$('.boxcl,.boxda,.boxdb').find('p:first').css({'float':'left','font-size':'18px','position':'relative','bottom':'5px'});		$('.boxcl,.boxda,.boxdb').find('a:first').css({'float':'right','font-size':'12px','color':'#c76a06'});	$('.boxcl').find('p:eq(1)').css({'font-size':'14px','text-indent':'2em','line-height':'30px','color':'#353535'});$('.boxcl').find('p:eq(2)').css({'font-size':'13px','line-height':'25px','margin-top':'30px','color':'#5b5b5b'});$('.boxcl').find('p:eq(3)').css({'color':'#1e60b6','font-size':'14px','margin-top':'15px'})$('.boxcl').find('p:eq(4)').css({'color':'#5b5b5b','font-size':'12px','margin-top':'15px'})$('.boxcl').find('input').css({'position':'relative','bottom':'50px','right':'10px','float':'right'})$('.boxcy').find('a:eq(0)').css({'display':'inline-block','color':'#1e60b6','font-size':'18px','margin':'0 15px','padding-bottom':'10px'})$('.boxcy').find('a:eq(1)').css({'display':'inline-block','font-size':'14px','color':'#c76a06'})$('.boxcy,.boxdy').find('p:eq(0)').css({'border-bottom':'1px dashed #c8c8c8','margin':'10px'})$('.boxcy').find('p:eq(1)').css({'text-indent':'3em','margin':'10px','line-height':'25px','font-size':'12px','color':'#5b5b5b'})$('.boxcy').find('input').css({'margin':'0 35px'})})
</script>
<script type="text/javascript">$(document).ready(function(){$('.boxda,.boxdb').find('hr').css({'margin':'30px 0 15px'})$('.boxda,.boxdb').find('a:eq(1),a:eq(2)').css({'color':'#1e60b6','font-size':'14px'})$('.boxda,.boxdb').find('p:eq(1)').css({'color':'#909090','margin-top':'5px','font-size':'12px','line-height':'25px'})$('.boxda,.boxdb').find('a:eq(2)').css({'float':'right','padding':'10px 0'})	$('.boxdy').find('p:first').css({'color':'#1e60b6','margin':'10px'})	$('.boxdy').find('a:eq(0)').css({'display':'inline-block','color':'#1e60b6','font-size':'18px','padding-bottom':'10px'})$('.boxdy').find('a:eq(1)').css({'float':'right','font-size':'14px','color':'#c76a06'})$('.endb').find('input').css({'padding':'0 15px'})$('.endb').find('input:last').css({'position':'relative','right':'18px'})$('.enda').find('a:last').css({'font-size':'12px','color':'#c76a06','position':'relative','bottom':'50px','left':'950px'})$('.two').find('a').css({'position':'relative','bottom':'326px','left':'2px','color':'#FFF','z-index':'999'})$('.three').find('a').css({'position':'relative','top':'4px','left':'3px','color':'#FFF','z-index':'999'})$('.four').find('a').css({'position':'relative','top':'5px','left':'4px','color':'#FFF','z-index':'999'})})
</script>
<script type="text/javascript">$(function() {//框属性$('.boxax').find('img:eq(0)').mouseenter(function () {// 隐藏下面的下拉菜单$('.one').hide();})// 鼠标离开后又显示$('.boxax').find('img:eq(0)').mouseleave(function () {$('.one').toggle();})// 2-1入$('#hezib').find('input:eq(1)').mouseenter(function () {$('.two').hide();})// 2-1出	$('#hezib').find('input:eq(1)').mouseleave(function () {$('.two').toggle();})// 2-2入	$('#hezib').find('input:eq(2)').mouseenter(function () {$('.three').hide();})// 2-2出	$('#hezib').find('input:eq(2)').mouseleave(function () {$('.three').toggle();})// 2-3入$('#hezib').find('input:eq(0)').mouseenter(function () {$('.four').hide();})//2-3出	$('#hezib').find('input:eq(0)').mouseleave(function () {$('.four').toggle();})})
</script>
</head>
<body>
<!--顶端小部分-->
<div id="f"><div id="fa"><p>北京大学与公众演讲与管理沟通课题组唯一教学基地!</p><p><input type="image" src="images/20_03.jpg" width="16" height="16"><font>分享到:</font><input type="image" src="images/21_05.jpg" width="16" height="16"><input type="image" src="images/22_07.jpg" width="16" height="16"><input type="image" src="images/23_09.jpg" width="16" height="16"><input type="image" src="images/24.jpg" width="16" height="16"><input type="image" src="images/25_13.jpg" width="16" height="16"><input type="image" src="images/26_15.jpg" width="42" height="16"></p></div>
</div>
<!--张嘴巴就来商标部分-->
<div id="fb"><div id="fba"><div id="fbax"><img src="images/logo/h-1.gif" width="73" height="59"><p><span><b><i>张嘴</i></b></span><span><b><i>就来</i></b></span></p></div><!--<img src="images/logo/4.gif" width="113" height="1">--><span>演讲力训练机构</span><img src="images/yjc_06.jpg" width="259" height="21"><div id="fbb"><input type="image" src="images/19_03.gif" width="40" height="39"> <div id="fbbx"><span>免费客服热线</span><p>400-616-4568</p><div id="fbbxx"><img src="images/xx_03.jpg" width="19" height="19"> <a href="#here">在线客服</a></div></div></div></div>
</div>
<!--标题部分-->
<div id="heada"><!-- 导航条 --><div class="nav"><!-- 导航栏 --><ul><!-- 导航项 --><li class="navItem"><a href="#here">首页</a></li><li class="navItem"><a href="#here">关于我们</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">张嘴就来”寄托的三个愿望</a></li><li class="dropItem"><a href="#here">发展历程</a></li><li class="dropItem"><a href="#here">演讲力训练专家</a></li></ul></li><li class="navItem"><a href="#here">演讲力课程</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">职场精英演讲力训练营</a></li><li class="dropItem"><a href="#here">总裁演讲力训练营</a></li><li class="dropItem"><a href="#here">青少年演讲力训练营</a></li><li class="dropItem"><a href="#here">演讲专题</a></li></ul></li><li class="navItem"><a href="#here">总裁演讲顾问</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">口才树”理论体系</a></li><li class="dropItem"><a href="#here">演讲一阳指”模板</a></li><li class="dropItem"><a href="#here">三子”教育演讲体系</a></li></ul></li><li class="navItem"><a href="#here">一对一辅导</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">线上一对一辅导</a></li><li class="dropItem"><a href="#here">课后一对一辅导</a></li></ul></li><li class="navItem"><a href="#here">总裁班的课</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">14年只专注于演讲力训练</a></li><li class="dropItem"><a href="#here">演讲力训练总裁班</a></li><li class="dropItem"><a href="#here">成功人士的演讲班</a></li></ul></li><li class="navItem"><a href="#here">若河专栏</a><!-- 下拉菜单 --><ul class="dropList"><li class="dropItem"><a href="#here">文若河个人简介</a></li><li class="dropItem"><a href="#here">文若河创办公司历程</a></li><li class="dropItem"><a href="#here">若河专辑</a></li><li class="dropItem"><a href="#here">若河粉丝团</a></li></ul></li><li class="navItem"><a href="#here">实力展示</a><!-- 下拉菜单 --><ul class="dropList"><li  class="dropItem"><a href="#here">演讲力专家一览表</a></li><li  class="dropItem"><a href="#here">优秀演讲毕业生</a></li><li  class="dropItem"><a href="#here">演讲培训对比</a></li></ul></li></ul></div>     
</div> 
<div class="atxb"><a href="#">创始人辞职</a><a href="#">机构简介</a><a href="#">理论体系</a><a href="#">招聘英才</a>
</div>   <!--第一块-->
<div id="hezia"><div class="trent-slider"><div class="t-slide current-t-slide"><img src="images/1.jpg" width="660" height="301" /></div><div class="t-slide"><img src="images/2.jpg" width="660" height="301" /></div><div class="t-slide"><img src="images/3.jpg" width="660" height="301" /></div><div class="t-slide"><img src="images/4.jpg" width="660" height="301" /></div><div class="t-slider-controls"><div class="arrow right-arrow"><div class="arrow-container"><div class="arrow-icon"><i class="fa fa-chevron-right" aria-hidden="true"></i></div></div></div><div class="arrow left-arrow"><div class="arrow-container"><div class="arrow-icon"><i class="fa fa-chevron-left" aria-hidden="true"></i></div></div></div><div class="t-load-bar"><div class="inner-load-bar"></div></div><div class="t-dots-container"><div class="t-slide-dots-wrap"><div class="t-slide-dots"></div></div></div></div>		<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script><script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script><script src="js/main.js"></script>
</div><div class="boxa"><div class="boxax"><p><a href="#">创始人致辞</a></p><hr color="#2d7def" height="1px"><img src="./images/2_03.jpg" width="112" height="121"><b><a href="#">演讲让生活更美好</a></b><p>张嘴就来”演讲力训练机构由著名演讲理论家、演讲训练专家、北京大学“公众演讲与管理沟通课题组...<a href="#">[阅读全文]</a></p><ul><li><a href="#">[内训技巧]</a><a href="#">张嘴就来”演讲力走入重庆</a></li><li><a href="#">[演讲技巧]</a><a href="#">领导者讲话时要注重策略性</a></li><li><a href="#">[培训技巧]</a><a href="#">洛克菲勒长白山学院开讲演讲力</a></li><li><a href="#">[学院风采]</a><a href="#">演讲给我正能量,让我心态更年轻</a></li></ul></div>
</div>
<div class="one">文若河老师</div>
<div class="two"><a href="#here">干得好,更要说得好!</a></div>
<div class="three"><a href="#here">不会演讲,怎么带队伍?</a></div>
<div class="four"><a href="#here">有口才的孩子才有前途!</a></div>
<!--第2块-->
<div id="hezib"> <div class="boxbl"><p><img src="images/yt.jpg" width="279" height="5"><font>精品推荐</font><img src="images/yt.jpg" width="279" height="5"></p> <div class="boxblr"><p><a href="#here">青少年演讲夏令营</a></p><ul><li><input type="image" src="./images/18_05.jpg" width="200" height="169"></li><li>参加对象:<span>8~16岁青少年</span></li><li>学习时间:<span>3天(周五、周六、周日)</span></li><li>上课地点:<span>北京大学</span></li><li>收费标准:<span><b>7800元</b></span></li><li><a href="#here">查看更多>></a></li></ul></div><div class="boxbll"> <p><a href="#here">职场精英演讲力训练营</a></p><ul><li><input type="image" src="./images/15_03.jpg" width="200" height="169"> </li><li>参加对象:<span>职场白领、中层管理者</span></li><li>学习时间:<span>3天(周五、周六、周日)</span></li><li>上课地点:<span>北京大学、复旦大学</span></li><li>收费标准:<span>4800元</span></li><li><a href="#here">查看更多>></a></li></ul></div><div class="boxblm"><p><a href="#here">企业总裁演讲力培训</a></p><ul><li><input type="image" src="./images/14_03.jpg" width="200" height="169"></li><li>参加对象:<span>企业总裁、副总裁等</span></li><li>学习时间:<span>3天(周五、周六、周日)</span></li><li>上课地点:<span>北京大学</span></li><li>收费标准:<span><b>15800元</b></span></li><li><a href="#here">查看更多>></a></li></ul></div></div><div class="boxbr"><ul><li><a href="#here">全年课程安排</a><a href="#here">在线报告</a> </li><li><a href="#here">培训问题</a><a href="#here">会员专区</a> </li><li><a href="#here"><b>张嘴就来官方微博</b></a></li><li><input type="image" src="./images/3_03.jpg" width="210px"></li><li><a href="#here">微信扫描加好友分享更多精彩>></a></li></ul></div> 
</div>
<!--第3块-->
<div id="hezic"> <div class="boxcl"><div class="boxca"><p>&nbsp 企业总裁演讲顾问</p><a href="#here">专为千万级企业总裁打造高端服务&nbsp </a></div><img src="./images/12_07.jpg" width="207" height="251"><div class="boxclr"><p>著名演讲力培训专家,“口才树”理论体系创始人,“演讲力”概念提出者,北京大学公众演讲与管理沟通课题组组长,中国演讲与口才协会副秘书长,“张嘴就来”演讲力训练机构首席演讲师。</p><p>“演讲顾问”业务是文若河老师及其专家团队为企业总裁、企业高管等高端客户提供的,以提升其演讲实战水平和综合素质...</p><p><b>顾问方式:</b></p><p>常年演讲顾问或演讲个案辅助</p><input type="image" src="images/wypq.jpg" width="161" height="50"> </div></div><div class="boxcy"><p><a href="#here">一对一辅导</a><a href="#here">名师辅导,保证胜出</a></p><p>北京大学公众演讲与管理沟通课题组组长、《竞聘演讲轻松过关》作者文若河老师领衔组建的专家团队,为您提供一对一辅导。</p><input type="image" src="images/7.jpg" width="193" height="180"></div>
</div>
<!--第4块-->
<div id="hezid"><div class="boxd"><div class="boxd340"><div class="boxda"><p>文诺河文章</p><a href="#here">更多>></a><hr color="#3775d0" size="2px"><img src="images/6_07.jpg" width="102" height="92"><div class="boxdxf"><a href="#here" ><b>会说话,得天下</b></a><P>“演讲顾问”业务是文若河老师及其专家以提升其演讲实战水平和综合素质...</P><a href="#here">[阅读全文]</a>                </div></div>   <ul><li><a href="#here">[内训报道]</a><a href="#here">张嘴就来”演讲力培训走进重庆</a><span>02/29</span></li><li><a href="#here">[演讲技巧]</a><a href="#here">领导者讲话时要注重策略性</a><span>02/29</span></li><li><a href="#here">[培训现场]</a><a href="#here">洛克菲勒长白山学院开讲演讲力</a><span>02/29</span></li><li><a href="#here">[学员风采]</a><a href="#here">演讲给我正能里,让我心态更加年轻</a><span>02/29</span></li><li><a href="#here">[内训报道]</a><a href="#here">张嘴就来”演讲力培训走进重庆</a><span>02/29</span></li><li><a href="#here">[演讲技巧]</a><a href="#here">领导者讲话时要注重策略性</a><span>02/29</span></li></ul> </div><div class="boxd340"><div class="boxdb"><p>学员反馈</p><a href="#here">更多>></a><hr color="#3775d0" size="2px">            <img src="images/10_10.jpg" width="102" height="92"> <div class="boxdxf"><a href="#here" ><b>会说话,得天下</b></a><P>“演讲顾问”业务是文若河老师及其专家以提升其演讲实战水平和综合素质...</P><a href="#here">[阅读全文]</a></div></div><ul class="boxdba"><li><a href="#here">[内训报道]</a><a href="#here">张嘴就来”演讲力培训走进重庆</a><span>02/29</span></li><li><a href="#here">[演讲技巧]</a><a href="#here">领导者讲话时要注重策略性</a><span>02/29</span></li><li><a href="#here">[培训现场]</a><a href="#here">洛克菲勒长白山学院开讲演讲力</a><span>02/29</span></li><li><a href="#here">[学员风采]</a><a href="#here">演讲给我正能里,让我心态更加年轻</a><span>02/29</span></li><li><a href="#here">[内训报道]</a><a href="#here">张嘴就来”演讲力培训走进重庆</a><span>02/29</span></li><li><a href="#here">[演讲技巧]</a><a href="#here">领导者讲话时要注重策略性</a><span>02/29</span></li></ul> </div></div><div class="boxdy"><p><a href="#here">张嘴就来新闻</a><a href="#here">更多>></a></p><ul><li><a href="#here">大学新生早准备:提升演讲力提升核心</a></li><li><a href="#here">力十一长假新气象,职场精英北大充电</a></li><li><a href="#here">学演讲文若河老师在张嘴就来</a></li><li><a href="#here">演讲俱乐部上的演讲《中国公路》</a></li><li><a href="#here">专访文若河:会演讲的领导更具领《决策》</a></li><li><a href="#here">采访文若河:口才能否通过训练来实现</a></li></ul><input type="image" src="images/5_07.jpg" width="253"> </div>
</div>
<!--最后一块-->
<div id="end"><div class="enda"><div class="endax"><p>这些单位已经引进<a href="#here">“张嘴就来”</a>演讲力课程</p><a href="#here">更多>></a></div><table><tr><td><input type="image" src="images/27_03.jpg" width="98" height="29"></td><td><input type="image" src="images/31_03.jpg" width="59" height="32"></td><td><input type="image" src="images/32_03.jpg" width="88" height="42"></td><td><input type="image" src="images/txw.jpg" width="80" height="27"></td><td><input type="image" src="images/36_12.jpg" width="101" height="25"></td><td><input type="image" src="images/40_09.jpg" width="132" height="30"></td></tr><tr><td><input type="image" src="images/tpy.jpg" width="59" height="31"></td><td><input type="image" src="images/30_06.jpg" width="66" height="21"></td><td><input type="image" src="images/33_14.jpg" width="64" height="26"></td><td><input type="image" src="images/168.jpg" width="65" height="35"></td><td><input type="image" src="images/37_19.jpg" width="54" height="36"></td><td><input type="image" src="images/tpy.jpg" width="59" height="31"></td></tr></table></div> <hr size="1px" color="#dddddd">  <div class="endb"><p>地址:北京市海淀区中关村北大街151号北京大学资源大厦 备案号:ICP备11000880号 站长统计</p><p><img src="images/last_23.jpg" width="270" height="21"></p><p><input type="image" src="images/42_46.jpg" width="43" height="47"><input type="image" src="images/43_49.jpg" width="112" height="41"><input type="image" src="images/44_46.jpg" width="49" height="49"><input type="image" src="images/45_49.jpg" width="50" height="48"></p></div> 
</div>
</body>
</html>

相关文章:

web前端开发网页制作html/css结课作业

效果图展示&#xff1a; 注意事项&#xff1a; 引用JQuery文件地址和图片地址要更换一下。 百度网盘链接&#xff1a; http://链接&#xff1a;https://pan.baidu.com/s/1wYkmLr7csjBwQY6GmlYm4Q?pwd4332 提取码&#xff1a;4332 html界面展示&#xff1a; main.css代码部…...

工业相机如何实现实时和本地Raw格式图像和Bitmap格式图像的保存和相互转换(C#代码,UI界面版)

工业相机如何实现实时和本地Raw图像和Bitmap图像的保存和相互转换&#xff08;C#代码&#xff0c;UI界面版&#xff09; 工业相机图像格式工业相机实现Raw图像和Bitmap图像的保存和转换的技术背景在相机SDK中获取图像转换图像的代码分析工业相机回调函数里保存Bitmap图像数据工…...

C++初阶------------------入门C++

作者前言 &#x1f382; ✨✨✨✨✨✨&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f367;&#x1f382; ​&#x1f382; 作者介绍&#xff1a; &#x1f382;&#x1f382; &#x1f382; &#x1f389;&#x1f389;&#x1f389…...

深度学习核心技术与实践之自然语言处理篇

非书中全部内容&#xff0c;只是写了些自认为有收获的部分。 自然语言处理简介 NLP的难点 &#xff08;1&#xff09;语言有很多复杂的情况&#xff0c;比如歧义、省略、指代、重复、更正、倒序、反语等 &#xff08;2&#xff09;歧义至少有如下几种&#xff1a; …...

AI-ChatGPTCopilot

ChatGPT chatGPT免费网站列表&#xff1a;GitHub - LiLittleCat/awesome-free-chatgpt: &#x1f193;免费的 ChatGPT 镜像网站列表&#xff0c;持续更新。List of free ChatGPT mirror sites, continuously updated. Copilot 智能生成代码工具 安装步骤 - 登录 github&am…...

网络安全-真实ip获取伪造与隐藏挖掘

目录 真实ip获取应用层网络层网络连接TOAproxy protocol ip伪造应用层网络层TOA攻击proxy protocol 隐藏代理 挖掘代理多地ping历史DNS解析记录国外主机解析域名网站RSS订阅网络空间搜索引擎 总结参考 本篇文章学习一下如何服务如何获取真实ip&#xff0c;隐藏自己的ip&#xf…...

CMake入门教程【核心篇】添加子目录(add_subdirectory)

文章目录 1.概述2.添加子目录3.指定二进制目录4.排除子目录5.使用别名6.传递变量7.检查子目录是否存在 1.概述 add_subdirectory是 CMake 中的一个命令&#xff0c;用于向当前项目添加一个子目录。它的语法如下&#xff1a; #mermaid-svg-9zKJ3AvoVRln9hon {font-family:"…...

Prototype原型模式(对象创建)

原型模式&#xff1a;Prototype 链接&#xff1a;原型模式实例代码 注解 模式定义 使用原型实例指定创建对象的种类&#xff0c;然后通过拷贝这些原型来创建新的对象。 ——《设计模式》GoF 目的 在软件系统中&#xff0c;经常面临这“某些结构复杂的对象”的创建工作&am…...

[Redis实战]分布式锁

四、分布式锁 4.1 基本原理和实现方式对比 分布式锁&#xff1a;满足分布式系统或集群模式下多进程可见并且互斥的锁。 分布式锁的核心思想就是让大家都使用同一把锁&#xff0c;只要大家使用的是同一把锁&#xff0c;那么我们就能锁住线程&#xff0c;不让线程进行&#xf…...

SpingBoot的项目实战--模拟电商【2.登录】

&#x1f973;&#x1f973;Welcome Huihuis Code World ! !&#x1f973;&#x1f973; 接下来看看由辉辉所写的关于SpringBoot电商项目的相关操作吧 目录 &#x1f973;&#x1f973;Welcome Huihuis Code World ! !&#x1f973;&#x1f973; 一.功能需求 二.代码编写 …...

http——https实现指南

第一部分&#xff1a;HTTPS安全证书简介 什么是HTTPS安全证书&#xff1f; 在网络通信中&#xff0c;HTTPS安全证书是一种由可信任的证书颁发机构&#xff08;CA&#xff09;签发的数字证书&#xff0c;用于保障网站与用户之间的数据传输安全。通过加密和身份验证&#xff0c…...

ROS仿真R2机器人之安装运行及MoveIt的介绍

R2(Robonaut 2)是NASA美国宇航局与GM通用联合推出的宇航人形机器人&#xff0c;能在国际空间站使用&#xff0c;可想而知其价格是非常昂贵&#xff0c;几百万美刀吧&#xff0c;还好NASA发布了一个R2机器人的Gazebo模型&#xff0c;使用模型就不需要花钱了&#xff0c;由于我们…...

【linux 多线程并发】线程属性设置与查看,绑定CPU,线程分离与可连接,避够多线程下的内存泄漏

线程属性设置 ​专栏内容&#xff1a; 参天引擎内核架构 本专栏一起来聊聊参天引擎内核架构&#xff0c;以及如何实现多机的数据库节点的多读多写&#xff0c;与传统主备&#xff0c;MPP的区别&#xff0c;技术难点的分析&#xff0c;数据元数据同步&#xff0c;多主节点的情况…...

70.乐理基础-打拍子-三连音

上一个内容&#xff1a;69.乐理基础-打拍子-大切分与变体-CSDN博客 62-66是总拍数为一拍的节奏型&#xff0c;一共有七个&#xff0c;68-69是两拍的节奏型。 三连音说明&#xff1a; 1.三连音的总拍数可以是一拍、两拍、四拍。。。。 2.打拍子比较难&#xff0c;或许需要用V字…...

100天精通Python(实用脚本篇)——第111天:批量将PDF转Word文档(附上脚本代码)

文章目录 专栏导读1. 将PDF转Word文档需求2. 模块安装3. 模块介绍4. 注意事项5. 完整代码实现6. 运行结果书籍推荐 专栏导读 &#x1f525;&#x1f525;本文已收录于《100天精通Python从入门到就业》&#xff1a;本专栏专门针对零基础和需要进阶提升的同学所准备的一套完整教…...

如何在 NAS 上安装 ONLYOFFICE 文档?

文章作者&#xff1a;ajun 导览 ONLYOFFICE 文档 是一款开源办公套件&#xff0c;其是包含文本文档、电子表格、演示文稿、表单、PDF 查看器和转换工具的协作性编辑工具。它高度兼容微软 Office 格式&#xff0c;包括 .docx、.xlsx 、.pptx 、pdf等文件格式&#xff0c;并支持…...

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置相机的图像剪切(ROI)功能(C++)

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK设置相机的图像剪切&#xff08;ROI&#xff09;功能&#xff08;C&#xff09; Baumer工业相机Baumer工业相机的图像剪切&#xff08;ROI&#xff09;功能的技术背景CameraExplorer如何使用图像剪切&#xff08;ROI&#xff09;功…...

从 WasmEdge 运行环境读写 Rust Wasm 应用的时序数据

WebAssembly (Wasm) 正在成为一个广受欢迎的编译目标&#xff0c;帮助开发者构建可迁移平台的应用。最近 Greptime 和 WasmEdge 协作&#xff0c;支持了在 WasmEdge 平台上的 Wasm 应用通过 MySQL 协议读写 GreptimeDB 中的时序数据。 什么是 WebAssembly WebAssembly 是一种…...

算法训练营Day34(贪心算法)

1005.K次取反后最大化的数组和 1005. K 次取反后最大化的数组和 - 力扣&#xff08;LeetCode&#xff09; 秒了 class Solution {public int largestSumAfterKNegations(int[] nums, int k) {Arrays.sort(nums);// -4 -3 -2 -1 5//-2 -2 0 2 5int last -1;for(int i 0;i<…...

uniapp:全局消息是推送,实现app在线更新,WebSocket,apk上传

全局消息是推送&#xff0c;实现app在线更新&#xff0c;WebSocket 1.在main.js中定义全局的WebSocket2.java后端建立和发送WebSocket3.通知所有用户更新 背景&#xff1a; 开发人员开发后app后打包成.apk文件&#xff0c;上传后通知厂区在线用户更新app。 那么没在线的怎么办&…...

ARM1.2作业

实现数码管不同位显示不同的数字 spi.h #ifndef __SPI_H__ #define __SPI_H__ #include "stm32mp1xx_gpio.h" #include "stm32mp1xx_rcc.h"//MOSI对应的引脚输入高低电平的信号PE14 #define MOSI_OUTPUT_H() do{GPIOE->ODR | (0x1 << 14);}whi…...

【算法专题】递归算法

递归 递归1. 汉诺塔问题2. 合并两个有序链表3. 反转链表4. 两两交换链表中的节点5. Pow(x, n) --- 快速幂 递归 在解决⼀个规模为 n 的问题时&#xff0c;如果满足以下条件&#xff0c;我们可以使用递归来解决&#xff1a; 问题可以被划分为规模更小的子问题&#xff0c;并且…...

不停止业务的情况下优化 Elasticsearch Reindex

在使用 Elasticsearch 时,我们总有需要修改索引映射的时候,这时我们只能进行 _reindex。事实上,这是一个相当昂贵的操作,因为根据数据量和分片数量,完整复制一个索引可能需要几个小时。 花费的时间不是大问题,但更严重的是,它会影响生产环境的性能甚至功能。 相信大家…...

PB 按Excel动态创建对应字段

/* > Function: w_cwjk_xhyy.wf_dw_init >-------------------------------------------------------------------- > 描述: 按excel表格列名,创建对应字段,用于部分接口对应字段导出文件 >-------------------------------------------------------------------- …...

数据结构——红黑树 and B-树

红黑树 根据平衡条件第4、5两点 最短路径&#xff0c;都是黑色 最长路径&#xff0c;红黑相间 最长是最短的两倍 B-树...

Android中线程间的通信-Handler

Handler机制在Android中主要用于线程间的通信&#xff0c;特别是处理从子线程向主线程&#xff08;UI线程&#xff09;传递消息和更新界面。 Handler中的四个关键对象及其作用&#xff1a; Message&#xff1a; Message 是在线程间传递的数据载体&#xff0c;它包含了需要处理…...

Spring Boot Admin健康检查引起的Spring Boot服务假死

问题现象 最近在spring boot项目中引入了 spring-boot-starter-actuator 后&#xff0c;测试环境开始出现服务假死的现象&#xff0c; 且这个问题十分怪异&#xff0c;只在多个微服务中的简称A的这个服务中出现&#xff0c;其他服务都没有出现这个问题&#xff0c; 之所以说…...

java企业人事信息管理系统Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 java Web企业人事信息管理系统是一套完善的java web信息管理系统&#xff0c;对理解JSP java编程开发语言有帮助&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境 为TOMCAT7.0,Myeclipse8.5开发&#xff0c;数据库为M…...

如何通过 useMemo 和 useCallback 提升你的 React 应用性能

背景 在 React 中&#xff0c;useMemo 和 useCallback 这两个 hook 是我们优化应用性能的有力工具。它们会返回 memoized 版本的值或函数&#xff0c;只在依赖项发生变化时才进行重新计算或定义。 Hook 介绍 useMemo useMemo 的作用是返回一个 memoized 值&#xff0c;它接…...

ArkTS - @Prop、@Link

一、作用 Prop 装饰器 和Link装饰器都是父组件向子组件传递参数&#xff0c;子组件接收父组件参数的时候用的&#xff0c;变量前边需要加上Prop或者Link装饰器即可。&#xff08;跟前端vue中父组件向子组件传递参数类似&#xff09; // 子组件 Component struct SonCom {Prop…...

检察院门户网站建设工作成效/互联网域名交易中心

所有题目均有五种语言实现。C实现目录、C++ 实现目录、Python实现目录、Java实现目录、JavaScript实现目录...

建设银行网站点击次数/关键词搜索排名工具

Flowable项目提供的第四个UI应用程序是Flowable Admin应用程序。此应用程序提供了查询BPMN&#xff0c;DMN和Form Engines中的部署的方法&#xff0c;还显示了具有活动任务和流程变量的流程实例的活动状态。它还提供了将任务分配给其他受理人并完成活动任务的操作。FlowableAdm…...

青海住房和城乡建设部网站/长沙市网站制作

如何在ZEMAX和MATLAB之间通信本文内容&#xff1a;1如何在MATLAB和ZEMAX中设置通信链接2如何为MATLAB设置ZEMAX DDE工具箱3常见问题及解答Zemaxand Matlab : 强大的配对Zemax具有内置的DDE(动态数据交换)服务器&#xff0c;因而允许其他的windows程序和zemax函数之间建立链接。…...

wordpress图片清理/国内专业的seo机构

原文地址&#xff1a;http://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt3.html 在本系列的第 2 部分中, 我向您展示了如何使用 MXML 和 ActionScript 创建外部 itemRenderer。在我用过的示例中, 有一个调度自定事件 BuyBookEvent 的 Button&#xff0d;这样应用程…...

wordpress本地搭建网站/新浪nba最新消息

来源网络整理&#xff0c;如有侵权联系删除灯具、开关、电源插座是建筑电气图纸中的最常见的设计内容&#xff0c;每个设计对象都用图形符号在图纸中进行描述。需要我们掌握这些图形符号的含义&#xff0c;只有这样我们才能正确的读识图纸&#xff0c;或者进行专业设计。通常&a…...

网站如何做熊掌号并绑定/百度推广价格表

我来先说原因&#xff1a; 是你之前写了.bash_profile类似的代码了在终端&#xff0c;我当时是安装yarn&#xff0c;然后最后我用了source .bash_profile最好保存后就出现的问题看了网上的回答说法众说纷纭&#xff0c;但是我自己试了都没用&#xff0c;最好还是觉得找到我当时…...