時(shí)間：2023-09-28 02:12:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-28 02:12:01 來源：網(wǎng)站運(yùn)營(yíng)
html制作網(wǎng)頁(yè)案例代碼----(故宮博物館9頁(yè))特效很多：?> ? 源碼獲取 文末聯(lián)系 ?Web前端開發(fā)技術(shù) 描述 網(wǎng)頁(yè)設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè) 茶文化網(wǎng)站 | 中華傳統(tǒng)文化題材 | 京劇文化水墨風(fēng)書畫 | 中國(guó)民間年畫文化藝術(shù)網(wǎng)站 | 等網(wǎng)站的設(shè)計(jì)與制作 | HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè)，Web大學(xué)生網(wǎng)頁(yè)
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"> <title>故宮博物館</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/homecommon.css"> <link rel="stylesheet" href="css/home.css"> <script src="js/函數(shù).js"></script> <script src="js/common.js"></script> <script src="js/home.js"></script> <script src="js/jquery.min.js"></script></head><body> <!-- 頭部 --> <header> <div class="logo"></div> <div class="nav"> <ul> <li><a href="">首頁(yè)</a></li> <li><a href="guide.html">導(dǎo)覽</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="exhibition.html">展覽</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="teach.html">教育</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="probe.html">探索</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="learning.html">學(xué)術(shù)</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="cultural.html">文創(chuàng)</a><b><img src="picture/arrow1.png" alt=""></b></li> <li><a href="about.html">關(guān)于</a><b><img src="picture/arrow1.png" alt=""></b></li> </ul> </div> <div class="tools"> <ul class="clear"> <li> <a href="javascript:;"><img src="picture/tools1.png" alt=""></a> <div class="show"> <a href="signin.html">登錄</a> <a href="signin.html">注冊(cè)</a> </div> </li> <li> <a href="javascript:;"><img src="picture/tools2.png" alt=""></a> <div class="show"> <a href="javascript:;">EN</a> <a href="javascript:;">青少版</a> </div> </li> <li> <a href="javascript:;"><img src="picture/tools3.png" alt=""></a> <div class="show"> <a href="javascript:;">搜索</a> </div> </li> </ul> <a href="#" class="tools4"> <img src="picture/tools4.png" alt=""> </a> </div> <div class="nav_child"> <div class="child c1"> <div class="nav"> <a href="javascript:;">開放時(shí)間</a> <a href="javascript:;">票務(wù)服務(wù)</a> <a href="javascript:;">交通路線</a> <a href="javascript:;">游覽須知</a> <a href="javascript:;">全景故宮</a> </div> </div> <div class="child c2"> <div class="nav"> <a href="javascript:;">近期展覽</a> <a href="javascript:;">專館</a> <a href="javascript:;">原狀陳列</a> <a href="javascript:;">赴外展覽</a> </div> </div> <div class="child c3"> <div class="nav"> <a href="javascript:;">教育新聞</a> <a href="javascript:;">故宮講壇</a> <a href="javascript:;">故宮博物院教育中心</a> <a href="javascript:;">國(guó)際博協(xié)培訓(xùn)中心</a> <a href="javascript:;">故宮志愿者</a> </div> </div> <div class="child c4"> <div class="nav"> <a href="javascript:;">建筑</a> <a href="javascript:;">藏品</a> <a href="javascript:;">古籍</a> <a href="javascript:;">宮廷歷史</a> <a href="javascript:;">文物醫(yī)院</a> <a href="javascript:;">文化專題</a> <a href="javascript:;">名畫記</a> <a href="javascript:;">數(shù)字多寶閣</a> <a href="javascript:;">數(shù)字文物庫(kù)</a> <a href="javascript:;">藏品總目</a> </div> </div> <div class="child c5"> <div class="nav"> <a href="javascript:;">學(xué)術(shù)資訊</a> <a href="javascript:;">專家名錄</a> <a href="javascript:;">故宮研究院</a> <a href="javascript:;">故宮學(xué)院</a> <a href="javascript:;">其他學(xué)術(shù)機(jī)構(gòu)</a> <a href="javascript:;">故宮博物院院刊</a> </div> </div> <div class="child c6"> <div class="nav"> <a href="javascript:;">故宮出版</a> <a href="javascript:;"> 文創(chuàng)產(chǎn)品</a> <a href="javascript:;"> 故宮壁紙</a> <a href="javascript:;"> 故宮APP</a> <a href="javascript:;"> 故宮游戲</a> </div> </div> <div class="child c7"> <div class="nav"> <a href="javascript:;">總說</a> <a href="javascript:;">領(lǐng)導(dǎo)資訊</a> <a href="javascript:;">院史編年</a> <a href="javascript:;">景仁榜</a> <a href="javascript:;">機(jī)構(gòu)</a> <a href="javascript:;">設(shè)置</a> </div> </div> </div></header> <div class="home"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <ol> </ol> </div> <div class="h_w"> <div class="h_row1"> <h1>故宮博物院關(guān)于“五一”假期期間參觀的溫馨提示</h1> <p>“五一”假期期間，故宮博物院開館時(shí)間從8:30提前至8:00。為了更好地提供票務(wù)服務(wù)，即日起，故宮博物院門票的開售時(shí)間從每日24時(shí)，提前至每日20時(shí)。</p> <a href="javascript:;">詳細(xì)內(nèi)容 <div id="line0" style="position: absolute; inset: 0px;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="110" height="40" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Rapha?l</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><path fill="none" stroke="#dadada" d="M0,5L5,5L5,0L105,0L105,5L110,5L110,35L105,35L105,40L5,40L5,35L0,35L0,5" stroke-width="2" stroke-dasharray="1000,1000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-dashoffset: 0px; stroke-dasharray: 500, 500;"></path></svg></div> </a> </div> <div class="h_row2"> <div class="row2_col1"> <div class="row1"> <div class="new"> <h1><img src="picture/public-icon1.png" alt="">故宮 資訊<img src="picture/public-icon2.png" alt=""> <a href="javascript:;" class="a">更多 <i></i> </a> </h1> <div class="list"> <a href="javascript:;">【聲明】關(guān)于故宮博物院在職、離退休人員參加社會(huì)文物鑒定等公務(wù)性活動(dòng)的聲明</a> <a href="javascript:;">【嚴(yán)正聲明】關(guān)于我院依法對(duì)“故宮博物院”享有名稱權(quán)和對(duì)已注冊(cè)商標(biāo)的商標(biāo)專用權(quán)的嚴(yán)正聲明</a> </div> <ul class="bottom"> <li>故宮博物院第九屆故宮學(xué)高校教師講習(xí)班招收學(xué)員啟事 <p>03 / 17</p> </li> <li>故宮博物院關(guān)于“五一”假期期間參觀的溫馨提示 <p>04 / 30</p> </li> <li>故宮博物院2021年度部門預(yù)算 <p>04 / 30</p> </li> <li>“廟堂儀范——故宮博物院藏歷代人物畫特展（第一期） <p>04 / 30</p> </li> <li>故宮博物院陶瓷館于“五一”武英殿開館 <p>04 / 30</p> </li> </ul> </div> <div class="img"><img src="picture/s6084d111809d6.jpg" alt=""></div> </div> <div class="row2"> <img src="picture/s60471e6f2bc3d.png" alt=""> </div> </div> <div class="row2_col2"> <div class="row1"> <div class="col1"> <div class="h1">2021 / 5 / 2</div> <div class="h2">今日開館</div> <div class="p"> <div class="p">除法定節(jié)假日，故宮博物院全年實(shí)行周一閉館<strong>入館參觀需驗(yàn)證健康碼，測(cè)體溫，刷身份證</strong></div> </div> <div class="list"> <div class="li"> <h1>08:30</h1> <p>開放進(jìn)館時(shí)間</p> </div> <span></span> <div class="li"> <h1>16:00</h1> <p>止票時(shí)間<br>(含鐘表館、珍寶館)</p> </div> <span></span> <div class="li"> <h1>16:10</h1> <p>停止入館時(shí)間</p> </div> <span></span> <div class="li"> <h1>17:00</h1> <p>閉館時(shí)間</p> </div> </div> </div> <div class="col2"> <div class="col2_row1"> <div class="item1"> <img src="picture/s5fae58c4971ad.png" alt=""> <div class="h">官方購(gòu)票網(wǎng)站</div> </div> <div class="item1"> <img src="picture/s5fae58c497445.png" alt=""> <div class="h">官方購(gòu)票公眾號(hào)</div> </div> <div class="item2"> <div class="h1">票務(wù)咨詢電話</div> <div class="p1">服務(wù)時(shí)間：8:30 — 22:00</div> <div class="t"> <span>010-85007057</span> <span>010-85007058 </span> <span>010-85007062 </span> <span>010-85007063 </span> <span>010-85007966 </span> <span>010-85007970</span> <span>010-85007967</span> <span>010-85007968</span> </div> </div> </div> <div class="slp"></div> <ul class="col2_row2"> <li><img src="picture/s5fa5319858ff0.png" alt="">導(dǎo)覽地圖</li> <li><img src="picture/s5fa531985946e.png" alt="">交通路線</li> <li><img src="picture/s5fa5319859960.png" alt="">票務(wù)服務(wù)</li> <li><img src="picture/s5fa5319859c8d.png" alt="">游覽須知</li> </ul> </div> </div> <div class="box4"> <h1><img src="picture/public-icon1.png" alt="">開放 公告<img src="picture/public-icon2.png" alt=""> <a href="javascript:;" class="a">更多 <i></i> </a> </h1> <div class="list"> <a href="javascript:;">故宮博物院關(guān)于暫停城墻開放的公告</a> <a href="javascript:;">故宮博物院實(shí)行全部網(wǎng)絡(luò)購(gòu)票</a> </div> <ul class="bottom"> <li>關(guān)于承乾宮青銅器館暫停開放的公告 <p>2021 / 04 / 27</p> </li> <li>關(guān)于故宮博物院典藏如意展恢復(fù)開放的公告 <p>2021 / 03 / 10</p> </li> <li>關(guān)于故宮博物院典藏如意展暫停開放的公告 <p>2021 / 03 / 03</p> </li> </ul> </div> </div> </div> <div class="h_row3"> <div class="box1"> <h1><img src="picture/public-icon1.png" alt="">故宮 藏品<img src="picture/public-icon2.png" alt=""></h1> <div class="num"><b>1,863,404</b> <p><img src="picture/indexicon1.png" alt=""></p> </div> <a href="javascript:;">藏品總目 <div id="line1" style="position: absolute; inset: 0px;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="140" height="40" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Rapha?l</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><path fill="none" stroke="#ffffff" d="M0,5L5,5L5,0L135,0L135,5L140,5L140,35L135,35L135,40L5,40L5,35L0,35L0,5" stroke-width="2" stroke-dasharray="1000,1000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-dashoffset: 0px; stroke-dasharray: 500, 500;"></path></svg></div> </a> <a href="javascript:;">數(shù)字文物庫(kù) <div id="line2" style="position: absolute; inset: 0px;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="140" height="40" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); left: 0px;"><desc style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);">Created with Rapha?l</desc><defs style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></defs><path fill="none" stroke="#ffffff" d="M0,5L5,5L5,0L135,0L135,5L140,5L140,35L135,35L135,40L5,40L5,35L0,35L0,5" stroke-width="2" stroke-dasharray="1000,1000" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0); stroke-width: 2; stroke-dashoffset: 0px; stroke-dasharray: 500, 500;"></path></svg></div> </a> </div> <ul class="box2"> <li><img src="picture/s60754db6220db.jpg" alt=""> <div class="mask"> <p>馬遠(yuǎn)白薔薇圖頁(yè)</p> <p> 宋</p> <p>縱26.2cm，橫25.8cm</p> <p></p> <p class="jj">畫中的白薔薇花朵碩大，枝葉繁茂，光彩奪目。畫家筆法嚴(yán)謹(jǐn)，畫風(fēng)清麗活潑，頗具生氣，代表了南宋畫院花鳥畫的典型風(fēng)貌。</p> </div> </li> <li><img src="picture/s60754db622db6.jpg" alt=""> <div class="mask"> <p>晴春蝶戲圖頁(yè)</p> <p> 宋</p> <p>縱23.7cm，橫25.3cm</p> <p></p> <p class="jj">圖繪體態(tài)多姿的鳳蝶、嬌小素凈的粉蝶等各種蝴蝶，在明媚的春光下宛若俏麗的花團(tuán)漫天綻放，形象生動(dòng)地體現(xiàn)出蝶戲的創(chuàng)作主題。</p> </div> </li> <li><img src="picture/s60754db620cb3.jpg" alt=""> <div class="mask"> <p>碧桃圖頁(yè)</p> <p> 宋</p> <p>縱24.8厘米，橫27厘米</p> <p></p> <p class="jj">圖中盛開的碧桃紅白相映，枝葉扶疏，嬌柔嫵媚。雖然畫面上僅繪桃花兩枝，但它的繁花簇簇、苞蕾盈枝則透露出濃郁的春意。</p> </div> </li> </ul> </div> <div class="h_row4"> <div class="row1"> <h1><img src="picture/public-icon1.png" alt=""> 博物館活動(dòng)<img src="picture/public-icon2.png" alt=""></h1> <ul class="box3"> <li> <h3>【講座報(bào)道】朱玉麒：從燕然山到大成殿——西北邊疆平定的紀(jì)功碑——故宮研究院學(xué)術(shù)講壇第八十二講</h3> <p>2021年4月21日下午，杭州大學(xué)歷史學(xué)系暨中國(guó)古代史研究中心教授朱玉麒先生在故宮博物院第二會(huì)議...</p> </li> <li> <h3>《（新編）中國(guó)通史》清代（上）卷、中國(guó)歷史圖錄卷 編纂工作正式啟動(dòng)</h3> <p>《（新編）中國(guó)通史》是黨中央在中國(guó)特色社會(huì)主義進(jìn)入新時(shí)代，中華民族迎來全面建成小康社會(huì)，實(shí)現(xiàn)第一...</p> </li> <li> <h3>國(guó)際古跡遺址日中國(guó)主題活動(dòng)“我在故宮畫彩畫——聽障青少年走進(jìn)文化遺產(chǎn)地”順利舉行</h3> <p>2021年4月18日上午，由國(guó)家文物局指導(dǎo)，中國(guó)古跡遺址保護(hù)協(xié)會(huì)、故宮博物院、中國(guó)聽力語(yǔ)言康復(fù)研...</p> </li> <li> <h3>【講座報(bào)道】王旭東院長(zhǎng)：“敦煌與故宮——中華文化包容互鑒的結(jié)晶” ——2021年北大故宮系列學(xué)術(shù)講座隆重開啟</h3> <p>2021年4月9日晚，在這春意盎然的美好日子里，故宮博物院院長(zhǎng)王旭東做客杭州大學(xué)，舉辦主題為“敦...</p> </li> </ul> </div> <div class="row2"> <img src="picture/s608b636e07539.jpg" alt=""> </div> </div> <ul class="h_row5"> <li><img src="picture/s5ebe364fa24bd.jpg" alt=""> <div class="cont"><img src="picture/s5863704a46b10.png" alt=""> <p>圖書館</p> </div> <div class="mask"></div> </li> <li><img src="picture/s5835a58eb4421.jpg" alt=""> <div class="cont"><img src="picture/s58636fe246e0a.png" alt=""> <p>視聽館</p> </div> <div class="mask"></div> </li> <li><img src="picture/s5835a57aca965.jpg" alt=""> <div class="cont"><img src="picture/s58bcfc20c5076.png" alt=""> <p>數(shù)字文物庫(kù)</p> </div> <div class="mask"></div> </li> <li><img src="picture/s5f86a1c4afbf6.jpg" alt=""> <div class="cont"><img src="picture/s58bcfc33c893d.png" alt=""> <p>全景故宮</p> </div> <div class="mask"></div> </li> <li><img src="picture/s5835a57aca965.jpg" alt=""> <div class="cont"><img src="picture/s58bcfc4e63ba3.png" alt=""> <p>V故宮</p> </div> <div class="mask"></div> </li> </ul> </div> <div class="sidebar"> <ul class="sidebar_ul"> <li> <a href="javascript:;"></a> </li> <li> <a href="javascript:;">常</a> <div class="box"><i>年</i> · <i>慶</i> · <i>博</i> · <i>春</i> · <i>夏</i> · <i>秋</i> · <i>冬</i> · <i>常</i></div> </li> <li> <a href="javascript:;">享</a> <div class="box"><img src="picture/share-icon1.png" alt=""><img src="picture/share-icon2.png" alt=""></div> </li> <li> <a href="javascript:;">書</a> <div class="box">圖書館</div> </li> <li> <a href="javascript:;">聽</a> <div class="box">視聽館</div> </li> <li> <a href="cultural.html">創(chuàng)</a> <div class="box">文創(chuàng)館</div> </li> <li> <a href="javascript:;">景</a> <div class="box">全局故宮</div> </li> <li> <a href="javascript:;">VR</a> <div class="box">V故宮</div> </li> <li> <a href="javascript:;">云</a> <div class="box">云游故宮</div> </li> <li> <a href="signin.html">登</a> <div class="box">會(huì)員登錄</div> </li> <li> <a href="javascript:;"></a> <div class="box">調(diào)查問卷</div> </li> </ul> <div class="sidebar_x"></div> </div> <!-- 底部 --> <div class="footer"> <div class="num">網(wǎng)站訪問量<span><i>1</i><i>3</i><i>1</i><i>7</i><i>7</i><i>3</i><i>8</i><i>8</i><i>0</i></span></div> <div class="nav_foot"> 網(wǎng)站地圖 相關(guān)鏈接 影像授權(quán) 隱私政策 版權(quán)聲明 在線咨詢 聯(lián)系我們 關(guān)于我們 調(diào)查問卷 </div> <div class="row1">網(wǎng)站維護(hù)：故宮博物院資料信息部 聯(lián)系方式：gugong@dpm.org.cn</div> <div class="row2"><img src="picture/ico.png" alt=""> 京公網(wǎng)安備 11010102004165號(hào) 京ICP備05067311號(hào)-1</div> <div class="row3">? 2001- 現(xiàn)在 故宮博物院 網(wǎng)站建設(shè)： 杭州分形科技</div> <div class="jy">瀏覽建議</div> <div class="row4"> <div class="col"> <div class="col3"></div> </div> <div class="col2"></div> </div> </div></body></html>關(guān)鍵詞：故宮,博物館
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
