時(shí)間：2023-09-12 17:30:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-09-12 17:30:01 來源：網(wǎng)站運(yùn)營
HTML5+CSS大作業(yè)——節(jié)日圣誕節(jié)(5頁)節(jié)日帶背景音樂帶視頻(5頁)帶登錄：?# HTML5+CSS大作業(yè)——節(jié)日圣誕節(jié)(5頁)節(jié)日帶背景音樂帶視頻(5頁)帶登錄常見網(wǎng)頁設(shè)計(jì)作業(yè)題材有個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他等網(wǎng)頁設(shè)計(jì)題目,A+水平作業(yè), 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載!
在線咨詢
PC電腦端關(guān)注我們***<!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>Holiday Christmas</title><meta name="keywords" content="" /><meta name="description" content="" /><link href="tooplate_style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" /><script type="text/javascript" src="js/jquery-1.6.3.min.js" ></script><script type="text/javascript" src="js/jquery-ui.min.js" ></script><script type="text/javascript"> $(document).ready(function(){ $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true); });</script><link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" /><script type="text/javascript" src="js/ddsmoothmenu.js">/************************************************ Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code***********************************************/</script><script type="text/javascript">ddsmoothmenu.init({ mainmenuid: "tooplate_menu", //menu DIV id orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v" classname: 'ddsmoothmenu', //class added to menu's outer DIV //customtheme: ["#1c5a80", "#18374a"], contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]})</script><link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" /> <script type="text/JavaScript" src="js/slimbox2.js"></script> </head><body id="homepage"><div id="tooplate_wrapper"> <div id="tooplate_header"> <embed src="music/Bells.mp3" autostart="true" loop="true" hidden="true"></embed> <div id="site_title"><a href="index.html">Holiday Christmas</a></div> <div id="tooplate_menu" class="ddsmoothmenu"> <ul> <li><a href="index.html" class="selected">首頁</a></li> <li><a href="news.html">禮物</a> <!--<ul> <li><a href="news.html">Category One</a></li> <li><a href="news.html">Category Two</a></li> <li><a href="news.html">Category Three</a></li> <li><a href="news.html">Category Four</a></li> <li><a href="news.html">Category Five</a></li> </ul>--> </li> <li><a href="gallery.html">飲食</a></li> <li><a href="about.html">地區(qū)特色</a></li> <li><a href="contact.html">登錄注冊(cè)</a></li> </ul> <br style="clear: left" /> </div> <!-- end of tooplate_menu --> <div class="clear"></div> </div> <!-- END of header --> <div id="tooplate_middle"> <div id="tooplate_slider" > <div class="slider-wrapper theme-default"> <div id="slider" class="nivoSlider" style=""> <!--<a href="#"><img src="images/slider/01.jpg" alt="Slider Image 1" title="Title 1" /></a> <a href="#"><img src="images/slider/02.jpg" alt="Slider Image 2" title="Title 2" /></a> <a href="#"><img src="images/slider/03.jpg" alt="Slider Image 3" title="Title 3" /></a> <a href="#"><img src="images/slider/04.jpg" alt="Slider Image 4" title="Title 4" /></a>--> <video src="video/sd.mp4" width="398" height="235" controls="controls"> </video> </div> </div> <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> <!--<script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ effect: 'fade', controlNav: true, // 1,2,3... navigation directionNavHide: false, directionNav: true, animSpeed: 800, // Slide transition speed pauseTime: 4000, // How long each slide will show }); }); </script>--> </div> <!-- END of slider --> <div id="middle_content"> <h2 class="merrychristmas">Christmas</h2> <p>圣誕節(jié)（Christmas）又稱耶誕節(jié)、耶穌誕辰，譯名為“基督彌撒”，是西方傳統(tǒng)節(jié)日，起源于基督教，在每年公歷12月25日。彌撒是教會(huì)的一種禮拜儀式。圣誕節(jié)是一個(gè)宗教節(jié)，因?yàn)榘阉?dāng)作耶穌的誕辰來慶祝，故名“耶誕節(jié)”。 [1] 大部分的天主教教堂都會(huì)先在12月24日的平安夜，亦即12月25日凌晨舉行子夜彌撒，而一些基督教會(huì)則會(huì)舉行報(bào)佳音，然后在12月25日慶祝圣誕節(jié)；基督教的另一大分支——東正教的圣誕節(jié)慶則在每年的1月7日。圣誕節(jié)也是西方世界以及其他很多地區(qū)的公共假日，例如：在亞洲的中國香港和澳門地區(qū)、馬來西亞、新加坡。 古羅馬教會(huì)在君士坦丁時(shí)代（公元313年），就逐漸習(xí)慣在十二月二十五日慶祝主的誕生</p> <a href="#" class="button button_big">LEARN MORE</a> </div> <div class="clear"></div> </div> <!-- END of middle --> <!--<div class="t飲食">Collect from <a href="http://www.cssmoban.com/" >網(wǎng)頁模板</a></div>--> <div id="tooplate_main"> <!--<div class="content_wrapper content_mb_60"> <div class="col_3"> <img class="img_fl" src="images/tooplate_icon_01.png" alt="Image 1" /> <div class="text_content"> <h4><a href="#">Lorem Ipsum Dolor Sit Amet</a></h4> <p>Credit goes to <a rel="nofollow" href="#" target="_parent">Dev7studios</a> for homepage slider. Feel free to customize it.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> <div class="col_3"> <img class="img_fl" src="images/tooplate_icon_02.png" alt="Image 2" /> <div class="text_content"> <h4><a href="#">Mauris Iaculis Quam Orci</a></h4> <p>Donec sed pretium diam at porttitor dolor neque sed mauris.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> <div class="col_3 no_margin_right"> <img class="img_fl" src="images/tooplate_icon_03.png" alt="Image 3" /> <div class="text_content"> <h4><a href="#">Nullam Vulputate Sem Eu Erat</a></h4> <p>Proin magna velit, porta a iaculis sit amet, porta laoreet tellus.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> <div class="clear h60"></div> <div class="col_3"> <img class="img_fl" src="images/tooplate_icon_04.png" alt="Image 4" /> <div class="text_content"> <h4><a href="#">Duis Gravida Augue Interdum Elit</a></h4> <p>Mauris iaculis quam orci, a cursus nibh amet diam tempus.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> <div class="col_3"> <img class="img_fl" src="images/tooplate_icon_05.png" alt="Image 5" /> <div class="text_content"> <h4><a href="#">Etiam Imperdiet Mattis Euismod</a></h4> <p>Phasellus bibendum massa vel odio iaculis placerat elit.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> <div class="col_3 no_margin_right"> <img class="img_fl" src="images/tooplate_icon_06.png" alt="Image 6" /> <div class="text_content"> <h4><a href="#">Aenean Mattis Nunc Ut Lectus</a></h4> <p>Nam eget nulla nec augue mollis iaculis nec in elit.</p> </div> <a href="#" class="button button_small button_small_green right">More</a> </div> </div>--> <div class="col_2"> <h2>Recent Articles</h2> <ul class="even_list"> <li><a href="#"> <img src="images/tooplate_image_01.jpg" alt="Image 01" /> <span class="title">紀(jì)念耶穌出生</span><br/> <!--<span class="date">OCT 27, 2048</span>--> <span class="intro">據(jù)說耶穌是因著圣靈成孕，由圣母瑪利亞所生的。神更派遣使者加伯列在夢(mèng)中曉諭約瑟，叫他不要因?yàn)轳R利亞未婚懷孕而不要她，反而要與她成親，把那孩子起名為“耶穌”，意思是要他把百姓從罪惡中救出來。當(dāng)馬利亞快要臨盆的時(shí)候，羅馬政府下了命令，全部人民到伯利恒務(wù)必申報(bào)戶籍。約瑟和馬利亞只好遵命。他們到達(dá)伯利恒時(shí).....</span> </a></li> <li><a href="#"> <img src="images/tooplate_image_02.jpg" alt="Image 02" /> <span class="title">羅馬教會(huì)設(shè)立</span><br/> <!--<span class="date">OCT 25, 2048</span>--> <span class="intro">4世紀(jì)初，1月6日是羅馬帝國東部各教會(huì)紀(jì)念耶穌降生和受洗的雙重節(jié)日、稱為“主顯節(jié)”（Epiphany），亦稱“顯現(xiàn)節(jié)”，即上帝通過耶穌向世人顯示自己。當(dāng)時(shí)只有那路拉冷的教會(huì)例外，那里只紀(jì)念耶穌的誕生而不紀(jì)念耶穌的受洗。后歷史學(xué)家在羅馬基督徒習(xí)用的日歷中發(fā)現(xiàn)公元354年12月25日頁內(nèi)記錄著：“基督降生在猶大的伯利恒.....</span> </a></li> <li><a href="#"> <img src="images/tooplate_image_03.jpg" alt="Image 03" /> <span class="title">發(fā)展</span><br/> <!--<span class="date">OCT 20, 2048</span>--> <span class="intro">眾所周知，圣誕節(jié)是為了慶祝耶穌的出生而設(shè)立的，但《圣經(jīng)》中卻從未提及耶穌出生在這一天，甚至很多歷史學(xué)家認(rèn)為耶穌是出生在春天。直到3世紀(jì)，12月25日才被官方定為圣誕節(jié)。盡管如此，還是有一些東正教把1月6日、7日定為圣誕節(jié)。 [3] 圣誕節(jié)本是宗教節(jié)日。十九世紀(jì)，圣誕卡的流行、圣誕老人的出現(xiàn)，使圣誕節(jié)開始漸漸流行起來....... </span> </a></li> </ul> <div class="clear h10"></div> <a href="#" class="button button_small button_small_gray">More</a> </div> <div class="col_2 no_margin_right"> <h2>Popular Articles</h2> <ul class="even_list"> <li><a href="#"> <img src="images/tooplate_image_04.jpg" alt="Image 04" /> <span class="title">圣誕卡</span><br/> <!--<span class="date">OCT 28, 2048</span>--> <span class="intro">圣誕卡（圣誕卡片）在美國和歐洲很流行，許多家庭隨賀卡帶上年度家庭合照或家庭新聞，新聞一般包括家庭成員在過去一年的優(yōu)點(diǎn)特長等內(nèi)容。圣誕節(jié)這天，指出天下一家世界大同的理想，只有以和平與仁愛的言行達(dá)成。寄贈(zèng)圣誕卡，除表示慶賀圣誕的喜樂外，就是向親友祝福，以表懷念之情。尤其對(duì)在孤寂中的親友，更是親切的關(guān)懷和安慰。</span> </a></li> <li><a href="#"> <img src="images/tooplate_image_05.jpg" alt="Image 05" /> <span class="title">圣誕襪</span><br/> <!--<span class="date">OCT 22, 2048</span>--> <span class="intro">最早以前是一對(duì)紅色的大襪子，大小不拘。因?yàn)槭フQ襪是要用來裝禮物的，所以是小朋友最喜歡的東西，晚上他們會(huì)將自己的襪子掛在床邊，等待第二天早上收禮。</span> </a></li> <li><a href="#"> <img src="images/tooplate_image_06.jpg" alt="Image 06" /> <span class="title">圣誕帽</span><br/><br/> <!--<span class="date">OCT 8, 2048</span>--> <span class="intro">是一頂紅色帽子，據(jù)說晚上戴上睡覺除了睡得安穩(wěn)和有點(diǎn)暖外，第二天你還會(huì)發(fā)現(xiàn)在帽子里多了點(diǎn)心愛的人送的禮物。圣誕裝飾包括以圣誕裝飾和圣誕燈裝飾的圣誕樹，戶內(nèi)以花環(huán)和常綠植物加以裝飾，特別的冬青和槲寄生是傳統(tǒng)采用的材料。在南北美洲和少數(shù)歐洲地區(qū)，傳統(tǒng)上戶外以燈光裝飾，包括用燈火裝飾的雪橇、雪人和其他圣誕形象。冬青和槲寄生是傳統(tǒng)采用的材料。市政當(dāng)局也會(huì)對(duì)圣誕裝飾加以支持，在街道懸掛圣誕標(biāo)語或者是在廣場放置圣誕樹。.</span> </a></li> </ul> <div class="clear h10"></div> <a href="#" class="button button_small button_small_gray">More</a> </div> <div class="clear"></div> </div> <!-- END of main --> <div class="clear"></div></div> <!-- END of wrapper --><div id="tooplate_footer_wrapper"> <div id="tooplate_footer" class="center"> <div class="col_4"> <h4>Pages</h4> <ul class="nobullet bottom_list"> <li><a href="index.html">首頁</a></li> <li><a href="news.html">禮物</a></li> <li><a href="gallery.html">飲食</a></li> <li><a href="about.html">地區(qū)特色</a></li> <li><a href="contact.html">登錄注冊(cè)</a></li> </ul> </div> <div class="col_4"> <h4>禮物</h4> <ul class="nobullet bottom_list"> <li><a href="#" target="_parent">圣誕卡</a></li> <li><a href="#" target="_parent">圣誕襪</a></li> <li><a href="#" target="_parent">圣誕帽</a></li> <li><a href="#" target="_parent">圣誕樹</a></li> <li><a href="#" target="_parent">圣誕節(jié)櫥窗</a></li> </ul> </div> <div class="col_4"> <h4>飲食</h4> <ul class="nobullet bottom_list"> <li><a href="#">火雞</a></li> <li><a href="#">glogi酒</a></li> <li><a href="#">沙灘宴</a></li> <li><a href="#">玉米粥</a></li> <li><a href="#">樹干蛋糕</a></li> </ul> </div> <div class="col_4 no_margin_right"> <h4>地區(qū)特色</h4> <p><a href="#" target="_blank">英國特色</a>.</p> <p><a href="#" target="_parent">美國特色</a></p> <p><a href="#" target="_parent">法國特色</a>.</p> <P><a href="#">瑞士特色</a></p> </div> <div class="clear"></div> </div> <!-- END of tooplate_footer --> <div id="tooplate_copyright" class="center"> <p> Copyright ? 2018 Your Company Name | Design: <a href="#" target="_parent">Tooplate</a>. More Templates <a title="圣誕快樂">圣誕快樂</a> </p> <ul id="social"> <li><a href="#"><img src="images/rss.png" alt="RSS" /></a></li> <li><a href="#"><img src="images/facebook.png" alt="Facebook" /></a></li> <li><a href="#"><img src="images/twitter.png" alt="Twitter" /></a></li> <li><a href="#"><img src="images/linkedin.png" alt="Linkedin" /></a></li> </ul> <div class="clear"></div> </div></div> <!-- END of tooplate_wrapper --></body></html>web前端 零基礎(chǔ)-入門到高級(jí) (視頻+源碼+開發(fā)軟件+學(xué)習(xí)資料+面試題) 一整套 (教程) 適合入門到高級(jí)的童鞋們?nèi)胧謣送1000套HTML+CSS+JavaScript模板網(wǎng)站 PC電腦端關(guān)注我們***HTML5期末考核大作業(yè)源碼 包含 個(gè)人、 美食、 公司、 學(xué)校、 旅游、 電商、 寵物、 電器、 茶葉、 家居、 酒店、 舞蹈、 動(dòng)漫、 明星、 服裝、 體育、 化妝品、 物流、 環(huán)保、 書籍、 婚紗、 軍事、 游戲、 節(jié)日、 戒煙、 電影、 攝影、 文化、 家鄉(xiāng)、 鮮花、 禮品、 汽車、 其他* 可滿足大學(xué)生網(wǎng)頁大作業(yè)網(wǎng)頁設(shè)計(jì)需求, 喜歡的可以下載! 關(guān)鍵詞：節(jié)日,音樂,視頻,背景,圣誕節(jié),作業(yè)
客戶&案例
營銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
