HTML+CSS+JS【传统文化】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计
- 💥 文章目录
- 一、🏁 网站题目
- 二、🚩 网站描述
- 三、🎌 网站介绍
- 四、🏴 网站效果
- 五、🏳️ 网站代码
- 六、🏳️🌈 如何学习进步
- 七、🏴☠️ 更多干货
💥 文章目录
一、🏁 网站题目
💪💪💪 传统文化 8页 含登录注册
二、🚩 网站描述
🏅 总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点，网页的风格主题也很全面：如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题，学生、新手可参考下方页面的布局和设计和HTML源码（有用点赞(๑•̀ㅂ•́)و✧）
🥇 一套A+的网页应该包含 (具体可根据个人要求而定)
页面分为页头、菜单导航栏（最好可下拉）、中间内容板块、页脚四大部分。
所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
菜单美观、醒目，二级菜单可正常弹出与跳转。
要有JS特效，如定时切换和手动切换图片轮播。
页面中有多媒体元素，如gif、视频、音乐，表单技术的使用。
页面清爽、美观、大方，不雷同。
不仅要能够把用户要求的内容呈现出来，还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。
三、🎌 网站介绍
网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
📃网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。
📜网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用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实现动态轮播特效, 表单提交, 点击事件等等。
四、🏴 网站效果
五、🏳️ 网站代码
<!DOCTYPE html>
<html>
<head>
<link href="css/index(zong).css" rel="stylesheet" type="text/css" />
<title>中国传统文化网</title>
</head>
<body>
<div id="container">
<div id="top">
<img src="images/banner/1.jpg" />
</div>
<div id="navi1">
<ul>
<li><a href="index.html" target="_blank">首页</a></li>
<li><a href="minjiangongyi/index.html" target="_blank">民间工艺</a></li>
<li><a href="minjianyishu/index.html" target="_blank">民间艺术</a></li>
<li><a href="" target="_blank">风俗习惯</a></li>
<li><a href="" target="_blank">诗文欣赏</a></li>
<li><a href="" target="_blank">故事传说</a></li>
<li><a href="" target="_blank">中华美德</a></li>
</ul>
</div>
<div id="main">
<div id="left">
<div id="navi2">
<ul>
<li><img src="images/background/s1.png" /></li>
<li><a href="minjiangongyi/tjnrz.html" target="_blank">天津泥人张</a></li>
<li><a href="minjiangongyi/zlbsz.html" target="_blank">张良摆山阵</a></li>
<li><a href="minjianyishu/jz(mjgy).html" target="_blank">剪纸类</a></li>
<li><a href="minjianyishu/cx(mjgy).html" target="_blank">刺绣类</a></li>
<li><a href="" target="_blank">故事传说</a></li>
<li><a href="" target="_blank">中华美食</a></li>
<li><a href="" target="_blank">查看更多</a></li>
</ul>
</div>
<div id="leftfoot">
<ul>
<li><img src="images/background/s2.png" /></li>
<li><a href="login.html" target="_blank">登陆/注册</a></li>
<li><a href="" target="_blank">版权说明</a></li>
<li><a href="" target="_blank">加入我们</a></li>
<li><audio src="medio/阳关三叠 - 管平湖.mp3" autoplay="auto" consoles="condoles"></audio></a></li>
</ul>
</div>
</div>
<div id="counter">
<h1>中国传统文化</h1>
<hr></hr>
<p>“文化”的定义，往往是“仁者见仁，智者见智”。据美国文化学家克罗伯和克拉克
洪1952年出版的《文化：概念和定义的批评考察》中统计，世界各地学者对文化的定义
有160多种。从词源上说，在西方，“文化”一词源于拉丁文culture，原意耕作，培养，
教育，发展，尊重。1871年英国人类学家爱德华·泰勒在其所著的《原始文化》一书中
对文化的表述：“知识、信仰、艺术、道德、法律、习惯等凡是作为社会的成员而获得
的一切能力、习性的复合整体，总称为文化。</p>
<h2>简介</h2>
<hr></hr>
<p>在中国，“文化”一词，古已有之。“文”的本义，系指各色交错的纹理，有文饰、
文章之义。《说文解字》称：“文，错画也，象交文。”其引申为包括语言文字在内的
各种象征符号，以及文物典章、礼仪制度等等。“化”本义为变易、生成、造化，所谓
“万物化生”，其引申义则为改造、教化、培育等。”中国古代的这些“文化”概念，
基本上属于精神文明范畴，往往与“武力”、“武功”、“野蛮”相对应，它本身包含
着一种正面的理想主义色彩，体现了治国方略中“阴”和“柔”的一面，既有政治内容，
又有伦理意义。其次，古代很大程度上是将此词作为一个动词在使用，是一种治理社会
的方法和主张,它既与武力征服相对立，但又与之相联系，相辅相成，所谓“先礼后兵”，
文治武功。有些还包括小吃，风俗等传统文化。</p>
<h2>特征</h2>
<hr></hr>
<p>中国传统文化(traditional culture of China)是中华文明演化而汇集成的一种反映
民族特质和风貌的民族文化，是民族历史上各种思想文化、观念形态的总体表征，是指
居住在中国地域内的中华民族及其祖先所创造的、为中华民族世世代代所继承发展的、
具有鲜明民族特色的、历史悠久、内涵博大精深、传统优良的文化。简单来说，就是通
过不同的文化形态来表示的各种民族文明，风俗，精神的总称。
<br /><br />
1.世代相传。中国的传统文化在某些短暂的历史时期内有所中断，在不同的历史时期或
多或少的有所改变，但是大体上没有中断过，总的来说变化不大。<br />
2.民族特色。中国的传统文化是中国特有的，与世界上其他民族文化不同。<br />
3.历史悠久。有五千年的历史。<br />
4.博大精深。“博大”是说中国传统文化的广度---丰富多彩，“精深”是说中国传统
文化的深度---高深莫测。<br />
</p>
<h2>文化纵览</h2>
<hr></hr>
<p>仁、义、礼、智、信、忠、孝、悌、节、恕、勇、让；琴棋书画、三百六十行、四大
发明、民间禁忌、精忠报国、自然养生、竹、民谣、黄土、长江、黄河、红、月亮。十
二生肖：鼠、牛、虎、兔、龙、蛇、马、羊、猴、鸡、狗、猪。农家、农民起义；皇宫
官府、宫庭文化、帝王学。<br />
<h3诸子百家</h3>
1．道家（老子、庄子、列子；思想：道德，无为、逍遥；《南华经》《道德经》
《管子》<br />
2．儒家（孔子、《论语》、孟子、《孟子》、荀子；思想：仁、义、礼、智、信；
四书：《中庸》《大学》《孟子》《论语》）<br />
3．法家（李悝，韩非、李斯、《韩非子》思想：君主集权，以法治国）<br />
4．墨家（墨子、《墨子》、思想：兼爱、非攻、举贤、节俭）<br />
5．名家（邓析、惠施、公孙龙、桓团《公孙龙子》）<br />
6．阴阳家（邹衍、五行、金木水火土）<br />
7．纵横家（鬼谷子、苏秦、张仪、《战国策》）<br />
8．杂家（吕不韦《吕氏春秋》）<br />
9．小说家（虞初《虞初周说》）<br />
10．兵家（孙膑《孙膑兵法》孙武《孙子兵法》、吴起、尉缭、魏无忌、白起思想：
【知己知彼，百战不殆】的军事格言，就出自此书。）<br />
11．医家（扁鹊、淳于意、张仲景、华佗、孙思邈、王冰、张从正、朱震亨、李时
珍、张景岳）<br />
<h3>琴棋书画</h3>
笛子、二胡、古筝、萧笛、鼓、古琴、琵琶。十大名曲（《高山流水》、《广陵散》、
《平沙落雁》、《梅花三弄》、《十面埋伏》、《夕阳箫鼓》、《胡笳十八拍》、
《汉宫秋月》、《阳春白雪》、《 渔樵问答》）；中国象棋、中国围棋，对弈、棋子、
棋盘；中国书法、篆刻印章、文房四宝（毛笔、墨、砚台、宣纸）、木版水印、甲骨文、
钟鼎文、汉代竹简、竖排线装书；国画、山水画、写意画；敦煌壁画；八骏图、太极图
（太极）。
<h3>传统文学</h3>
主要是指诗词曲赋。例如：《诗经》、《汉乐府》、《孙子兵法》；先秦诗歌、汉赋、
唐诗、宋词、元曲、明清小说、四大名著（《西游记》《红楼梦》《三国演义》
《水浒传》）、《聊斋志异》等。
</p>
</div>
</div>
</body>
</html>
六、🏳️🌈 如何学习进步
- 看书、看博客、学课程或者看视频等
- 模仿着书上或者博客的代码，进行复现，复现不重要，思考才是关键
- 思考学习别人思路后，脱离书本和博客，完全自己实现功能
- 自己实现一些 DEMO，看别人项目代码，与别人讨论，提升代码能力
- 在别人的框架和要求下，写代码实现业务
- 自己负责别人设计的模块的实现
- 独立设计业务模块并开发实现
- 负责大项目框架设计和拆分，带领别人进行开发
- 其他高阶的架构和管理工作，已经不仅仅是代码能力了
七、🏴☠️ 更多干货
🌝 关注我 学习更多知识~
🌝 支持我，请 点赞 + 好评 + 收藏 三连，带来更多文章~
🌝 有需要完整源码的同学可以留言、后台私信我（说明要什么主题模板）~
🌝 更多主题网页设计模板
