大学生HTML期末大作业——HTML+CSS+JavaScript传统文化

HTMLCSSJS【传统文化】网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计 文章目录一、 网站题目二、 网站描述三、 网站介绍四、 网站效果五、️ 网站代码六、️‍ 如何学习进步七、‍☠️ 更多干货 文章目录一、 网站题目 传统文化 8页 含登录注册二、 网站描述 总结了一些学生网页制作的经验一般的网页需要融入以下知识点divcss布局、浮动、定位、高级css、表格、表单及验证、js轮播图、音频 视频 Flash的应用、ul li、下拉导航栏、鼠标划过效果等知识点网页的风格主题也很全面如爱好、风景、校园、美食、动漫、游戏、咖啡、音乐、家乡、电影、名人、商城以及个人主页等主题学生、新手可参考下方页面的布局和设计和HTML源码有用点赞(๑•̀ㅂ•́)و✧ 一套A的网页应该包含 (具体可根据个人要求而定)页面分为页头、菜单导航栏最好可下拉、中间内容板块、页脚四大部分。所有页面相互超链接可到三级页面有5-10个页面组成。页面样式风格统一布局显示正常不错乱使用DivCss技术。菜单美观、醒目二级菜单可正常弹出与跳转。要有JS特效如定时切换和手动切换图片轮播。页面中有多媒体元素如gif、视频、音乐表单技术的使用。页面清爽、美观、大方不雷同。不仅要能够把用户要求的内容呈现出来还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。三、 网站介绍网站布局方面计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程序方面计划采用最新的网页编程语言HTML5CSS3JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器已达到打开后就能即时看到网站的效果。网站素材方面计划收集各大平台好看的图片素材并精挑细选适合网页风格的图片然后使用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实现动态轮播特效, 表单提交, 点击事件等等。四、 网站效果五、️ 网站代码!DOCTYPEhtmlhtmlheadlink hrefcss/index(zong).cssrelstylesheettypetext/css/title中国传统文化网/title/headbodydiv idcontainerdiv idtopimg srcimages/banner/1.jpg//divdiv idnavi1ullia hrefindex.htmltarget_blank首页/a/lilia hrefminjiangongyi/index.htmltarget_blank民间工艺/a/lilia hrefminjianyishu/index.htmltarget_blank民间艺术/a/lilia hreftarget_blank风俗习惯/a/lilia hreftarget_blank诗文欣赏/a/lilia hreftarget_blank故事传说/a/lilia hreftarget_blank中华美德/a/li/ul/divdiv idmaindiv idleftdiv idnavi2ulliimg srcimages/background/s1.png//lilia hrefminjiangongyi/tjnrz.htmltarget_blank天津泥人张/a/lilia hrefminjiangongyi/zlbsz.htmltarget_blank张良摆山阵/a/lilia hrefminjianyishu/jz(mjgy).htmltarget_blank剪纸类/a/lilia hrefminjianyishu/cx(mjgy).htmltarget_blank刺绣类/a/lilia hreftarget_blank故事传说/a/lilia hreftarget_blank中华美食/a/lilia hreftarget_blank查看更多/a/li/ul/divdiv idleftfootulliimg srcimages/background/s2.png//lilia hreflogin.htmltarget_blank登陆/注册/a/lilia hreftarget_blank版权说明/a/lilia hreftarget_blank加入我们/a/liliaudio srcmedio/阳关三叠 - 管平湖.mp3autoplayautoconsolescondoles/audio/a/li/ul/div/divdiv idcounterh1中国传统文化/h1hr/hrp“文化”的定义往往是“仁者见仁智者见智”。据美国文化学家克罗伯和克拉克 洪1952年出版的《文化概念和定义的批评考察》中统计世界各地学者对文化的定义 有160多种。从词源上说在西方“文化”一词源于拉丁文culture原意耕作培养 教育发展尊重。1871年英国人类学家爱德华·泰勒在其所著的《原始文化》一书中 对文化的表述“知识、信仰、艺术、道德、法律、习惯等凡是作为社会的成员而获得 的一切能力、习性的复合整体总称为文化。/ph2简介/h2hr/hrp在中国“文化”一词古已有之。“文”的本义系指各色交错的纹理有文饰、 文章之义。《说文解字》称“文错画也象交文。”其引申为包括语言文字在内的 各种象征符号以及文物典章、礼仪制度等等。“化”本义为变易、生成、造化所谓 “万物化生”其引申义则为改造、教化、培育等。”中国古代的这些“文化”概念 基本上属于精神文明范畴往往与“武力”、“武功”、“野蛮”相对应它本身包含 着一种正面的理想主义色彩体现了治国方略中“阴”和“柔”的一面既有政治内容 又有伦理意义。其次古代很大程度上是将此词作为一个动词在使用是一种治理社会 的方法和主张,它既与武力征服相对立但又与之相联系相辅相成所谓“先礼后兵” 文治武功。有些还包括小吃风俗等传统文化。/ph2特征/h2hr/hrp中国传统文化(traditional cultureofChina)是中华文明演化而汇集成的一种反映 民族特质和风貌的民族文化是民族历史上各种思想文化、观念形态的总体表征是指 居住在中国地域内的中华民族及其祖先所创造的、为中华民族世世代代所继承发展的、 具有鲜明民族特色的、历史悠久、内涵博大精深、传统优良的文化。简单来说就是通 过不同的文化形态来表示的各种民族文明风俗精神的总称。br/br/1.世代相传。中国的传统文化在某些短暂的历史时期内有所中断在不同的历史时期或 多或少的有所改变但是大体上没有中断过总的来说变化不大。br/2.民族特色。中国的传统文化是中国特有的与世界上其他民族文化不同。br/3.历史悠久。有五千年的历史。br/4.博大精深。“博大”是说中国传统文化的广度---丰富多彩“精深”是说中国传统 文化的深度---高深莫测。br//ph2文化纵览/h2hr/hrp仁、义、礼、智、信、忠、孝、悌、节、恕、勇、让琴棋书画、三百六十行、四大 发明、民间禁忌、精忠报国、自然养生、竹、民谣、黄土、长江、黄河、红、月亮。十 二生肖鼠、牛、虎、兔、龙、蛇、马、羊、猴、鸡、狗、猪。农家、农民起义皇宫 官府、宫庭文化、帝王学。br/h3诸子百家/h31道家老子、庄子、列子思想道德无为、逍遥《南华经》《道德经》 《管子》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看别人项目代码与别人讨论提升代码能力在别人的框架和要求下写代码实现业务自己负责别人设计的模块的实现独立设计业务模块并开发实现负责大项目框架设计和拆分带领别人进行开发其他高阶的架构和管理工作已经不仅仅是代码能力了七、‍☠️ 更多干货 关注我 学习更多知识~ 支持我请 点赞 好评 收藏 三连带来更多文章~ 有需要完整源码的同学可以留言、后台私信我说明要什么主题模板~ 更多主题网页设计模板