首发于 HTML5期末大作业

广西桂剧学生网页设计制作我的家乡广西网页作业成品简单静态HTML网页作品学生文化桂剧网站模板

精彩专栏推荐文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主作者主页: 【主页—— 获取更多优质源码】 web前端期末大作业：【毕设项目精品实战案例 (1000套) 】程序员有趣的告白方式：【 HTML七夕情人节表白网页制作 (110套) 】超炫酷的Echarts大屏可视化源码：【 Echarts大屏展示大数据平台可视化(150套) 】 HTML+CSS+JS实例代码：【 ️HTML+CSS+JS实例代码 (炫酷代码) 继续更新中...】免费且实用的WEB前端学习指南：【 web前端零基础到高级学习视频教程 120G干货分享】

关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。坚持原创，热衷分享，初心未改，继往开来！

@ TOC

一、 ‍ 网站题目

茶文化网站、 ️‍ 中华传统文化题材、京剧文化水墨风书画、中国民间年画文化艺术网站、等网站的设计与制作。

二、✍️网站描述

️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习, 个别源码页面中没有使用js有需要的可以自行添加。

一套优质的网页设计应该包含 (具体可根据个人要求而定) 1. 页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。 2. 所有页面相互超链接，可到三级页面，有5-10个页面组成。 3. 页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。 4. 菜单美观、醒目，二级菜单可正常弹出与跳转。 5. 要有JS特效，如定时切换和手动切换图片轮播。 6. 页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。 7. 页面清爽、美观、大方，不雷同。。 8. 不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。

三、网站介绍

网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。其中：（1） html文件包含：其中index.html是首页、其他html为二级页面；（2） css文件包含：css全部页面样式,文字滚动, 图片放大等；（3） js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。

四、网站演示

五、⚙️ 网站代码

HTML结构代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>广西·桂剧</title>
<link type="text/css" rel="stylesheet" href="static/css/style.css">
<script type="text/javascript" src="static/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="static/js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
<div id="main">   
    <div class="logo_m">
        <div class="logo">
            <a href="#"><img src="static/picture/logo.jpg"></a>
        </div>
    </div>
    <!--nav-->
    <div class="navBar">
        <ul class="nav">
            <li class="m">
                <h3><a href="index.html">网站首页</a></h3>
            </li>
            <li class="m">
                <h3><a href="about.html">关于桂剧<i></i></a></h3>
                <ul class="sub">
                    <li><a href="jianjie.html">桂剧简介</a></li>
                    <li><a href="tese.html">桂剧特色</a></li>
                    <li><a href="lishi.html">桂剧历史</a></li>
                    <li><a href="jumu.html">桂剧剧目</a></li>
                    <li><a href="yingxiang.html">桂剧影响</a></li>
                    <li><a href="baohu.html">桂剧保护</a></li>
                </ul>
            </li>
            <li class="m">
                <h3><a href="mingling.html">桂剧名伶</a></h3>
            </li>
            <li class="m">
                <h3><a href="zhishi.html">桂剧知识</a></h3>
            </li>
            <li class="m">
                <h3><a href="qumu.html">桂剧曲目</a></h3>
            </li>
            <li class="m">
                <h3><a href="pic.html">图片欣赏</a></h3>
            </li>
            <li class="m">
                <h3><a href="liuyan.html">留言板</a></h3>
            </li>   
            <li class="m">
                <h3><a href="ziwojieshao.html">开发者介绍</a></h3>
            </li>
        </ul>
    </div>
    <script type="text/javascript">
        jQuery(".nav").slide({ 
            type:"menu", //效果类型
            titCell:".m", // 鼠标触发对象
            targetCell:".sub", // 效果对象，必须被titCell包含
            effect:"slideDown",//下拉效果
            delayTime:300, // 效果时间
            triggerTime:0, //鼠标延迟触发时间
            returnDefault:true  //返回默认状态
        });
    </script> 
    <div class="fl"></div> 
    <div class="main_m">    
        <!--banner-->
        <div class="fh_banner">
            <img src="static/picture/banner_2.jpg">
        </div>
        <!--content-->
        <div class="tese">
            <div class="tese_title">桂剧历史</div>
            <div class="tese_cont">
                <div class="tese_left">
                    <div class="list_text">
                        <ul>
                            <li style="height:130px; margin-left:20px;">
                                <img src="static/picture/suihsy.jpg" width="230" height="120">
                            </li>
                            <li><a href="">清末唐景崧：首创桂剧剧目 提升桂剧品味</a></li>
                            <li><a href="lishi2.html">马君武成立桂剧改进会 筹建一流桂剧班</a></li>
                            <li><a href="lishi3.html">欧阳予倩掀开桂剧史上最辉煌的一页</a></li>
                            <li><a href="lishi4.html">新中国成立后 桂剧推陈出新享誉全国</a></li>
                        </ul>
                    </div>
                    <div class="title_t"><span>* 桂剧大事记 </span></div>
                    <div style="marquee:top">
                        <div id="maq" style="overflow: hidden; font-size: 12px; width: 100%; height: 500px;">
                            <br>
                            <p>◆ 道光年间，桂林有三合班、三庆班，组织者不详，这是桂林最早的草台班。</p>
                            <p>◆ 瑞华班-1860年（清咸丰十年）成立于桂林，着名演员有：生角刘玉彩；旦角大喜美、小喜美、仁苟等；</p>
                            <p>◆ 庆芳班-1862年（清同治元年）成立于桂林。</p>
                            <p>◆ 光绪二十八年，桂剧艺人林秀甫、何秀元效仿上海戏园在桂林创建了第一个戏园- "景福园".从此。桂剧开始有了固定性场所的商业演出；</p>
                            <p>◆ 民国元年（1912年）林秀甫效仿上海"髦儿"戏成立了桂剧第一个女子科班"福珍园",从此，桂剧便出现了女性演员。</p>
                            <p>◆ 1938年4月欧阳予倩应马君武之邀到桂林试行桂剧改革、从事抗日剧运；导演了新桂剧《梁红玉》和话剧《曙光》等剧。同年8月下旬离桂赴港；</p>
                            <p>◆ 1939年9月下旬，欧阳予倩再度受马君武邀请，举家迁至桂林，全力从事桂剧改革和抗战戏剧运动；同年11月，担任广西戏剧改进会会长并成立桂剧实验剧团任团长，建立导演制、吸收新唱腔、编演新剧目、采用布景美化舞台，使桂剧有了新的起色，并为桂剧创作、改编和整理了一大批新剧目。</p>
                            <p>◆ 1940年欧阳予倩建立"广西省立艺术馆",任馆长，使广西有了第一座现代的剧场；创办"广西省戏剧改进会附属戏剧学校",培养桂剧新人；</p>
                            <p>◆ 1944年2月25日至5月19日，欧阳予倩与田汉、瞿秋白等人发起并主持了轰动全国剧坛的"西南第一届戏剧展览会",由桂剧实验剧团、启明科班、桂剧实验学校等三个单位参加演出《木兰从军》、《桃花扇》、《人面桃花》、《江汉渔歌》、《牛皮山》、《女斩子》、《南貂蝉》、《李大打更》、《秦王吊孝》等，效果极佳，广获好评，桂剧从此进入中国十大戏曲剧种行列；</p>
                            <p>◆ 自清末以来，桂剧得到快速发展，出现了林秀甫、蒋晴川、刘吉甫、福荣、福喜、宝龙、宝福、宝杰、六龙车、碧玉箫、"前四大名旦"（凤凰鸣、如意珠、桂枝香、小桃红）、刘仪高、李仪芳、何健章、何健浓、白凤奎、周兰魁、颗颗珠、定风珠、露凝香、杜木生、唐仙蝶、蒋金凯、刘万春、王盈秋、蒋金亮、玉芙蓉、后四大名旦"（ 谢玉君、方昭媛、尹羲、李慧中）等一批优秀桂剧表演艺术家。</p>
                            <p>◆ 1952年，桂林市桂剧改进一团尹羲主演的《拾玉镯》和谢玉君主演的《世龙抢伞》进京演出，得到北京文化界特别是欧阳予倩的好评。尹羲得到了毛泽东、周恩来等中央众多领导人的接见；</p>
                            <p>◆ 1953年，由桂剧改进一团在和平戏院开办桂剧"桂"字科班；</p>
                            <p>◆ 1955年，由桂剧二团在太平戏院开办桂剧"文"字科班；</p>
                            <p>◆ 1956年，由桂剧三团在人民戏院开办桂剧"艺"字科班；</p>
                            <p>◆ 1960年，筱兰魁主演的《唐知县审诰命》得到了中南局书记陶铸的嘉奖；</p>
                            <p>◆ 1974年9月，现代桂剧《滩险灯红》应邀晋京参加全国现代戏会演，主演罗桂霞应周恩来总理邀请出席中华人民共和国建国25周年国宴；</p>
                            <p>　　解放后，桂剧进入了新的发展时期，涌现出了尹羲、秦彩霞、筱兰魁、罗桂霞、苏飞麟、刘民凤、陈婉仙、章凤仙、苏芝仙、林瑞仙、王琼仙、梅兰香、龙民介、唐明刚、蒋明侠、阮冲、曾素华、黎久福、翁桂斌、阳桂峰、阳桂秋、秦桂娟、周桂童、蒋燕麟、马艺松、欧阳艺莲、蒋文萱等一批杰出的桂剧表演艺术家。</p>
                            <p>◆ 1989年10月，桂剧《失子成疯》荣获广西首届戏曲青年演员大奖赛表演一等奖；</p>
                            <p>◆ 1990年，桂剧《失子成疯》获第二届中国戏剧节优秀演出奖；</p>
                            <p>◆ 1992年1月，桂剧《瑶妃传奇》荣获广西第三届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                            <p>◆ 1992年6月，桂剧《瑶妃传奇》应国家文化部邀请，晋京并进中南海汇报演出，受到党和国家领导人、全国着名文艺界专家和首都观众的高度赞誉和一致好评；</p>
                            <p>◆ 1993年，桂剧《瑶妃传奇》荣获第三届文化部文华新剧目奖和文华表演奖；</p>
                            <p>◆ 1996年5月，桂剧《风采壮妹》荣获广西第四届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>    
                            <p>◆ 1997年2月，桂剧《风采壮妹》应国家文化部邀请晋京汇报演出并荣获中宣部五个一工程奖；</p>
                            <p>◆ 1997年9月，桂剧《天女散花》、《打棍出箱》荣获广西第二届戏曲青年演员大奖赛表演一等奖；</p>
                            <p>◆ 1998年、2001年，桂剧《金猴出箱》两次参加中央电视台春节联欢晚会，并获全国观众最喜爱优秀节目奖；</p>
                            <p>◆ 1999年，桂剧《砸酒坛》获全国曹禺杯小戏小品大赛专业组二等奖；</p>
                            <p>◆ 2000年，桂林市桂剧团入选中国文化部《中国着名艺术表演团体名录》；</p>
                            <p>◆ 2000年1月，桂剧《漓江燕》荣获广西第五届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                            <p>◆ 2001年11月，桂剧《漓江燕》荣获第七届中国戏剧节曹禺戏剧奖剧目奖；</p>
                            <p>◆ 2002年，张树萍荣获第十九届中国戏剧梅花奖；</p>
                            <p>◆ 2003年，桂剧《砸锁》获首届中国博兴国际小戏艺术节大赛优秀剧目大奖；</p>\
                            <p>◆ 2005年1月，桂剧《大儒还乡》荣获广西第六届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                            <p>◆ 2005年12月，桂剧《火烧摘星楼》荣获广西第三届戏曲青年演员大奖赛表演一等奖；</p>
                            <p>◆ 2006年12月，桂剧《大儒还乡》荣获全国地方戏优秀剧目展演评比一等奖；</p>
                            <p>◆ 2007年2月，桂剧《大儒还乡》荣获2005-2006年国家舞台艺术精品工程十大精品剧目；</p>
                            <p>◆ 2007年9月，桂剧《大儒还乡》荣获中宣部第十届"五个一"工程优秀作品奖；</p>
                            <p>◆ 2007年11月，桂剧《大儒还乡》荣获文化部第十二届文华剧目奖；</p>
                            <p>◆ 2009年9月，桂剧《灵渠长歌》荣获广西第七届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                            <p>◆ 2010年11月，桂剧《董洪跌牢》荣获广西第四届戏曲青年演员大奖赛表演一等奖；</p>
                            <p>◆ 2011年9月-11月，大型新编现代桂剧《何香凝》--桂林记忆，纪念辛亥革命100周年赴广西区内南宁、柳州等14各城市巡回演出，受到广泛好评；</p>
                            <p>◆ 改革开放之后，桂剧进入新的繁荣期，涌现了张树萍、曾定国、黄革萍、李素华、陈念勇、周强、李忠、刘淑娟、伍思婷等一批优秀桂剧国家一级演员。</p>
                            <div id="maq" class="news" style="overflow: hidden; font-size: 12px; width: 100%; height: 500px;">
                                <br>
                                <p>◆ 道光年间，桂林有三合班、三庆班，组织者不详，这是桂林最早的草台班。</p>
                                <p>◆ 瑞华班-1860年（清咸丰十年）成立于桂林，着名演员有：生角刘玉彩；旦角大喜美、小喜美、仁苟等；</p>
                                <p>◆ 庆芳班-1862年（清同治元年）成立于桂林。</p>
                                <p>◆ 光绪二十八年，桂剧艺人林秀甫、何秀元效仿上海戏园在桂林创建了第一个戏园- "景福园".从此。桂剧开始有了固定性场所的商业演出；</p>
                                <p>◆ 民国元年（1912年）林秀甫效仿上海"髦儿"戏成立了桂剧第一个女子科班"福珍园",从此，桂剧便出现了女性演员。</p>
                                <p>◆ 1938年4月欧阳予倩应马君武之邀到桂林试行桂剧改革、从事抗日剧运；导演了新桂剧《梁红玉》和话剧《曙光》等剧。同年8月下旬离桂赴港；</p>
                                <p>◆ 1939年9月下旬，欧阳予倩再度受马君武邀请，举家迁至桂林，全力从事桂剧改革和抗战戏剧运动；同年11月，担任广西戏剧改进会会长并成立桂剧实验剧团任团长，建立导演制、吸收新唱腔、编演新剧目、采用布景美化舞台，使桂剧有了新的起色，并为桂剧创作、改编和整理了一大批新剧目。</p>
                                <p>◆ 1940年欧阳予倩建立"广西省立艺术馆",任馆长，使广西有了第一座现代的剧场；创办"广西省戏剧改进会附属戏剧学校",培养桂剧新人；</p>
                                <p>◆ 1944年2月25日至5月19日，欧阳予倩与田汉、瞿秋白等人发起并主持了轰动全国剧坛的"西南第一届戏剧展览会",由桂剧实验剧团、启明科班、桂剧实验学校等三个单位参加演出《木兰从军》、《桃花扇》、《人面桃花》、《江汉渔歌》、《牛皮山》、《女斩子》、《南貂蝉》、《李大打更》、《秦王吊孝》等，效果极佳，广获好评，桂剧从此进入中国十大戏曲剧种行列；</p>
                                <p>◆ 自清末以来，桂剧得到快速发展，出现了林秀甫、蒋晴川、刘吉甫、福荣、福喜、宝龙、宝福、宝杰、六龙车、碧玉箫、"前四大名旦"（凤凰鸣、如意珠、桂枝香、小桃红）、刘仪高、李仪芳、何健章、何健浓、白凤奎、周兰魁、颗颗珠、定风珠、露凝香、杜木生、唐仙蝶、蒋金凯、刘万春、王盈秋、蒋金亮、玉芙蓉、后四大名旦"（ 谢玉君、方昭媛、尹羲、李慧中）等一批优秀桂剧表演艺术家。</p>
                                <p>◆ 1952年，桂林市桂剧改进一团尹羲主演的《拾玉镯》和谢玉君主演的《世龙抢伞》进京演出，得到北京文化界特别是欧阳予倩的好评。尹羲得到了毛泽东、周恩来等中央众多领导人的接见；</p>
                                <p>◆ 1953年，由桂剧改进一团在和平戏院开办桂剧"桂"字科班；</p>
                                <p>◆ 1955年，由桂剧二团在太平戏院开办桂剧"文"字科班；</p>
                                <p>◆ 1956年，由桂剧三团在人民戏院开办桂剧"艺"字科班；</p>
                                <p>◆ 1960年，筱兰魁主演的《唐知县审诰命》得到了中南局书记陶铸的嘉奖；</p>
                                <p>◆ 1974年9月，现代桂剧《滩险灯红》应邀晋京参加全国现代戏会演，主演罗桂霞应周恩来总理邀请出席中华人民共和国建国25周年国宴；</p>
                                <p>　　解放后，桂剧进入了新的发展时期，涌现出了尹羲、秦彩霞、筱兰魁、罗桂霞、苏飞麟、刘民凤、陈婉仙、章凤仙、苏芝仙、林瑞仙、王琼仙、梅兰香、龙民介、唐明刚、蒋明侠、阮冲、曾素华、黎久福、翁桂斌、阳桂峰、阳桂秋、秦桂娟、周桂童、蒋燕麟、马艺松、欧阳艺莲、蒋文萱等一批杰出的桂剧表演艺术家。</p>
                                <p>◆ 1989年10月，桂剧《失子成疯》荣获广西首届戏曲青年演员大奖赛表演一等奖；</p>
                                <p>◆ 1990年，桂剧《失子成疯》获第二届中国戏剧节优秀演出奖；</p>
                                <p>◆ 1992年1月，桂剧《瑶妃传奇》荣获广西第三届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                                <p>◆ 1992年6月，桂剧《瑶妃传奇》应国家文化部邀请，晋京并进中南海汇报演出，受到党和国家领导人、全国着名文艺界专家和首都观众的高度赞誉和一致好评；</p>
                                <p>◆ 1993年，桂剧《瑶妃传奇》荣获第三届文化部文华新剧目奖和文华表演奖；</p>
                                <p>◆ 1996年5月，桂剧《风采壮妹》荣获广西第四届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                                <p>◆ 1997年2月，桂剧《风采壮妹》应国家文化部邀请晋京汇报演出并荣获中宣部五个一工程奖；</p>
                                <p>◆ 1997年9月，桂剧《天女散花》、《打棍出箱》荣获广西第二届戏曲青年演员大奖赛表演一等奖；</p>
                                <p>◆ 1998年、2001年，桂剧《金猴出箱》两次参加中央电视台春节联欢晚会，并获全国观众最喜爱优秀节目奖；</p>
                                <p>◆ 1999年，桂剧《砸酒坛》获全国曹禺杯小戏小品大赛专业组二等奖；</p>
                                <p>◆ 2000年，桂林市桂剧团入选中国文化部《中国着名艺术表演团体名录》；</p>
                                <p>◆ 2000年1月，桂剧《漓江燕》荣获广西第五届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                                <p>◆ 2001年11月，桂剧《漓江燕》荣获第七届中国戏剧节曹禺戏剧奖剧目奖；</p>
                                <p>◆ 2002年，张树萍荣获第十九届中国戏剧梅花奖；</p>
                                <p>◆ 2003年，桂剧《砸锁》获首届中国博兴国际小戏艺术节大赛优秀剧目大奖；</p>
                                <p>◆ 2005年1月，桂剧《大儒还乡》荣获广西第六届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                                <p>◆ 2005年12月，桂剧《火烧摘星楼》荣获广西第三届戏曲青年演员大奖赛表演一等奖；</p>
                                <p>◆ 2006年12月，桂剧《大儒还乡》荣获全国地方戏优秀剧目展演评比一等奖；</p>
                                <p>◆ 2007年2月，桂剧《大儒还乡》荣获2005-2006年国家舞台艺术精品工程十大精品剧目；</p>
                                <p>◆ 2007年9月，桂剧《大儒还乡》荣获中宣部第十届"五个一"工程优秀作品奖；</p>
                                <p>◆ 2007年11月，桂剧《大儒还乡》荣获文化部第十二届文华剧目奖；</p>
                                <p>◆ 2009年9月，桂剧《灵渠长歌》荣获广西第七届剧展最高奖--桂花金奖，并获广西文艺创作铜鼓奖；</p>
                                <p>◆ 2010年11月，桂剧《董洪跌牢》荣获广西第四届戏曲青年演员大奖赛表演一等奖；</p>
                                <p>◆ 2011年9月-11月，大型新编现代桂剧《何香凝》--桂林记忆，纪念辛亥革命100周年赴广西区内南宁、柳州等14各城市巡回演出，受到广泛好评；</p>
                                <p>◆ 改革开放之后，桂剧进入新的繁荣期，涌现了张树萍、曾定国、黄革萍、李素华、陈念勇、周强、李忠、刘淑娟、伍思婷等一批优秀桂剧国家一级演员。</p>
                            </div>
                        </div>
                        <!--js效果-->
                        <script type="text/javascript">
                            marque("100%","500px","icefable1","box1left")
                            var scrollElem;
                            var stopscroll;
                            var stoptime;
                            var preTop;
                            var leftElem;
                            var currentTop;
                            var marqueesHeight;
                            function marque(width,height,marqueName,marqueCName){
                                //捕捉信息。
                                try{
                                    marqueesHeight = height;
                                    stopscroll     = false;
                                    scrollElem = document.getElementById("maq");
                                    with(scrollElem){
                                        style.width     = width;
                                        style.height    = marqueesHeight;
                                        style.overflow = 'hidden';
                                    }   
                                    scrollElem.onmouseover = new Function('stopscroll = true');
                                    scrollElem.onmouseout = new Function('stopscroll = false');
                                    preTop     = 0; 
                                    currentTop = 0; 
                                    stoptime   = 0;
                                    leftElem = document.getElementById("maq");
                                    scrollElem.appendChild(leftElem.cloneNode(true));
                                    init_srolltext();
                                }
                                catch(e) {}
                            }
                            function init_srolltext(){
                                scrollElem.scrollTop = 0;
                                setInterval('scrollUp()', 100);
                            }
                            function scrollUp(){
                                if(stopscroll) return;
                                currentTop += 1;
                                if(currentTop == marqueesHeight+1) {
                                    stoptime += 1;
                                    currentTop -= 1;
                                    if(stoptime == (marqueesHeight)*1) { 
                                        currentTop = 0;
                                        stoptime = 0;
                                    }
                                }
                                else{
                                    preTop = scrollElem.scrollTop;
                                    scrollElem.scrollTop += 1;
                                    if(preTop == scrollElem.scrollTop){
                                        scrollElem.scrollTop = marqueesHeight;
                                        scrollElem.scrollTop += 1;
                                    }
                                }
                            }
                        </script>
                    </div>
                </div>
                <div class="tese_right">
                    <div class="tese_nr">
                        <div class="title_b1"><span>清末唐景崧：首创桂剧剧目 提升桂剧品味</span></div>
                        <div class="tese_text1">
                            <p style="text-align:center;"><img src="static/picture/t5.jpg"></p>
                            <p>最早尝试改革桂剧的人，应推清末民初的唐景崧。他是广西灌阳县人，同治四年进士，官至礼部主事，卸职前任台湾巡抚。中法战争时期，他曾联络刘永福抗击法军的侵略。中日甲午战争失败后，他又一度竭力发对满清朝廷把台湾割让给日本帝国主义，曾在台湾宣告独立，自任总统。失败后他被迫回到广西，于光绪二十二年（1896年）起息影桂林。</p>
                            <p>那时候，由于满清朝廷的腐败，帝国主义的侵略，我国已沦为半封建、半殖民地的国家。中华民族正面临着深重的危机，推翻帝制，反对列强，救国救民的呼声日益强烈。于是新的社会思潮产生了，改良运动和国民革命的浪涛相继掀起。政治上、经济上的变革，自然在文艺领域中也引起了连锁反应。1896年，谭嗣同等人首先提出了"诗界革命"的口号，1992年，梁启超也倡导了"小说界革命".稍后"改良京剧"的口号也出现了。与广西紧紧毗连的广东，因受新潮流和文明戏的影响，粤剧界在服装以至演出的方式、方法上都发生了一连串的变化。这就是当时文艺上的改良运动。在新的社会思潮和文艺改良运动的影响之下，唐景崧等人也打起了改良桂剧的开台锣鼓。他们想给桂剧注入一些新的养分。</p>
                            <p>唐景崧本人是颇能接受新的社会思潮的。那时他一面开办"体用学堂",宣传"新学",一面便组织戏班，实验改良桂剧。他的戏班叫"桂林春班",主要是演出他自己编写的剧本。他又在家里建造了一个舞台，命名为"看棋台".这也是借梨园之酒杯，绕自己胸中之块垒。</p>
                            <p>唐景崧算得是桂剧的第一个剧作家。在此之前，桂剧没有自己创作的剧目。演出的本子，不是直接来自元、明的杂剧、传奇，就是移植于兄弟剧种。而且，多是艺人以口传心授代代相承，极少有文字记录。唐景崧以自己的学识，开创了先例。他一共编写了四十多个剧本，总名曰"看棋亭杂剧".其中，演出较多的，有《救命香》、《游园惊梦》、《莺莺饯送》、《黛玉葬花》、《拷打红娘》、《晴雯补裘》、《杜十娘》、《九华惊梦》、《花木兰》等。唐景崧所编写的剧本，多数取材于优秀的古本戏曲或小说中的精彩章节，短小精悍，针线紧密，从选材到结构，显得严谨、完整，有较高的文学性。</p>
                            <p>"看棋亭杂剧"一个突出的特点，是描写了各色各样的妇女形象。有敢于反抗封建礼教，争取婚姻自主的钍丽娘、崔莺莺、林黛玉；有身居底层而敢于蔑视高门利禄，为主宰自己的命运而斗争的钍十娘和晴雯；有热心助人，不计个人利害的红娘；还有闪现着爱国思想光辉的巾帼花木兰。唐景崧通过这些人物的形象，对被压迫的妇女寄予同情，为她们的不幸遭遇鸣不平，也赞美她们反抗封建主义的精神和爱国主义的思想。在一些剧本中，他还对皇帝和高官有所针砭和挪揄。如《九华惊梦》中通过杨贵妃之口，隐约透露出对唐明皇的微词；在《救命香》中，还把朱元璋描写成为是非不分，情操低俗的人。这些都在一定程度上体现了他的民主主义的思想倾向。</p>
                            <p>是否拥有本剧种的独创剧目，以及独创剧目数量的多寡、质量的高低，在一定程度上是衡量一个剧种成熟以否的重要标志。唐景崧在这方面作出了重要贡献。 </p>
                            <p>此外，唐景崧在舞台演出方面也作了一些改进。他特别要求服装完美，表演认真，试图改变在部分桂剧艺人中长期存在的那种散漫、马虎的舞台作风。</p>
                            <p>唐景崧的努力曾产生过一定的影响。当时桂林的观众以能够观看"看棋亭杂剧"为快事，许多戏班也争先采用他的剧本。那时名噪桂北的明才、一枝花、周梅圃、林秀甫等艺人，都演过他写的戏。这对于活跃桂剧剧坛，丰富桂剧剧目，起了很好的作用。</p>
                            <p>光绪二十八年（1902年），部分桂剧艺人也想进行一些改良的尝试。如着名艺人何元宝和林秀甫就曾仿效上海的戏院制，在桂林创办了景福戏院。这是桂林的第一个戏院，它标志着桂剧从流动的草台班子开始进入相对固定的剧院制。与此同时，一些艺人还希图用京剧的长处弥补桂剧的某些缺陷，以充实桂剧的表现搜段。林秀甫为此专门向京剧老师学戏，吸收了不少京剧的表演方法。这对提高桂剧的艺术水平，有一定的帮助。</p>
                        </div>
                    </div>
                </div>
                <div class="fl"></div>
            </div>
        </div>
    </div>
    <div class="bottom">制作人： </div>
</div>
</body>
</html>

CSS样式代码

/* CSS Document */
/*全局控制*/
*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style:none;
    font-size:14px; 
    font-style:normal; 
    color:#1f1605;
}
/*清楚样式*/
.fl{
    clear:both; 
    height:0; 
    font-size:0; 
    line-height:0;
}
img{
    border:0;
}
/*背景设置*/
body{
    background:url(../image/bj.jpg)
}

#main{
    margin:0 auto;
}
h2{
    font-size:14px; 
    color:#1f1605;
    text-align:center;
    height:30px; 
    line-height:30px;
}
.main_m{
    width:1010px;
    margin:0 auto;
    background:#FFF;
}
.logo_m{ 
    background:#4a0001;
}/* nav */
.logo{
    width:1000px; 
    margin:0 auto;
}
#nav{
    width:1000px;
    margin:0 auto; 
    position:relative; z-index:500;
}
#nav li.top_link{
    color:#fff;
}
#nav li.top_li_a{
    width:110px;
    height:52px; 
    background:#fff;
    float:left;
    font-weight:bold;
}
#nav li a.top_link{
    color:#fff; 
    font-size:14px;
    display:block;
    float:left;
    width:110px;
    height:43px;
    line-height:43px;
    text-align:center;
}

六、如何让学习不再盲目

第一、带着目标去学习，无论看书报课还是各种线下活动。首先要明确自己的学习目标是什么，是想解决什么问题，实现怎样的目标。

第二、学习要建立个人知识体系知识是学不完的，书籍是浩如烟海的。我们尽情徜徉其中的时候，千万不要被海水淹死，没有自我了。在学习过程中，我们会发现每一个知识点都是有她的边界和背景的，我们要善于归纳整理知识

第三、学到了就要用到

有时，我们一天下来感觉学到了很多干货，那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事，但只有会学习的人，才有价值。

以上内容技术相关问题欢迎一起交流学习

【主页—— 获取更多优质源码】

发布于 2022-08-10 17:58

网页设计师

网页设计

文章被以下专栏收录

HTML5期末大作业

HTML5网页设计成品_学生DW静态网页设计网页