首页 > 其他分享 >【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】

时间:2022-12-29 22:32:37浏览次数:36  
标签:社会 网页 传统美德 道德 HTML 中华民族 和谐社会 CSS

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,这是一个不错的网页制作,画面精明,非常适合初学者学习使用。



作品介绍>​


1.网页作品简介方面 :HTML期末大学生网页设计作业 ,喜欢的可以下载,文章页支持手机PC响应式布局。主要有:首页 设计理念起 源形成与发展 表现方面 格言 历史文化 诸子百家 核心内涵 等总共 6 个页面html下载。

2.网页作品编辑方面:此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面:网页布局整体为LOGO、导航、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)



一、作品演示>


1.首页

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】_网页设计

2.设计理念

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】_中华文化传统美德_02

3.起源

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】_中华文化传统美德_03

4.行程发展

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】_html_04

二、代码目录>

【基于HTML+CSS制作中华传统文化传统美德网站 (6页面)】_中华文化传统美德_05

三、代码实现>


<!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" cnotallow="text/html; charset=utf-8" />    <title>中华文化</title>    <link href="../css/css.css" rel="external nofollow" rel="stylesheet" type="text/css" /></head><body>    <div>        <div class="mw">----弘扬中华传统美德----</div>        <div id="main">            <div id="main_im">                <div class="nav"><a href="../index.html" rel="external nofollow" >首页</a><a href="page1.html" rel="external nofollow" >设计理念</a><a href="page2.html" rel="external nofollow" >起源</a><a href="page3.html" rel="external nofollow" >形成与发展</a><a href="page4.html" rel="external nofollow" >表现方面</a><a href="page5.html" rel="external nofollow" >格言</a><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >历史文化</a><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >诸子百家</a><a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" >核心内涵</a></div>                <div class="nav2"><a href="page9.html" rel="external nofollow" >黄河中游</a><a href="page10.html" rel="external nofollow" >黄河上游</a><a href="page11.html" rel="external nofollow" >黄河下游</a><a href="page12.html" rel="external nofollow" >长江中上游</a><a href="page13.html" rel="external nofollow" >长江下游和淮河流域</a><a href="page14.html" rel="external nofollow" >东北地区</a><a href="page15.html" rel="external nofollow" >南方地区</a><a href="page16.html" rel="external nofollow" >台湾</a></div>                <div id="main2">                    <div id="main_im2">                        <p class="i_p">爱国<br /> 中华民族传统美德                            <br /> 中华民族传统美德                            <br /> 中华民族自古崇尚“富贵不能淫,贫贱不能移,威武不能屈,杀身以成仁”的民族节气。爱国主义作为民族精神,更是中华民族传统美德的核心。历史上,中国屡遭外敌入侵,国破则家亡,使人们的爱国之情强烈地表现出来,并升华成为国献身的情操和精神,因此出现了岳飞的“精忠报国”、魏源的“师夷长技以制夷”、孙中山的“驱除鞑虏,恢复中华”。爱国主义成为推动中华民族不断前进的巨大力量。                            <br /> 利义                            <br /> 中华民族传统美德,强调建立一种和谐协调的人伦关系。主张“义以为上”,“以义统利”,“先义后利”,要求“见利思义”,“见得思义”。 “义”是指民族利益和国家利益,“利”是指个人利益,而得是指得到的。强调社会利益高于个人利益,强调个体对整体的道德义务。这是一种植根于社会文化的群体精神,进而扩展到整个民族和国家的集体主义精神。<br /> 仁爱                            <br /> 孔子                            <br /> 弘扬中华民族传统美德                            <br /> 弘扬中华民族传统美德                            <br /> 提倡“仁者爱人”,孟子提出“君轻民重”的思想。这种要求一切人都要用“仁爱”之心去尊重人、理解人、关心人、爱护人、帮助人的思想,是中华民族传统美德中最具有人民性的道德遗产。                            <br /> 提倡美德                            <br /> 中华民族传统美德,倡导“格物、致知、诚意、正心、修身、齐家、治国、平天下”的实现人生理想的步骤和模式。这种为人处世的基本道德观念,是人类进行物质生产活动和自身生存发展的基本要求,也是人们共同生活的起码的行为准则。它正确反映了人类社会发展的客观要求,它是人类社会道德关系的具有科学性的优秀的遗产。                            <br /> 传统道德一般都是在社会稳定时发挥作用,而社会剧烈变动时则缺少用武之地,                            <br /> 中华民族传统美德                            <br /> 中华民族传统美德                            <br /> 正所谓“治平尚德行,有事赏功能”。古人说:“以史为镜,可以知兴衰”。 历史证明,儒家伦理往往在太平盛世发挥它稳定社会、缓和矛盾、调节人际关系的社会功效。当代中国已进入相对稳定的和平发展时期,社会稳定、政治稳定是中国的大局。为实现构建和谐社会的宏伟目标,需要社会方方面面的团结合作、共同努力。其中,道德建设无疑是重要的精神基石,是构建和谐社会的有力抓手。一个社会能否和谐,一个国家能否长治久安,很大程度上取决于全体社会成员的思想道德素质,道德建设水平的如何,是社会主义和谐社会的重要标志。<br                            /> 加强道德建设必须承接中华民族的传统美德。道德从来就是现实性与历史性的统一。社会主义道德不是无源之水、无本之木,而是植根于民族文化的沃土,是传统美德的延续和升华。承                            <br /> 中华民族传统美德                            <br /> 中华民族传统美德                            <br /> 接中华传统美德,就是要以中华传统道德的背景为基础,把传统道德中的这些符合时代要求,有助于经济社会协调发展的内容承接下来,推广到全体人民中去。梁启超在《新民说》一书中曾说:“中国要想建设一个新国家,必须先要有新民。新民是不同于旧时的中国人,必须要具备几个条件,最必须的条件就是公德。”在新的经济、政治、文化变革推动下,当今社会的道德结构发生了重大变化,出现了一些新领域、新趋势。进行道德建设既要大力继承和弘扬中华民族道德文化的优秀传统,也要学习和借鉴世界各国道德建设的优秀成果,还要激发人们与时俱进、开拓创新的精神,创造出适应社会主义市场经济发展要求的新道德、新观念。与此同时,我们还要发扬党在领导人民进行革命、建设和改革实践中形成的优良道德。中国传统美德规范、引导着人们的行为和精神追求,同时又在新时代人们的实践中不断丰富和发展,我们要继承和弘扬中华民族传统美德,就必须使之随着时代的发展而发展。                            <br /> 。                        </p>                        <p class="i_p"></p>                    </div>                </div>                <div id="foot2"></div>                <p class="i_p">&nbsp;</p>                <div class="center "> <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ><img src="../images/yg.jpg" width="600" /></a></div>                <p class="i_p">建设和谐社会,惠及全体人民,体现了人民群众的根本利益和共同心愿。和谐社会不会凭空而至,也坐等不来。构建和谐社会,人人有责。人是社会关系的总和,也是社会建设的主体。和谐美好的社会,需要脚踏实地的艰苦奋斗,需要全体人民的共同参与。每一个社会成员都各司其职,承担起自己的职业角色和社会角色,尽职尽责,做好本职工作;每一个社会成员都各守其则,具有法律意识和诚信意识,自觉遵循社会规则、规章制度和公共秩序。人人有行动,人人有贡献,这样,我们的社会才能更快更好地实现和谐。文化</p>                <div id="foot">                    <p>版权所有</p>                </div>            </div>        </div>    </div></body></html>1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859

标签:社会,网页,传统美德,道德,HTML,中华民族,和谐社会,CSS
From: https://blog.51cto.com/u_15681752/5978802

相关文章

  • 基于HTML美食餐饮文化项目的设计与实现 HTML+CSS上海美食介绍网页(8页)
    网页介绍、甜品蛋糕、地方美食小吃文化、餐饮文化、等网站的设计与制作。​二、网站描述>​美食主题网站主要对各种美食进行展示,让浏览者清晰地了解到各种美食的详细信息,便......
  • 10 个你需要熟悉的 CSS3 属性
    CSS属性被分为不同的类型,如字体属性、文本属性、边框属性、边距属性、布局属性、定位属性、打印属性等。对于初学者来说,需要熟悉并掌握这些属性。前面我们已经了解了30......
  • 2CSS
    HTML的局限性说起HTML,这其实是一个非常单纯的家伙,他只关注内容的语义比如<h1>表明这是一个大标题,用<p>表明这是一个段落,用<img>表明这儿有一个图片,用<a>表示此处有链接。很......
  • html快速入门
    html学习011、标题<head><metacharset="UTF-8"><title>Title</title></head><h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4>......
  • css总结
    行内标签通过设置position:absolute/float可以设置行内元素支持宽高先将一下position的各个属性static:使用正常的布局行为,即此时的top,right,left,bottom和z-index......
  • css显示隐藏
    display:none与visibility:hidden的区别?元素隐藏和显示最常用的为display:none和visibility:hidden dispaly:none设置该属性后,该元素下的元素都会隐藏,占据的空......
  • v6_css文本属性
    字体大小font-size:px浏览器默认16设计图常用12字体font-family:可同时设定多个字体,逗号分隔,直到识别匹配字体颜色color:3种可表示:颜色英文16进制写法rgb(0,0,255)调比......
  • CSS的skewX()函数二维倾斜实现平行四边形按钮和梯形按钮组
    CSS的skewX()函数二维倾斜实现平行四边形按钮和梯形按钮组https://blog.csdn.net/DDD4V/article/details/122417369......
  • CSS
    1.概念:SascadingStyleSheets层叠样式表  层叠:多个样式可以作用在同一个html的元素上,同时生效2.好处:  1.功能强大  2.将内容展示和样式控制分离    *降低......
  • HTML(3)
    列表标签:1.无序列表:<ultype="项目符号类型“><li>第一项</li><li>第二项</li>......</ul>disc:实心圆(默认)circle:空心圆环square:正方形2.有序列表:<oltype="序列类型"sta......