1、姓名歐亞學(xué)院HTML+CSS大作業(yè)HTML5網(wǎng)頁設(shè)計(jì)期末大作業(yè) 題 目： 平遙古城 專 業(yè)： 班 級(jí)： 學(xué) 號(hào)： 姓 名： 時(shí) 間： web前端網(wǎng)頁設(shè)計(jì)大作業(yè) 網(wǎng)站名稱制作說明1.網(wǎng)站規(guī)劃1.網(wǎng)站主題（旅游網(wǎng)站設(shè)計(jì)與制作）1.1網(wǎng)站定位平遙古城，位于山西省平遙縣境內(nèi)，占地面積225平方公里，是國家歷史文化名城，也是我國第一個(gè)被列為“世界文化遺產(chǎn)”的城市。現(xiàn)存古城始建于明洪武三年，距今已有600多年的歷史，是明清時(shí)期漢民族歷史文化的重要載體，具有重要的科研價(jià)值和旅游開發(fā)價(jià)值。1.2網(wǎng)站色調(diào)平遙旅游網(wǎng)站的主要色調(diào)是藍(lán)，白為主題的網(wǎng)站。由于網(wǎng)站采用現(xiàn)代化的設(shè)計(jì)風(fēng)格，所以在設(shè)計(jì)中，為了讓人們體驗(yàn)到舒適

2、的環(huán)境畫面，所以采用藍(lán)白為主色調(diào)，讓人耳目一新。1.3網(wǎng)站風(fēng)格藍(lán)色是冷色調(diào)最典型的代表色，是網(wǎng)站設(shè)計(jì)中運(yùn)用得最多的顏色，也是許多人鐘愛的顏色。藍(lán)色表達(dá)著深遠(yuǎn)、永恒、沉靜、無限、理智、老實(shí)、嚴(yán)寒的多種感覺。藍(lán)色會(huì)給人很強(qiáng)烈的安穩(wěn)感，同時(shí)藍(lán)色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。網(wǎng)站體現(xiàn)了最簡潔的現(xiàn)代化風(fēng)格。2規(guī)劃網(wǎng)站結(jié)構(gòu)3準(zhǔn)備素材 文本素材、圖片素材4建立站點(diǎn)首頁代碼平遙古城2.頁面設(shè)計(jì) 網(wǎng)站首頁 旅游指南 聯(lián)系我們 建筑布局 聯(lián)系我們 您所在的位置： 主頁 聯(lián)系我們 聯(lián)系我們?cè)谶@里你可以查到我們的聯(lián)系方式，你可以通過電話，郵件，或者在線提交的方式 你的名字 你的電話 你的郵箱 你的意見 歡迎來

3、到平遙古城旅游！版權(quán)所有：平遙古城 首頁效果圖首頁css代碼/*公用定義*/charset utf-8;*:focus outline: none;input line-height: normal;body a,.tm -webkit-transition: all .2s linear; transition: all .2s linear; cursor: pointer;input,select,textarea,div 、 FONT-FAMILY: Microsoft YaHei;body margin: 0px; font-size: 12px; background: #b2d9

4、dc; color: #2b2b2b;a text-decoration: none; color: #2b2b2b;a:hover text-decoration: none; color: #666666;ul,li,tr,td,dl,dt,dd list-style-type: none; margin: 0px; padding: 0px;li overflow: hidden;a img text-decoration: none; margin: 0px; padding: 0px; border: none;.f float: left; overflow: hidden;.r

5、float: right; overflow: hidden;.bai,.bai a color: #FFFFFF;.hong,.hong a color: #ff0000;.huang,.huang a color: #faaf19;.lan,.lan a color: #399abf;.lv,.lv a color: #2293d1;.hui,.hui a color: #909090;.hui a:hover color: #fff;.xi12 font-size: 12px;.xi13 font-size: 13px;.xi14 font-size: 14px;.xi15 font-s

6、ize: 15px;.xi16 font-size: 16px;.xi17 font-size: 17px;.xi18 font-size: 18px;.xi19 font-size: 19px;.xi20 font-size: 20px;.xi21 font-size: 21px;.xi22 font-size: 22px;.xi23 font-size: 23px;.xi24 font-size: 24px;.xi25 font-size: 25px;.xi26 font-size: 26px;.xi27 font-size: 27px;.xi28 font-size: 28px;.xi2

7、9 font-size: 29px;.xi30 font-size: 30px;.xi31 font-size: 31px;.xi32 font-size: 32px;.xi33 font-size: 33px;.xi34 font-size: 34px;.xi35 font-size: 35px;.xi36 font-size: 36px;.xi37 font-size: 37px;.xi38 font-size: 38px;.xi39 font-size: 39px;.xi40 font-size: 40px;.cu font-weight: bold;.xi font-weight: l

8、ighter;.mg margin-left: auto; margin-right: auto; overflow: hidden; width: 1170px;.mg2 margin-left: auto; margin-right: auto; overflow: hidden; 景點(diǎn)門票 開放時(shí)間 交通指南 優(yōu)惠政策 景點(diǎn)門票 1、平遙古城通票：全價(jià)130元/人 半價(jià)票65元/人（平遙古城門票均無需在線預(yù)訂，景區(qū)窗口購買即可） 2、雙林寺：35元/人 半價(jià)票15元/人 3、鎮(zhèn)國寺：25元/人 半價(jià)票10元/人 4、優(yōu)惠政策：1.2米以下兒童、現(xiàn)役軍人、殘疾人、60歲以上老年人憑有效證件

9、予以免票優(yōu)惠，18周歲以下（含18周歲）的青少年、學(xué)生憑有效證件可購買半價(jià)優(yōu)惠門票。 42 開放時(shí)間 旺季（4月-10月）：08：0018：30 淡季（11月-3月）：08：3018：00 43 交通指南 飛機(jī)：如果想乘坐飛機(jī)前往平遙，一般先飛至太原市武宿國際機(jī)場(chǎng)，從太原市再轉(zhuǎn)乘長途客車或火車前往平遙，不管是乘坐長途客車或者是火車，都大約需要一個(gè)半小時(shí)到兩個(gè)小時(shí)就能到達(dá)。從機(jī)場(chǎng)出來的機(jī)場(chǎng)集團(tuán)公司站乘坐201路可以到達(dá)太原建南汽車站、太原汽車站以及太原火車站，從此三處出發(fā)均可直達(dá)平遙。 44 火車：平遙火車站位于古城的西側(cè)，離古城西北城角僅300米。到達(dá)平遙的火車都是過路車，除山西省內(nèi)城市外，從

10、這里乘坐火車出發(fā)還能夠直接到達(dá)北京、重慶、廣州、成都、西安、呼和浩特、蘭州、唐山等地。2014年7月平遙古城站（動(dòng)車站）正式通車。 43 45 客車：平遙古城公路比較發(fā)達(dá)，不過由于平遙汽車站主要運(yùn)營省內(nèi)線路，所以從太原中轉(zhuǎn)客車去平遙最為合適。 44 優(yōu)惠政策 2020年2月15日，從平遙古城景區(qū)了解到，為致敬廣大醫(yī)務(wù)工作者在新冠肺炎疫情中守護(hù)百姓健康、捍衛(wèi)人民生命，平遙古城景區(qū)自疫情結(jié)束恢復(fù)運(yùn)營之日起一年內(nèi)，全國醫(yī)護(hù)工作者憑本人有效證件（醫(yī)生、護(hù)士執(zhí)業(yè)證及身份證等）免費(fèi)參觀平遙縣納入平遙古城門票內(nèi)的開放景點(diǎn)。 二級(jí)頁面效果圖 平遙古城 網(wǎng)站首頁 旅游指南 聯(lián)系我們 建筑布局 聯(lián)系我們 您所在的

11、位置： 主頁 聯(lián)系我們 聯(lián)系我們?cè)谶@里你可以查到我們的聯(lián)系方式，你可以通過電話，郵件，或者在線提交的方式 你的名字 你的電話 你的郵箱 你的意見 歡迎來到平遙古城旅游！版權(quán)所有：平遙古城 三級(jí)頁面效果圖四級(jí)頁面代碼 平遙古城 網(wǎng)站首頁 旅游指南 聯(lián)系我們 建筑布局 四級(jí)頁面代碼 平遙古城 網(wǎng)站首頁 旅游指南 聯(lián)系我們 建筑布局 建筑布局 您所在的位置： 主頁 建筑布局 平遙古城自明洪武三年（公元1370年）重建以后，基本保持了原有格局。平遙城內(nèi)的重點(diǎn)民居，系建于公元18401911年之間。民居建筑布局嚴(yán)謹(jǐn)，軸線明確，左右對(duì)稱、主次分明、輪廓起伏，外觀封閉，大院深深。精巧的木雕、磚雕和石雕配以濃

12、重鄉(xiāng)土氣息的剪紙窗花、惟妙惟肖，栩栩如生，集中體現(xiàn)了公元14至19世紀(jì)前后漢民族的歷史文化特色，對(duì)研究這一時(shí)期的社會(huì)形態(tài)、經(jīng)濟(jì)結(jié)構(gòu)、軍事防御、宗教信仰、傳統(tǒng)思想、倫理道德的人類居住形式有重要的參考價(jià)值，是迄今漢民族地區(qū)保存最完整的古代居民群落。 康熙年間，范村人宋忠原背著一把大雨傘進(jìn)平遙城看病，走到落邑村村南，從后面慌慌張張地跑來一人，宋忠原認(rèn)得此人，是鄰村人毋連遲。當(dāng)時(shí)烏云密布，電閃雷鳴，眼看就要下雨了。不一會(huì)兒，果然下起了大雨。宋忠原撐起背著的大雨傘，邀毋連遲同行，毋連遲趕緊靠過來借傘避雨。 兩人風(fēng)雨同舟，互濟(jì)互助，邊談笑邊行路到了高林村。宋忠原因風(fēng)力大累得滿頭大汗，毋連遲于是接過宋忠原的

13、傘打著到了南門外孔家飯店。這時(shí)已是風(fēng)停云散，雨過天晴。宋忠原向毋連遲要傘。毋連遲不但不還宋忠原，反而誣賴傘是他的，兩人爭吵起來，圍攏來不少的觀眾。毋連遲說：“傘是我的！”宋忠原說：“傘是我的！”宋、毋扯奪雨傘，觀眾誰也斷不清這傘是誰的，看他們吵吵嚷嚷，一直鬧到平遙縣署。宋忠原擊鼓喊冤，知縣王杰急忙升堂，原告宋忠原陳述了事情的經(jīng)過。被告毋連遲仍一口咬定傘是他的。兩人各抒己見，知縣王杰一時(shí)作難，不好判斷。沉默了一會(huì)，王杰猛然間把驚堂木一拍說：“刁民！屁大的事到縣衙擊鼓告狀！想試探本官的軟硬智愚”隨即把傘撕的粉碎，擲下堂來，喝令退堂。 原告宋忠原從堂上下來，淚涕滿面，被告毋連遲則幸災(zāi)樂禍，洋洋得意。

14、兩人走出縣衙走到照壁南街上，四個(gè)衙役趕了出來，傳喚二人重回縣衙。二人再次跪在大堂上，知縣王杰和顏悅色地判斷，傘是原告宋忠原的，被告毋連遲屬誣賴，重責(zé)四十大板，罰錢十貫，賠原告一把新雨傘。事后宋忠原給王知縣送了一塊匾額，上刻”明鏡高懸”四個(gè)大字。 歡迎來到平遙古城旅游！版權(quán)所有：平遙古城 四級(jí)頁面效果圖3網(wǎng)站測(cè)試功能實(shí)現(xiàn)、鏈接有效性4.總結(jié)與提高通過本次網(wǎng)站設(shè)計(jì)與制作我學(xué)會(huì)了怎么使用代碼來編程圖片、充分認(rèn)識(shí)到了選擇器的重要性和各種標(biāo)簽和屬性的記憶，在學(xué)習(xí)的過程中也遇到了很多困難，記得剛開始上網(wǎng)頁課的時(shí)候，沒有好好聽老師上課，在老師讓我們做作業(yè)的時(shí)候，根本無從下手，還被老師批評(píng)，但是老師還行不厭其煩的教我們，讓我們一點(diǎn)一點(diǎn)的學(xué)習(xí)，老師真的很認(rèn)真負(fù)責(zé)，慢慢的我也喜歡上了上網(wǎng)頁課，由剛開始只愿意做后排，變?yōu)樽诶蠋煾埃@一切都得感謝老師