1、姓名歐亞學院HTML+CSS大作業web前端網頁設計期末大作業 題 目： 魅力京城 專 業： 班 級： 學 號： 姓 名： 時 間： web前端網頁設計大作業 網站名稱制作說明1.網站規劃1.1網站主題：魅力京城網站功能：向大眾展現北京的美麗；網站色調：紅、黃網站風格：簡約1.2規劃網站結構1.3準備素材 文本素材、圖片素材1.4建立站點2.頁面設計首頁效果圖首頁結構代碼home.code height: auto;padding: 20px;border: 1px solid #9EC9FE;background: #ECF3FD;.code pre font-size: 14px;.inf

2、o font-size: 12px;color: #666666;font-family: Verdana;margin: 20px 0 50px 0;.info p margin: 0;padding: 0;line-height: 22px;text-indent: 40px;h2.title margin: 0;padding: 0;margin-top: 50px;font-size: 18px;h3.title font-size: 16px;.importInfo font-family: Verdana;font-size: 14px;首頁美食古老文化現代文明北京精神新時代建筑國

3、家游泳中心（俗稱“水立方”）位于北京 奧林匹克公園內，2008年北京奧運會標 志性建筑物之一。其與國家體育場分列于 北京城市中軸線北端的兩側，共同形成相 對完整的北京歷史文化名城形象。2011年 “水立方”的場館自營收入8800萬元，入難 敷出，需要通過政府相關產業資金支持 才能達到收支平衡。國家體育場位于北京奧林匹克公園中心區南部，為2008年第29屆奧林匹克運動會的主體育場。工程總占地面積21公頃，建筑面積258,000。場內觀眾坐席約為91000個，其中臨時坐席約11000個。舉行奧運會、殘奧會開閉幕式、田徑比賽及足球比賽決賽。奧運會后將成為北京市民廣泛參與體育活動及享受體育娛樂的大型專

4、業場所，并成為具有地標性的體育建筑和奧運遺產。首頁css代碼/* CSS Document */body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div margin: 0;padding: 0;border: 0;* margin: 0;padding: 0;border: 0;font-family: Times New Roman, Times, serif;body font-family: Times New Roman, Times, serif;font-size: 12px;color: #000000;l

5、ine-height: 20px;text-align: leftul,li list-style-type: none;.head width: 1002px;margin: 0 auto;text-align: left;height: 160px;.page width: 1002px;margin: 0 auto;background: #FFFFFF;padding-top: 5px;.nav width: 1002px;height: 30px;background: url(./images/nav_bg.gif) repeat-x;line-height: 30px;text-

6、align: center;font-size: 14px;font-weight: bold;.nav a color: #efe219;.foot width: 1002px;margin: 0 auto;padding: 20px 0;.content width: 1002px;padding: 30px 0;text-align: left;.guntu width: 1002px;height: 160px;margin: 0 auto;overflow: hidden;padding-bottom: 10px;.jianzhu width: 982px;height: 26px;

7、margin: 0 auto;background: #9c0305;line-height: 26px;.jianzhu p line-height: 26px;color: #FFFFFF;font-weight: bold;font-size: 14px;text-align: left;text-indent: 10px;.jianzhu_bot width: 982px;margin: 0 auto;overflow: hidden;padding-top: 20px;.jianzhuA width: 440px;float: left;margin-left: 40px;displ

8、ay: inline;text-align: left.meishi width: 760px;margin: 0 auto;padding: 30px;text-align: left;.meishi h3 font-size: 18px;font-weight: bold;text-align: center;line-height: 30px;padding: 10px 0;二級頁面效果圖 二級頁面代碼精神home.code height: auto;padding: 20px;border: 1px solid #9EC9FE;background: #ECF3FD;.code pre

9、 font-size: 14px;.info font-size: 12px;color: #666666;font-family: Verdana;margin: 20px 0 50px 0;.info p margin: 0;padding: 0;line-height: 22px;text-indent: 40px;h2.title margin: 0;padding: 0;margin-top: 50px;font-size: 18px;h3.title font-size: 16px;.importInfo font-family: Verdana;font-size: 14px;b

10、ody background: url(img/jbg.jpg) no-repeat top center;首頁美食古老文化現代文明北京精神北 京 精 神“愛國”是“北京精神”的核心，是北京城市精神最深刻、最顯著的特征，源遠流長，歷久彌新。它 體現了北京市民所具有的“天下興亡、匹夫有責”的愛國精神，講政治、顧大局、樹正氣、重奉獻的時代精神，展現了北京時刻與民族命運緊密相連、心系國家發 展、勇擔時代使命的向心力與凝聚力?！皠撔隆笔恰氨本┚瘛钡木?。即突破常規、推陳出新。創新是民族進步之魂，是城市活力之源， 它體現了北京積極進取、追求進步的精神狀態。近年來，北京在經濟發展、科技進步、城市建設、社

11、會管理等方面取得的成效見證了這座城市的創新精神。建設世界 城市，北京仍將以創新贏得機遇和未來。“包容”是“北京精神”的特征，即寬容、容納。在統一多民族國家形成和壯大的漫長過程中，北京 以自己寬廣的胸懷和開放的心態吸引、融合著各地區各民族的文化，古典的、現代的、民族的、世界的，京腔京韻的、五湖四海的在今天的北京都有其展示的舞臺；不同國度、不同民族、不同區域的人，都能在北京尋找到發展的機會。“厚德”是“北京精神”的品質，源自易傳坤象：“地勢坤，君子以厚德載物”。3000 多年的建城史和850年的建都史不僅賦予了北京輝煌燦爛的歷史文化，也培育了北京市民胸懷坦蕩、文明有禮的優秀品質，孕育了這座城市德澤

12、育人、容載萬物的 獨特城市品格。在建設世界城市過程中，北京也必將繼續弘揚傳統美德，建設社會主義先進文化，弘揚友愛、奉獻、互助的人文精神，不斷彰顯人文關懷的內在品 質。三級頁面效果圖三級頁面代碼home.code height: auto;padding: 20px;border: 1px solid #9EC9FE;background: #ECF3FD;.code pre font-size: 14px;.info font-size: 12px;color: #666666;font-family: Verdana;margin: 20px 0 50px 0;.info p margin:

13、 0;padding: 0;line-height: 22px;text-indent: 40px;h2.title margin: 0;padding: 0;margin-top: 50px;font-size: 18px;h3.title font-size: 16px;.importInfo font-family: Verdana;font-size: 14px;首頁美食古老文化現代文明北京精神美 食北京自春秋戰國以來一直是我國北方重鎮，先后有遼、金、元、明、清五朝建都于此，是我國政治、經濟、文化、外交中心，漢、滿、蒙、回等各族人民大量在此定 居。世界和全國各地文化在此融會交流，在飲食

14、文化方面，形成了蔡萃百家、兼收并蓄、格調高雅、風格獨特、自成體系的“北京菜”。 “北京菜”是由北京地方風味菜，以牛羊肉為主的清真菜，以明清皇家傳出的宮廷菜，及做工精細、善烹海味的譚家菜，還有其它省市的菜肴組成。山東菜對北京菜系的形成影響深遠，北京菜的基穿山東風味的菜館在北京四處林立。山東的膠東派和濟南派在京相互融合交流，形成了以爆、炒、炸、火靠、熘、蒸、燒等為主要技法，口味濃厚之中又見清鮮脆嫩的北京風味，廣而影響齊魯、松遼、三晉、秦隴等北方風味的形成，在烹飪園地中一枝獨秀。宮廷菜在京菜中地位顯著，它選料珍貴，調味細膩，菜名曲雅，富于詩情畫意。現在的宮廷菜多是明清宮廷中傳出來的菜肴。著名菜品如：

15、抓炒魚片、紅娘自配、脯雪黃魚等。譚家菜是官府菜中的代表，講究原汁原味，咸甜適中，不惜用料，火候足到，如選料精細的黃燜魚翅是譚家一等代表菜，居各魚翅菜之首。 綜上所述，京菜由地方菜、清真菜、宮廷菜、官府菜等融合而成，口味濃厚清鱒，質感多樣，菜品繁多，四季分明，有完善、獨特的烹調技法，以爆、炒、熘、烤、 涮、燜、蒸、氽、煮見長。形成京菜特色的主要原因是北京為全國首府，特化天寶，人杰地靈。全國各風味菜技師多匯于此，菜肴原料天南地北，山珍海味、時令蔬菜應有盡有。而以北京填鴨制成的烤鴨，更是馳名中外，還有以此為原料而制成的全鴨席更是名傳遐邇，名品如火燎鴨心、燴鴨四寶、北京鴨卷，常單菜應席。 北京菜隨著社

16、會的改革和發展，在傳統的基礎上又有新烹飪技術的飛躍，京菜正以其古樸的文化，淳厚的風味，精淇湛的技藝，醇正的調味，絢麗多彩的特色為人們服務。、四級頁面效果圖四級頁面代碼home.code height: auto;padding: 20px;border: 1px solid #9EC9FE;background: #ECF3FD;.code pre font-size: 14px;.info font-size: 12px;color: #666666;font-family: Verdana;margin: 20px 0 50px 0;.info p margin: 0;padding: 0

17、;line-height: 22px;text-indent: 40px;h2.title margin: 0;padding: 0;margin-top: 50px;font-size: 18px;h3.title font-size: 16px;.importInfo font-family: Verdana;font-size: 14px;首頁美食古老文化現代文明北京精神古 老 文 化北京是有著千年歷史的國家歷史文化名城。北京在歷史上曾為五代都城，在從金朝起的800多年里，建造了許多宏偉壯麗的宮廷建筑，使北京成為我國擁有帝王宮殿、園林、廟壇和陵墓數量最多，內容最豐富的城市。 北京故宮又稱

18、紫禁城，這里原為明、清兩代的皇宮，住過24個皇帝，建筑宏偉壯觀，完美地體現了中國傳統的古典風格和東方格調，是我國乃至全世界現存最大的宮殿，是中華民族寶貴的文化遺產。 天壇以其布局合理、構筑精妙而揚名中外，是明、清兩代皇帝“祭天”和“祈谷”的地方，是我國現存最大的古代祭祀性建筑群，也是世界建筑藝術的寶貴遺產。 頤和園是北京著名的旅游景點，圓明園是我國最有名的皇家園林，園中山青水綠，在中外園林史上享有盛譽，具有很高的藝術價值，被譽為“萬園之園”。 、 明十三陵是北京最大的皇家陵寢墓群，內有明代13個皇帝的陵墓，尤其是現代發掘的明定陵，規模浩大，極為壯觀。燕京八景：燕京八景指北京舊時的八個景觀，包括

19、薊門煙樹（西土城）、盧溝曉月（盧溝橋）、金臺夕照（金臺路）、瓊島春蔭（北海公園）、居庸疊翠（八達 嶺）、太液秋風（中南海）、玉泉趵突（玉泉山）和西山晴雪（香山、八大處）。北京地區八景的說法最早見金代古籍明昌遺事，此后歷代方志包括宛署雜 記（明）、宸垣志略（清）等對燕京八景均有提及，早期的燕京八景與之后的燕京八景略有出入，至清乾隆年間，乾隆皇帝親自主持修訂了燕京八景的說法并 下旨建造御書燕京八景碑，燕京八景的景觀和描述才固定下來。五級頁面效果圖五級頁面代碼home.code height: auto;padding: 20px;border: 1px solid #9EC9FE;backgrou

20、nd: #ECF3FD;.code pre font-size: 14px;.info font-size: 12px;color: #666666;font-family: Verdana;margin: 20px 0 50px 0;.info p margin: 0;padding: 0;line-height: 22px;text-indent: 40px;h2.title margin: 0;padding: 0;margin-top: 50px;font-size: 18px;h3.title font-size: 16px;.importInfo font-family: Verd

21、ana;font-size: 14px;首頁美食古老文化現代文明北京精神現 代 文 明北京，中國第二大城市，中華人民共和國的首都和直轄市、中國國家中心城市，中國政治、文化和國際交流中心。北京位于華北平原北端，東南與北方經濟中心天津相連，其余為河北省所環繞。北京有著3000余年的建城史和850余年的建都史，是“中國四大古都”之一，其最早見于文獻的名稱叫做“薊”。北京薈萃了自元明清以來的中華文化，擁有眾多名勝古跡和人文景觀，是全球擁有世界文化遺產最多的城市。北京也為華北地區降雨最多的地區之一。其歷史悠久的國際高等大學北京大學、清華大學也坐落于北京。金融街 作為首都第一個大規模整體定向開發的金融功能區，進過十幾年的發展，金融街已經成為中國的金融決策監管中心、資產管理中心、金融支付結算中心、金融信息 中心：金融街集中了中國人民銀行、中國銀監會、中國證監會、中國保監會等中國最高等金融決策和監管機構，幾乎所有有關中國金融的重大決策都在這里醞 釀、討論和最終形成。是中國金融業最具影響力