时间:2023-10-12 05:12:01 | 来源:网站运营
时间:2023-10-12 05:12:01 来源:网站运营
dreamweaver作业静态HTML网页设计模板 中国传统书法:> Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | HTML期末大学生网页设计作业 1. HTML:结构<html><head><meta charset="utf-8"><link href="css/all.css" rel="stylesheet" media="all" type="text/css" /><title>书法</title></head><body><header class=""> <div class="logo"><a href="index.html"><img src="images/logo.png" width="200"/></a><span><a href="zhuce.html">注册</a> | <a href="denglu.html">登录</a></span></div> <div class="menu"> <ul class="center clearfix"> <li><a href="shufazhanshi.html">书法展示</a></li> <li><a href="shfuarenwu.html">书法人物</a></li> <li><a href="huodongxuanchuan.html">活动宣传</a></li> <li><a href="shufalilun.html">书法理论</a></li> <li><a href="shfuayongju.html">书法用具</a></li> <li><a href="shufaxinwen.html">书法新闻</a></li> </ul> </div></header><section class="banner center"> <div class="banner_box "> <div class="box-1"> <ul> <li><a href=""><img src="images/banner.jpg"></img></a> </li> <li><a href=""><img src="images/banner01.jpg"></img></a> </li> <li><a href=""><img src="images/banner02.jpg"></img></a> </li> </ul> </div> <div class="box-2"> <ul> </ul> </div> <div class="box-3"> </div> </div> </section><div class="guanyu center"><div>书法是中国及深受中国文化影响过的周边国家和地区特有的一种文字美的艺术表现形式。包括汉字书法、蒙古文书法、阿拉伯书法和英文书法等。其“中国书法”,是中国汉字特有的一种传统艺术。从广义讲,书法是指文字符号的书写法则。换言之,书法是指按照文字特点及其含义,以其书体笔法、结构和章法书写,使之成为富有美感的艺术作品。汉字书法为汉族独创的表现艺术,被誉为:无言的诗,无行的舞;无图的画,无声的乐等。2018年12月,教育部办公厅关于公布杭州文理学院为书法中华优秀传统文化传承基地。2021年4月29日,中华人民共和国教育部经研究,决定成立教育部中国书法教育指导委员会。</div></div><section class=" center" ><div class="zong"><img src="images/route2.png" class="syt"/><img src="images/route.gif" class="syt2"/> <div class="route" class="box1"> <ul> <li><a href="xinwen1.html">>> 赵克礼书法师生赴周用金书法馆参观游学</a></li> <li><a href="xinwen2.html">>>“墨香荆楚”写字进校园示范学校授牌仪式在杭州将军第一乡举行</a></li> <li><a href="#">>> 赵克礼获杭州市青少年宫2021年度教学成果特等奖</a></li> <li><a href="#">>> 固安县硬笔书协2021年工作总结</a></li> <li><a href="#">>> 浙江大悟中职校被县硬笔书协授予“书法教育培训基地”</a></li> <li><a href="#">>> 赵克礼/龙运光2021书法教学年会在杭州市青少年宫举行</a></li> <li><a href="#">>> 浙江省硬笔书法家协会第七次会员代表大会 在杭州召开</a></li> <li><a href="#">>> 浙江省硬笔书法协会换届 李庆绿当选主席</a></li> <li><a href="#">>> 赵克礼/龙运光2021书法教学年会在杭州市青少年宫举行</a></li> <li><a href="#">>> 浙江省硬笔书法家协会第七次会员代表大会 在杭州召开</a></li> </ul> </div></div> <img src="images/route1.jpg" class="syt1"> <div class="route1" class="box1"> <ul> <li><a href="xinwen3.html">● 浙江省硬笔书法家协会会员入会申报</a></li> <li><a href="xinwen4.html">● 中国硬笔书法网喜庆国庆七十华诞</a></li> <li><a href="xinwen5.html">● 您好!我叫书法,恭祝您元旦快乐!</a></li> <li><a href="#">● 固安县硬笔书协2021年工作总结</a></li> <li><a href="#">● 中国硬笔书法网恭贺国庆快乐</a></li> <li><a href="#">● 中国硬笔书法网官方交易平台开通公</a></li> <li><a href="#">● 中国硬笔书法协会通知</a></li> </ul> </div> <img src="images/route2.jpg" class="syt3"> <div class="route2"> <ul> <li><a href="xinwen6.html"><img src="images/sty4.jpg" style="width:100px; float:left; padding:5px 5px 0px 5px;"></a></li> <li><a href="xinwen7.html"><img src="images/sty5.jpg" style="width:100px; height:70px; padding:5px 5px 0px 5px;"></a></li> <p style="width:120px; float:left; padding-left:10px;">专访中国硬笔书</p> <p>56位艺术家聚</p> <p>------------------------------------------</p> <li><a href="xinwen8.html">● 澳门亚洲艺粹会举办书画作品展</a></li> <li><a href="#">● 中梁少美在澳门举办书法研习班</a></li> </ul> </div></section><footer class="end"> <p>书法</p></footer><script>window.onload = function(){ function $(param){ if(arguments[1] == true){ return document.querySelectorAll(param); }else{ return document.querySelector(param); } } var $box = $(".box"); var $box1 = $(".box-1 ul li",true); var $box2 = $(".box-2 ul"); var $box3 = $(".box-3"); var $length = $box1.length; var str = ""; for(var i =0;i<$length;i++){ if(i==0){ str +="<li class='on'>"+(i+1)+"</li>"; }else{ str += "<li>"+(i+1)+"</li>"; } } $box2.innerHTML = str; var current = 0; var timer; timer = setInterval(go,2000); function go(){ for(var j =0;j<$length;j++){ $box1[j].style.display = "none"; $box2.children[j].className = ""; } if($length == current){ current = 0; } $box1[current].style.display = "block"; $box2.children[current].className = "on"; current++; } for(var k=0;k<$length;k++){ $box1[k].onmouseover = function(){ clearInterval(timer); } $box1[k].onmouseout = function(){ timer = setInterval(go,2000); } } for(var p=0;p<$box3.children.length;p++){ $box3.children[p].onmouseover = function(){ clearInterval(timer); }; $box3.children[p].onmouseout = function(){ timer = setInterval(go,2000); } } for(var u =0;u<$length;u++){ $box2.children[u].index = u; $box2.children[u].onmouseover = function(){ clearInterval(timer); for(var j=0;j<$length;j++){ $box1[j].style.display = "none"; $box2.children[j].className = ""; } this.className = "on"; $box1[this.index].style.display = "block"; current = this.index +1; } $box2.children[u].onmouseout = function(){ timer = setInterval(go,2000); } } $box3.children[0].onclick = function(){ back(); } $box3.children[1].onclick = function(){ go(); } function back(){ for(var j =0;j<$length;j++){ $box1[j].style.display = "none"; $box2.children[j].className = ""; } if(current == 0){ current = $length; } $box1[current-1].style.display = "block"; $box2.children[current-1].className = "on"; current--; } }</script></body></html>
关键词:模板,中国,传统,设计,作业,静态,书法