HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

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

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。包括 中国传统节日-春节 搜索 网站首页，节日活动，节日起源，特色饮食，历史文化，民间习俗，故事传说，春节相册等8个页面

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

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

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

1. 网站首页

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_HTML5期末大作业

2.节日活动

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_web前端期末大作业_02

3.节日起源

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_web课程设计网页规划与设计_03

4.春节相册

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_web课程设计网页规划与设计_04

二、代码目录

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_web前端期末大作业_05

三、代码实现 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>中国传统节日-春节</title>
  6. <link href="style/style.css" rel="stylesheet" type="text/css" />
  7. </head>
  8. <body>
  9. <div id="background_section_top">
  10.   <div class="container">
  11.     <div id="logo_section">
  12.       <h1>中国传统节日-春节</h1>
  13.     </div>
  14.     <div id="search_box">
  15.       <form action="index.html" method="post">
  16.         <input type="text" value="搜索" id="textfield" onfocus="clearText(this)" onblur="clearText(this)"/>
  17.         <input type="搜索" name="搜索" value="" alt="搜索" id="button" title="搜索" />
  18.       </form>
  19.     </div>
  20.     <div id="menu_section">
  21.       <ul>
  22.         <li><a href="index.html">网站首页</a></li>
  23.         <li><a href="jrmc.html" target="_blank">节日活动</a></li>
  24.         <li><a href="jrqy.html" target="_blank">节日起源</a></li>
  25.         <li><a href="tsys.html" target="_blank">特色饮食</a></li>
  26.         <li><a href="fzls.html" target="_blank">历史文化</a></li>
  27.         <li><a href="mjxs.html" target="_blank">民间习俗</a></li>
  28.         <li><a href="gscs.html" target="_blank">故事传说</a></li>
  29.         <li><a href="dwxc.html" target="_blank">春节相册</a></li>
  30.       </ul>
  31.     </div>
  32.   </div>
  33. </div>
  34. <!-- End Of Top Background -->
  35. <div id="background_section_mid">
  36.   <div class="container">
  37.     <div id="content_area">
  38.       <div id="left_section">
  39.         <div class="left_section_box">
  40.           <div class="left_section_box_top">春节简介</div>
  41.           <div class="left_section_box_body">
  42.             <p><img src="images/i1.jpg"  width="160" /> </p>
  43.             <p>春节(Spring Festival)是指汉字文化圈传统上的农历新年，俗称&quot;年节&quot;，传统名称为新年、大年、新岁，但口头上又称度岁、庆新岁、过年，是中华民族最隆重的传统佳节。春节起源于殷商时期年头岁尾的祭神祭祖活动，是中国最盛大、最热闹、最重要的一个古老传统节日。在中国民间，传统意义上的春节是指从腊月初八的腊祭或腊月二十三或二十四的祭灶，一直到正月十五，其中以除夕和正月初一为高潮。</p>
  44.             <p></p>
  45.             <p></p>
  46.             <p></p>
  47.             <p></p>
  48.           </div>
  49.         </div>
  50.         <div class="left_section_box">
  51.           <div class="left_section_box_top">节日起源</div>
  52.           <div class="left_section_box_body">
  53.             <p><img src="images/i2.jpg" width="160" />中国农历年的岁首称为春节。</p>
  54.             <p>是中华民族最隆重的传统节日，也象征团圆、兴旺，对未来寄托新的希望的佳节。据记载，中华民族过春节已有4000多年的历史。关于春节的起源有很多说法。<br />
  55.               相关来历中国历代元旦的日期并不一致：夏朝用孟春的元月为正月，商朝用腊月(十二月)为正月。秦始皇统一六国后以十月为正月，汉朝初期沿用秦历。公元前104年(元封六年)，经司马迁等人提议，汉武帝下令改定历法。<br />
  56.             公元前104年，天文学家落下闳、邓平等人制订了《太初历》，将原来以十月为岁首改为以孟春正月为岁首，后人在此基本上逐渐完善为我们当今使用的阴历(即农历)，落下闳也被称为&quot;春节老人&quot;。此后中国一直沿用夏历(阴历，又称农历)纪年，直到清朝末年，长达2080年。春节不同时代有不同名称。在先秦时叫&quot;上日&quot;、&quot;元日&quot;、&quot;改岁&quot;、&quot;献岁&quot;等；到了两汉时期，又被叫为&quot;三朝&quot;、&quot;岁旦&quot;、&quot;正旦&quot;、&quot;正日&quot;；魏晋南北朝时称为&quot;元辰&quot;、&quot;元日&quot;、&quot;元首&quot;、&quot;岁朝&quot;等；到了唐宋元明，则称为&quot;元旦&quot;、&quot;元&quot;、&quot;岁日&quot;、&quot;新正&quot;、&quot;新元&quot;等；而清代，一直叫&quot;元旦&quot;或&quot;元日&quot;。</p>
  57.             <p></p>
  58.           </div>
  59.         </div>
  60.         <div class="left_section_box">
  61.           <div class="left_section_box_top">特色饮食</div>
  62.           <div class="left_section_box_body">
  63.             <p><img src="images/i3.jpg" width="160" /></p>
  64.             <p>北方年夜饭有吃饺子的传统，但各地吃饺子的习俗亦不相同，有的地方除夕之夜吃饺子，有的地方初一吃饺子，北方一些山区还有初一到初五每天早上吃饺子的习俗。吃饺子是表达人们辞旧迎新之际祈福求吉愿望的特有方式。按照我国古代记时法，晚上11时到第二天凌晨1时为子时。&ldquo;<a target="_blank" href="https://baike.so.com/doc/3038557-3203487.html">交子</a>&rdquo;即新年与旧年相交的时刻。饺子就意味着更岁交子，过春节吃饺子被认为是大吉大利。另外饺子形状像元宝，包饺子意味着包住福运，吃饺子象征生活富裕。与北方不同，南方的年夜饭通常有火锅和鱼。火锅沸煮，热气腾腾，温馨撩人，红红火火；&ldquo;鱼&rdquo;和&ldquo;余&rdquo;谐音，象征&ldquo;吉庆有余&rdquo;，也喻示着生活幸福，&ldquo;年年有余&rdquo;。南方还有一些地方过春节讲究吃年糕，年年高(糕)，<strong>象征收成一年比一年高，境界一年比一年高。</strong></p>
  65.             <p>春节吃年糕，&quot;义取年胜年，籍以祈岁稔。&quot;寓意万事如意年年高。年糕的种类有：北方有白糕饦、黄米糕；江南有水磨年糕；西南有糯粑粑；台湾有红龟糕。汉代杨雄的《方言》一书中就已有&quot;糕&quot;的称谓，魏晋南北朝时已流行。贾思勰《齐民要术》记载了制做方法。明、清时，已发展成市面上一种常年供应的小食，并有南北风味之别。北方年糕有蒸、炸二种，南方年糕除蒸、炸外，尚有片炒、汤煮诸法。</p>
  66.             <p>元宵：南方叫做&quot;汤圆&quot;，在江苏，上海等地，大年初一早晨都有吃汤圆的习俗。</p>
  67.             <p></p>
  68.           </div>
  69.         </div>
  70.         </div>
  71.       </div>
  72.       <!-- End Of left Section -->
  73.       <div id="right_section">
  74.         <div class="right_section_box">
  75.           <h1>节日特点</h1>
  76.           <p>岁时节日，亦被称为&quot;传统节日&quot;。它们历史悠久、流传面广，具有极大的普及性、群众性、甚至全民性的特点。</p>
  77.           <p>年节是除旧布新的日子。年节虽定在农历正月初一，但年节的活动却并不止于正月初一这一天。从腊月二十三(或二十四日)小年节起，人们便开始&quot;忙年&quot;：扫房屋、洗头沐浴、准备年节器具等等。所有这些活动，有一个共同的主题，即&quot;辞旧迎新&quot;。人们以盛大的仪式和热情，迎接新年，迎接春天。</p>
  78.           <p>年节也是祭祝祈年的日子。古人谓谷子一熟为一&quot;年&quot;，五谷丰收为&quot;大有年&quot;。西周初年，即已出现了一年一度的庆祝丰收的活动。后来，祭天祈年成了年俗的主要内容之一。而且，诸如灶神、门神、财神、喜神、井神等诸路神明，在年节期间，都备享人间香火。人们借此酬谢诸神过去的关照，并祈愿在新的一年中能得到更多的福佑。年节还是合家团圆、敦亲祀祖的日子。除夕，全家欢聚一堂，吃罢&quot;团年饭&quot;，长辈给孩子们分发&quot;压岁钱&quot;，一家人团坐&quot;守岁&quot;。<br />
  79.           </p>
  80. <br />
  81.           <h1>相关谚语</h1>
  82.           <p>天增岁月人增寿，春满人间福满门</p>
  83.           <p>爆竹一声除旧，桃符万象更新</p>
  84.           <p>一夜连双岁，三更分两年</p>
  85.           <p>冬天麦盖三层被，来年枕着馒头睡</p>
  86.           <p>喜居宝地千年旺，福照家门万事兴</p>
  87.           <p>&nbsp;</p>
  88.           <p></p>
  89.           <p></p>
  90.           <p></p>
  91.           <p></p>
  92.         </div>
  93.         <div class="right_section_box">
  94.           <h1>端午节相册</h1>
  95.           <div class="gallery">
  96.             <ul>
  97.               <li> <a href="#" > <img src="images/img_1.jpg" /> </a> </li>
  98.               <li> <a href="#" > <img src="images/img_2.jpg" /> </a> </li>
  99.               <li> <a href="#" > <img src="images/img_3.jpg" /> </a> </li>
  100.               <li> <a href="#" > <img src="images/img_4.jpg" /> </a> </li>
  101.               <li> <a href="#" > <img src="images/img_5.jpg" /> </a> </li>
  102.               <li> <a href="#" > <img src="images/img_6.jpg" /> </a> </li>
  103.               <li> <a href="#" > <img src="images/img_7.jpg" /> </a> </li>
  104.               <li> <a href="#" > <img src="images/img_8.jpg" /> </a> </li>
  105.               <li> <a href="#" > <img src="images/img_9.jpg" /> </a> </li>
  106.             </ul>
  107.           </div>
  108.           <div class="clear"></div>
  109.         </div>
  110.       </div>
  111.       <!-- End Of right Section -->
  112.       <div class="cleaner_with_height">&nbsp;</div>
  113.     </div>
  114.     <!-- End Of content area -->
  115.     <div id="footer"> Copyright © 中国传统节日-春节 </div>
  116.   </div>
  117.   <!-- End Of container -->
  118. </div>
  119. </body>
  120. </html>
  121.  
  122.  
  123.
四、web前端入门到高级(视频+源码+资料+面试)一整套 (教程)

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_web课程设计网页规划与设计_06

五、源码获取

❉ ~ 关注我，点赞博文~ 每天带你涨知识!

❉1.看到这里了就 [点赞+好评+收藏] 三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。

❉ 2.关注我 ~ 每天带你学习 :各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！

❉3.以上内容技术相关问题可以相互学习，可关注↓公Z号 获取更多源码 !

HTML5期末大作业：节日网站设计——中国传统节日-春节(8个页面) HTML+CSS+JavaScript 中国传统节日春节网页HTML代码 学生网页课程设计期末作业下载 春节大学生网页设计制作成_春节网页设计大作业模板HTML_07