“湖南風(fēng)光網(wǎng)站”課程設(shè)計報告

湖南涉外經(jīng)濟(jì)學(xué)院課程設(shè)計報告課程名稱： 網(wǎng)頁設(shè)計報告題目：“湖南風(fēng)光網(wǎng)站”課程設(shè)計報告學(xué)生姓名： ***所在學(xué)院：信息科學(xué)與工程學(xué)院專業(yè)班級：電商201201班學(xué)生學(xué)號： 11指導(dǎo)教師： 彭老師2013年6月28日課程設(shè)計任務(wù)書報告題目“風(fēng)景網(wǎng)站”課程設(shè)計報告完成時間2013.6.28學(xué)生姓名謝教海專業(yè)班級電子商務(wù)指導(dǎo)教師彭珊珊職稱講師總體設(shè)計要求和技術(shù)要點圍繞本課程的教育目標(biāo)，根據(jù)課程的教學(xué)大綱和教材內(nèi)容，結(jié)合網(wǎng)站在生產(chǎn)、科研、管理、教學(xué)以及日常生活等各個領(lǐng)域的應(yīng)用都可作為課程設(shè)計的內(nèi)容。例如可以選擇制作求職網(wǎng)、個人網(wǎng)站、公司網(wǎng)站、娛樂性網(wǎng)站、旅游網(wǎng)站、花卉市場、團(tuán)購網(wǎng)站等類型網(wǎng)站；原則上設(shè)計題目自己設(shè)定，但需要通過指導(dǎo)老師認(rèn)可。設(shè)計的具體內(nèi)容和要求包括：1、使用HTML5編輯網(wǎng)頁的框架和主體內(nèi)容；主頁要求使用DIV嵌套布局頁面；2、使用CSS3代碼來設(shè)計網(wǎng)頁的風(fēng)格，統(tǒng)一整個網(wǎng)頁的視覺效果；3、使用JAVASCRIPT來增加網(wǎng)頁互動效果；4、站點設(shè)計合理、管理有序、無多余文件和文件夾、大小合適，主頁用index.htm命名，且在站點根目錄下；5、站點至少要有三層結(jié)構(gòu)，總頁面數(shù)不得少于10頁；6、網(wǎng)頁要有版權(quán)說明；7、要仔細(xì)考慮網(wǎng)站定位，分析面向的潛在訪客群體的需求特點，選擇內(nèi)容和版式；8、突出網(wǎng)站主題、內(nèi)容豐富；9、網(wǎng)站與網(wǎng)頁風(fēng)格應(yīng)該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，內(nèi)容重點突出，頁面設(shè)計要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意；10、各頁面設(shè)計合理、美觀，有創(chuàng)意。要有網(wǎng)頁平面設(shè)計過程，不要只是各種元素的隨意拼湊；圖片動畫選用要適合主題，不要在網(wǎng)頁中插入不相干的圖片；適用于各種顯示器的分辨率和顏色，不要太寬，否則顯示器分辨率小時會出現(xiàn)水平滾動條；11、各個頁面之間的鏈接要合理有效，路徑要正確（相對路徑）；12、注意網(wǎng)站的大小，圖片保存格式和圖片大小要合適；13、代碼結(jié)構(gòu)清晰，無垃圾代碼。工作內(nèi)容及時間進(jìn)度安排確定網(wǎng)站主題、搜集資料確定站點目錄結(jié)構(gòu)圖、布局方案設(shè)計首頁設(shè)計其余頁面動畫設(shè)計，美化頁面增加網(wǎng)頁特效網(wǎng)站整體調(diào)試并修改完善發(fā)布網(wǎng)站撰寫報告答辯，提交報告課程設(shè)計成果.與設(shè)計內(nèi)容對應(yīng)的網(wǎng)站.課程設(shè)計報告摘要本站主要介紹湖南景光以及全國其他一些景區(qū)的相關(guān)鏈接，選擇湖南風(fēng)光作為網(wǎng)站主題，主要是由湖南，是一個自然風(fēng)光優(yōu)秀的省份，同時也擁有著非常源遠(yuǎn)流長的人文歷史！北有洞庭，南有郴州、衡山，東接井崗，西容武陵、吉首、鳳凰、猛洞河，居其中者，便是古城長沙。依托主要公路及京廣線、枝柳線，根據(jù)自然與人文的分類，及行政地區(qū)的分隔，本站主要介紹湖南8大景區(qū)：長沙景區(qū)、湘潭韶山景區(qū)、衡陽南岳旅游區(qū)、株洲炎帝陵桃源洞景區(qū)、永州浯溪旅游區(qū)、猛洞河旅游區(qū)、吉首鳳凰旅游區(qū)、張家界景區(qū)。本站擁有景區(qū)的介紹，一些景區(qū)的旅游攻略，本站是以文字、圖片、視屏的結(jié)合，網(wǎng)站架構(gòu)使用三層結(jié)構(gòu)，以DIV標(biāo)簽布局，本站幾大特點主要：擁有外部鏈接中國其他地區(qū)的風(fēng)景區(qū)，以及外部月度旅游推薦的鏈接，本站視頻是以景區(qū)宣傳片為主，圖片有鼠標(biāo)經(jīng)過圖片替換效果。關(guān)鍵詞：旅游；網(wǎng)頁設(shè)計目錄一、作品簡介 1二、設(shè)計方案1目錄結(jié)構(gòu)圖1色彩方案1軟硬件環(huán)境1三、實現(xiàn)過程2TOC\o"1-5"\h\z創(chuàng)建本地站點 2首頁2其余頁面 4管理網(wǎng)站 6\o"CurrentDocument"四、作品特色 6五、結(jié)論與心得6\o"CurrentDocument"六、參考文獻(xiàn) 7附錄8、作品簡介網(wǎng)站主題：湖南風(fēng)光。創(chuàng)作動機：湖南，是一個自然風(fēng)光優(yōu)秀的省份，同時也擁有著非常源遠(yuǎn)流長的人文歷史！北有洞庭，南有郴州、衡山，東接井崗，西容武陵、吉首、鳳凰、猛洞河，居其中者，便是古城長沙。設(shè)計思想：景光自然是用圖，視頻來表達(dá)更好，本站也如此，用圖片，視頻做主導(dǎo)，用文字來說明，本站介紹湖南省大多的有名景點。二、設(shè)計方案要求寫出創(chuàng)作前的構(gòu)思和設(shè)計過程，內(nèi)容包括：主要在網(wǎng)站上搜集所要的網(wǎng)頁信息，包括圖片、文字、相關(guān)的新聞。同時，查詢相關(guān)的書籍、百度和素材光盤等方式收集所需的文字資料,圖象資料,flash動畫和網(wǎng)頁特效等，用以得來更加具有說服力的頁面。要想做一個比較好的網(wǎng)站，能夠給瀏覽者好的欣賞感受，就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。精選自己收集的材料，作為自己制作網(wǎng)頁的素材，這樣就可以做好一個好的網(wǎng)站。目錄結(jié)構(gòu)圖國亙）展翻回可直因叵應(yīng)南靛m部加藤fi宣廊用屐霸△而同r卡而院;：；怯j；也出q圖一目錄結(jié)構(gòu)圖色彩方案為了協(xié)調(diào)背景都用白色，文字用黑色，其他多用綠色，黃色軟硬件環(huán)境1）硬件：屏幕尺寸：14英寸1366x768CPU型號：Intel酷睿i53230MCPU主頻：2.6GHz內(nèi)存容量：8GBDDR31600MHz硬盤容量：1000GB顯卡芯片：NVIDIAGeForceGT650M+IntelHD4000操作系統(tǒng)：Windows764位旗艦版2）軟件：AdobeDreamweaverCS6AdobePhotoshopCS6AdobeFlashCS6三、實現(xiàn)過程1.創(chuàng)建本地站點具體操作步驟如下：1）啟動Dreamweavercs6,單擊“站點”|“新建站點”命令，系統(tǒng)將彈出定義站點對話框。如圖2所示：圖2新建站點圖2）在“站點名稱”文本框中輸入站點的名稱，一定要是英文字母，在“本地站點文件夾”按文本框中輸入站點文件夾，點擊“保存”。即可在新建的網(wǎng)頁中設(shè)計所需要的網(wǎng)頁。2.首頁1）首頁效果圖

圖3頁效果圖首頁風(fēng)格布局都比較簡單，應(yīng)用到了div+css布局。采用盒子模式，將頁面分為上中下三部分。先用photoshop做出需要的圖片，然后在box中插入圖片做網(wǎng)頁特效-圖片輪播，頁面的下部分為超鏈接，主要介紹各地風(fēng)景。2）首頁結(jié)構(gòu)框圖首頁結(jié)構(gòu)框圖如圖4示：圖4首頁結(jié)構(gòu)框圖3)logo的制作圖5logo效果圖 圖610go效果圖這是我使用fireworks進(jìn)行設(shè)計成jpg閃爍效果和動態(tài)LOGO,這樣能讓網(wǎng)頁不那么呆板，而且還有一絲特色。其余頁面1）模板設(shè)計首先將做好的頁面另存為模板然后建一個可編輯區(qū)域?qū)㈨撁嬷胁恍枰牟糠謩h除，將鼠標(biāo)放在需要設(shè)置可編輯的區(qū)域，然后點擊“插入“再點擊“模板對象”中的“可編輯區(qū)域”或者直接單擊“ctrl+alt+v”在彈出來的窗口中單擊“確定”即可編輯，再更新一下鏈接即可。在應(yīng)用模板時只需點擊“文件”中“新建”“模板中的頁”找到站點下面中的模板即可設(shè)置子頁面。設(shè)置完成后單擊文件中的“全部保存”，在彈出的頁面中單擊更新即可。這樣逐個設(shè)置好各個二級頁面或者是跟多的頁面。前面介紹了模板的設(shè)計過程，在其余的頁面中只需新建模板中的頁即可，下圖就是我的一個模板。圖7景點頁面模板

2）網(wǎng)頁特效在首頁中加有圖片輪播圖其中有加javascript特效其效果如下圖所示:圖8圖片輪播此輪播特效一共有7張切換圖片，相應(yīng)的javascript,css代碼見附錄。管理網(wǎng)站1）發(fā)布網(wǎng)站進(jìn)入到5944.net網(wǎng)站進(jìn)行注冊，然后發(fā)布這樣就可以擁有就可以擁有一個自己的網(wǎng)站。如圖11所示：圖9網(wǎng)站發(fā)布圖2）測試網(wǎng)站網(wǎng)站的功能，主要看原計劃的模塊實現(xiàn)了沒有，如果沒有，后臺是不是可以隨時增加；二、每一個模塊的更新是否是正常的，比如添加新聞、上傳文件等；三、最好找個網(wǎng)站注入程序檢測一下網(wǎng)站是否有漏洞，否則一旦有漏洞，可能網(wǎng)站正式啟用以后經(jīng)常會讓搞黑；四、檢查網(wǎng)站的數(shù)據(jù)庫路徑和名稱是否是常規(guī)的路徑和名稱，如果是，應(yīng)該改為自已特定的路徑和名稱，以增加網(wǎng)站的安全性；五、檢查網(wǎng)站的數(shù)據(jù)庫備份功能，看能否備份數(shù)據(jù)庫；六、就是關(guān)于風(fēng)站的所有資料，包括你的域名、FTP用戶名及密碼以及網(wǎng)站備案等必須的信息。四、作品特色本站擁有景區(qū)的介紹，一些景區(qū)的旅游攻略，本站是以文字、圖片、視屏的結(jié)合，網(wǎng)站架構(gòu)使用三層結(jié)構(gòu)，以DIV標(biāo)簽布局，本站幾大特點主要：擁有外部鏈接中國其他地區(qū)的風(fēng)景區(qū)，以及外部月度旅游推薦的鏈接，本站視頻是以景區(qū)宣傳片為主，圖片有鼠標(biāo)經(jīng)過圖片替換效果。五、結(jié)論與心得我在本次實訓(xùn)過程中采用了在開發(fā)靜態(tài)網(wǎng)頁方面比較普遍使用的HTML開發(fā)語言，當(dāng)然在制作的過程中碰到過一些比較棘手的問題都一一解決了，讓我在解決問題方面的能力得到了提高。當(dāng)然，最終的做品還是有一些不完善的地方，我也不是非常滿意，比如：網(wǎng)頁的整體布局還是有一些缺陷，在內(nèi)容上還是少了一點，特效不是很多。雖然存在各種各樣的問題，但是，這次動手實踐經(jīng)歷的意義也是顯而易見的。整個開發(fā)的過程對我來說是一次將理論應(yīng)用于實踐的過程，是將以前所學(xué)知識充分利用的過程，是一次真正的實踐過程。另外，親自動手也讓自己看到了自身能力的不足，看到了理想與現(xiàn)實之間的差距，這一切都需要今后進(jìn)一步加強學(xué)習(xí)理論知識與真正動手做一些課題來彌補?？傮w說來，在這次網(wǎng)站設(shè)計中，學(xué)到了很多在課堂內(nèi)所學(xué)不到的知識，真正拓展了自己的能力，是一次難得的歷練經(jīng)歷收獲很大。通過這段時間的學(xué)習(xí)，在老師的指導(dǎo)下，明確操作的具體步驟和建設(shè)網(wǎng)站的基本理念、通過這一段時間的實訓(xùn)，我們才初步掌握了網(wǎng)站設(shè)計的基本方法，解決在創(chuàng)建過程中的種種問題，在問題出現(xiàn)過程中，我們請教了專業(yè)老師，同時在書本上和網(wǎng)上查找相關(guān)的知識，極大的豐富了我們的知識面，讓我們不再局限于書本上的知識，同時開闊了我們的視野，讓我們能夠把所學(xué)到的東西運用于實踐當(dāng)中。六、參考文獻(xiàn)[1]前沿文化編著，案例學(xué)-網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)，科學(xué)出版社，2013龍馬工作室編，ASP+SQLServer組建動態(tài)網(wǎng)站實例精講，北京：人民郵電出版社趙增敏編，ASP動態(tài)網(wǎng)頁設(shè)計，電子工業(yè)出版社任學(xué)文、范嚴(yán)編,網(wǎng)頁設(shè)計與制作，中國科學(xué)技術(shù)出版社武創(chuàng)、王惠主編,網(wǎng)頁設(shè)計探索之旅,電子工業(yè)出版社杜巧玲等編,網(wǎng)頁設(shè)計超級夢幻組合,清華大學(xué)出版社吳黎兵、羅云芳編，網(wǎng)頁設(shè)計教程，武漢大學(xué)出版社莊王健編，網(wǎng)頁設(shè)計三劍客白金教程，電子工業(yè)出版社[9]葉汶華、程永靈主編，ASP.NET網(wǎng)頁制作教程，冶金工業(yè)出版社[10]張軍、王佩楷主編，ASP動態(tài)網(wǎng)站設(shè)計經(jīng)典案例，機械工業(yè)出版社[11]魯宏偉、汪厚祥主編，多媒體計算機技術(shù)（第三版），電子工業(yè)出版社[12]趙小林、劉志強、鄭潔主編，網(wǎng)頁制作技術(shù)教程－動態(tài)網(wǎng)頁篇，北京：國防工業(yè)出版附錄HTML{BACKGROUND-image:url(about:blank)}S{FONT-STYLE:normal;TEXTDECORATION:none}I{FONT-STYLE:normal;TEXT-DECORATION:none}U{FONTSTYLE:normal;TEXT-DECORATION:none}#bd{MARGIN-TOP:0px}#banner-Images{HEIGHT:350px;POSITION:relative;FLOAT:left;MARGIN-TOP:10px#banner-images.switch-prev{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:80px;BACKGROUND:url();POSITION:absolute;ZOOM:1;LEFT:0px;Z-INDEX:10;TOP:136px;WIDTH:50px;TEXT-INDENT:-10000em;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-Images:hover.switch-prev{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}.hover#banner-images.switch-prev{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-prev:hover{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-next{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:80px;BACKGROUND:url();RIGHT:0px;POSITION:absolute;ZOOM:1;Z-INDEX:10;TOP:136px;WIDTH:50px;TEXT-INDENT:-10000em;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-Images:hover.switch-next{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}.hover#banner-images.switch-next{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(src="")}#banner-images.switch-next:hover{CURSOR:pointer;BACKGROUND:url();ZOOM:1;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaimageLoader(src="")}#banner-ImagesA{TEXT-DECORATION:none}#banner-images.list{OVERFLOW:hidden;HEIGHT:350px;POSITION:relative;WIDTH:710px}#banner-Images.list.itemDIV{CURSOR:pointer;HEIGHT:70px;BACKGROUND:url(/resource/erji/lvyou/opacity.75.png);POSITION:relative;MARGIN-TOP:-70px;WIDTH:710px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.75.png")}#banner-images.itemDIVH4{FONT-SIZE:22px;FONT-FAMILY:"MicrosoftYaHei”,"微軟雅黑"，"宋體"；COLOR:white;PADDING-BOTTOM:2px;PADDING-TOP:5px;PADDING-LEFT:10px;LINE-HEIGHT:32px;PADDING-RIGHT:10px}#banner-Images.itemDIVP{COLOR:#ddd;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;PADDING-RIGHT:10px}#banner-imagesIMG{HEIGHT:350px;DISPLAY:block;WIDTH:710px}#banner-Images.switch{RIGHT:5px;POSITION:absolute;BOTTOM:5px}}}}}}}}#banner-images.switch.button{FONT-SIZE:14px;HEIGHT:20px;FONT-FAMILY:"Arial";VERTICAL-ALIGN:middle;BACKGROUND:#1b1b19;FONT-WEIGHT:bold;COLOR:#f7f7f7;TEXT-ALIGN:center;MARGIN:5px;DISPLAY:inline-block;LINE-HEIGHT:20px;WIDTH:20px}#banner-Images.switch.cur{BACKGROUND:#406630}#recommend-destination{HEIGHT:350px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:10px;WIDTH:240px;_display:inline}#gonglvemingzhan{HEIGHT:350px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:10px;WIDTH:240px;_display:inlineH3{}}}}FONT-SIZE:14px;HEIGHT:34px;FONT-WEIGHT:bold;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;LINE-HEIGHT:34px;PADDINGRIGHT:10px}H3.asiflink{CURSOR:pointer;FONT-SIZE:12px;FLOAT:right;FONT-WEIGHT:normal;COLOR:#666}#recommend-destination.asiflink:hover{COLOR:#333;TEXT-DECORATION:underline}#recommend-destination.asiflink-hover{COLOR:#333;TEXT-DECORATION:underline}#recommend-destination.list{BORDER-TOP:#f3fee71pxsolid;BORDER-RIGHT:#f3fee71pxsolid;BORDER-BOTTOM:#f3fee71pxsolid;BORDER-LEFT:#f3fee71pxsolid#recommend-destination.listLI{OVERFLOW:hidden;FONT-SIZE:13px;BORDER-TOP:white1pxsolid;HEIGHT:25px;BORDER-BOTTOM:white1pxsolid;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;LINE-HEIGHT:25px;PADDING-RIGHT:10px;WIDTH:218px}#recommend-destination.listLI.even{BACKGROUND:white}#recommend-destination.listLI.odd{BORDER-BOTTOM-STYLE:none}#recommend-destination.listI{COLOR:#666;FONT-STYLE:normal;DISPLAY:inline-block;WIDTH:18px}#recommend-destination.listA{COLOR:#666#recommend-destination.listA:hover{COLOR:#588b08}#recommend-destination.search{POSITION:relative;PADDING-BOTTOM:10px;PADDING-TOP:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px}#city{FONT-SIZE:13px;BORDER-TOP:#c4c4c41pxsolid;HEIGHT:16px;BORDER-RIGHT:#c4c4c41px;BACKGROUND:white;BORDER-BOTTOM:#c4c4c41pxsolid;PADDING-BOTTOM:4px;PADDING-TOP:4px;PADDING-LEFT:8px;BORDERLEFT:#c4c4c41pxsolid;PADDING-RIGHT:8px;WIDTH:162px;_background:whiteurl(/resource/erji/lvyou/lvyou-spr.png)-1px-1px;_background-attachment:fixed}#recommend-destination.searchLABEL{FONT-SIZE:13px;BACKGROUND:white;POSITION:absolute;COLOR:#999;LEFT:18px;DISPLAY:block;TOP:16px;_left:12px#recommend-destination.searchbutton{FONT-SIZE:0px;HEIGHT:0px;POSITION:absolute;LINE-HEIGHT:0;VISIBILITY:hidden;WIDTH:0px}#recommend-destination.searchSPAN.go-button{OVERFLOW:hidden;CURSOR:pointer;BORDER-TOP:#60a1451pxsolid;HEIGHT:24px;BORDER-RIGHT:#60a1451pxsolid;VERTICAL-ALIGN:baseline;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)white-180px-1px;BORDER-BOTTOM:#60a1451pxsolid;BORDER-LEFT:#60a1451pxsolid;DISPLAY:inline-block;WIDTH:38px;TEXT-INDENT:-1000em}#gonglvemudidi{HEIGHT:340px;FLOAT:left;MARGIN-TOP:10px;WIDTH:710px;_display:inline}#gonglvemudidiH3{FONT-SIZE:18px;BORDER-TOP:#78b4311pxsolid;HEIGHT:34px;FONTFAMILY:"MicrosoftYaHei","微軟雅黑"，"宋體"；BACKGROUND:url(/resource/erji/lvyou/green-grid-bg.png)#60b83c;BORDER-BOTTOM:#528a102pxsolid;COLOR:white;PADDING-BOTTOM:0px;PADDING-TOP:3px;PADDING-LEFT:15px;LINE-HEIGHT:34px;PADDING-RIGHT:15px}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{}#gonglvemudidi.pagePSPAN{#gonglvemudidi.pages#gonglvemudidi.pages{#gonglvemudidi.tabhead{HEIGHT:33px;FLOAT:right;MARGIN-TOP:-33px;MARGIN-RIGHT:15px;_display:inline}#gonglvemudidi.tabhead.item{FONT-SIZE:13px;HEIGHT:31px;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)#eee-250px0px;FLOAT:left;COLOR:#666;TEXT-ALIGN:center;PADDING-TOP:2px;MARGIN:0px1px;LINE-HEIGHT:31px;WIDTH:102px}:unknown#gonglvemudidi.tabhead.item{HEIGHT:33px;PADDING-TOP:0px;LINE-HEIGHT:33px}#gonglvemudidi.tabhead.cur{BACKGROUND-POSITION:-250px-36px;FONT-WEIGHT:bold;COLOR:#528a10}OVERFLOW:auto;BORDER-TOP:#60b83c2px;HEIGHT:298px;BORDERRIGHT:#60b83c2pxsolid;BORDER-BOTTOM:#60b83c2pxsolid;CLEAR:both;BORDER-LEFT:#60b83c2pxsolid}#gonglvemudidi.page{FONT-SIZE:13px;MARGIN-LEFT:4px;MARGIN-TOP:8px;LINE-HEIGHT:27px;WIDTH:674px}#gonglvemudidi.pageP{OVERFLOW:hidden;_zoom:1}#gonglvemudidi.pagePEM{FLOAT:left;FONT-WEIGHT:bold;TEXT-ALIGN:right;WIDTH:86px}EMS{FONT-FAMILY:SIMSUN,“宋體"；FONT-WEIGHT:normal;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:10px;PADDING-RIGHT:10pxFLOAT:left;WIDTH:586px}#gonglvemudidi.pagePSPANA{COLOR:#666;DISPLAY:inline-block;MARGIN-RIGHT:1em}#gonglvemudidi.pagePSPANA:hover{TEXT-DECORATION:underline}#gonglvemingzhan{HEIGHT:340px;BACKGROUND-image:url(/resource/erji/lvyou/lvyou-spr.png);BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:-360px248px}#gonglvemingzhan.list{OVERFLOW:hidden;MARGIN-TOP:4px;_zoom:1}#gonglvemingzhan.list.item{HEIGHT:75px;FLOAT:left;MARGIN-LEFT:10px;WIDTH:50px;MARGINRIGHT:20px;_display:inline;_overflow:visible}#gonglvemingzhan.item.title{OVERFLOW:hidden;CURSOR:pointer;HEIGHT:24px;POSITION:relative;COLOR:#333;TEXT-ALIGN:center;MARGIN-LEFT:-6px;DISPLAY:block;LINE-HEIGHT:24px;WIDTH:62px;MARGIN-RIGHT:-6px}#gonglvemingzhan.itemA:hover.title{TEXT-DECORATION:underline}#gonglvemingzhan.listIMG{HEIGHT:50px;DISPLAY:block;WIDTH:50px}.section{OVERFLOW:hidden;PADDING-TOP:20px;CLEAR:both}.sectionA{COLOR:#333}.sectionA:hover{COLOR:black;TEXT-DECORATION:underline}.sectionA:hoverEM{TEXT-DECORATION:none}.section.posterA:hover{TEXT-DECORATION:none}.sectionH3{FONT-SIZE:24px;HEIGHT:36px;FONT-FAMILY:"MicrosoftYahei”,"微軟雅黑";BORDER-BOTTOM:#e9e9e91pxsolid;FONT-WEIGHT:normal;COLOR:#333;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:0px;LINEHEIGHT:36px;PADDING-RIGHT:0px}.section.hotlink{FONT-SIZE:15px;HEIGHT:32px;FONT-FAMILY:"SIMSUN","宋體"；FLOAT:right;MARGIN-TOP:4px;LINE-HEIGHT:32px}.section.hotlinkA{COLOR:#999;MARGIN:0px3px0px4px}.section.hotlinkS{COLOR:#999;MARGIN:0px3px0px4px}.section.hotlinkA{FONT-FAMILY:"MicrosoftYaHei”,"微軟雅黑”}.section.poster{inlineFLOAT:left;MARGIN-TOP:10px;WIDTH:330px;_display:}inline.section.posterIMG{HEIGHT:180px;DISPLAY:block;WIDTH:330px}}.section.posterB{CURSOR:pointer;HEIGHT:80px;BACKGROUND:url(/resource/erji/lvyou/opacity.75.png);POSITION:relative;MARGIN-TOP:-80px;DISPLAY:block;WIDTH:330px;_background:none;_filter:progid:DXimageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.75.png")}.section.posterA:hoverB{BACKGROUND:nonetransparentscrollrepeat0%0%;FILTER:progid:DXimageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="/resource/erji/lvyou/opacity.5.png");opacity:0.5}.section.posterEM{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:20px;HEIGHT:25px;FONT-FAMILY:"MicrosoftYaHei”,"微軟雅黑"；POSITION:relative;FONTWEIGHT:bold;COLOR:white;PADDING-LEFT:10px;MARGIN-TOP:-65px;DISPLAY:block;LINE-HEIGHT:25px}.section.posterS{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:13px;HEIGHT:30px;POSITION:relative;COLOR:#999;PADDING-LEFT:10px;LINE-HEIGHT:30px}.section.bigIMG{HEIGHT:450px}.section.article{FLOAT:left;MARGIN-LEFT:18px;MARGIN-TOP:10px;WIDTH:360px;_display:inline}.section.articleH4{OVERFLOW:hidden;MARGIN-BOTTOM:4px;FONT-SIZE:18px;HEIGHT:28px;FONT-FAMILY:"MicrosoftYaHei”,"微軟雅黑"；WHITE-SPACE:nowrap;TEXTOVERFLOW:ellipsis;FONT-WEIGHT:bold;MARGIN-TOP:6px;LINE-HEIGHT:28px;WIDTH:330px}.section.articleP{OVERFLOW:hidden;MARGIN-BOTTOM:8px;FONT-SIZE:13px;HEIGHT:72px;COLOR:#999;LINE-HEIGHT:24px;WIDTH:27em;TEXT-INDENT:2em.section.articleH5{OVERFLOW:hidden;FONT-SIZE:15px;HEIGHT:26px;FONT-FAMILY:simsun,“宋體"；LINE-HEIGHT:26px}#dangjichufa.articleH5{MARGIN-BOTTOM:14px}.section.articleH5.wrapper{OVERFLOW:hidden;WHITE-SPACE:nowrap;TEXT-OVERFLOW:ellipsis;DISPLAY:inline-block;WIDTH:165px}.section.articleH5S{VERTICAL-ALIGN:middle;COLOR:#999;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:0px;MARGIN-LEFT:-5px;PADDING-RIGHT:7px}.section.articleUL{OVERFLOW:hidden;FONT-SIZE:15px;HEIGHT:78px;MARGIN:6px0px10px;LINE-HEIGHT:26px;WIDTH:360px;_zoom:1}}HEIGHT:140px;DISPLAY:block;WIDTH:140pxHEIGHT:140px;DISPLAY:block;WIDTH:140px}}HEIGHT:140px;DISPLAY:block;WIDTH:140pxHEIGHT:140px;DISPLAY:block;WIDTH:140px.section.articleLI{OVERFLOW:hidden;HEIGHT:26px;BACKGROUND:url()no-repeatleftcenter;FLOAT:left;PADDING-BOTTOM:0px;PADDING-TOP:0px;PADDING-LEFT:8px;PADDING-RIGHT:12px;WIDTH:144px}.section.articleI{OVERFLOW:hidden;TEXT-ALIGN:center;DISPLAY:block;_zoom:1;_overflow:visible}.section.articleIA{HEIGHT:170px;FLOAT:left;WIDTH:140px;MARGIN-RIGHT:30px}.section.articleIA:hover{TEXT-DECORATION:none}.section.articleIIMG{HEIGHT:90px;DISPLAY:block;WIDTH:90pxHEIGHT:90px;DISPLAY:block;WIDTH:90px}}.section.articleIU{OVERFLOW:hidden;CURSOR:pointer;FONT-SIZE:15px;HEIGHT:30px;TEXT-DECORATION:none;DISPLAY:block;LINE-HEIGHT:30px}.section.articleA:hoverU{TEXT-DECORATION:underline}.section.side{HEIGHT:180px;BACKGROUND:#f3fee7;FLOAT:left;MARGIN-LEFT:12px;MARGIN-TOP:10px;WIDTH:240px;_display:inline}#dangjichufa.side{HEIGHT:450px}.section.sideH3{BORDER-TOP-STYLE:none;FONT-SIZE:14px;BORDER-LEFT-STYLE:none;HEIGHT:34px;FONT-FAMILY:simsun,"宋體"；BORDER-BOTTOM-STYLE:none;FONT-WEIGHT:bold;PADDING-BOTTOM:0px;PADDING-TOP:0px;BORDER-RIGHT-STYLE:none;PADDING-LEFT:10px;LINE-HEIGHT:34px;PADDING-RIGHT:10px}.section.side.list{FONT-SIZE:13px;LINE-HEIGHT:26px}.section.side.listLI{OVERFLOW:hidden;HEIGHT:26px;PADDING-LEFT:10px}.side.cur2m{PADDING-BOTTOM:5px;PADDING-TOP:5px;PADDING-LEFT:10px;PADDINGRIGHT:10px}.side.cur2m.month-link{FLOAT:left;DISPLAY:block}.side.cur2mIMG{.side.cur2mP{OVERFLOW:hidden;MARGIN-BOTTOM:15px;_zoom:1}.side.cur2mU{OVERFLOW:hidden;HEIGHT:72px;FLOAT:left;MARGIN-LEFT:10px;MARGIN-TOP:8px;LINE-HEIGHT:26px;WIDTH:120px}.side.cur2mUA{DISPLAY:inline-block;MARGIN-RIGHT:0.5em}.side.all12m{OVERFLOW:hidden;HEIGHT:172px;MARGIN-LEFT:10px;WIDTH:230px}.side.all12mA{MARGIN-BOTTOM:7px;FONT-SIZE:28px;HEIGHT:48px;VERTICAL-ALIGN:middle;BACKGROUND:url(/resource/erji/lvyou/lvyou-spr.png)0px-50px;}}}}FLOAT:left;COLOR:white;TEXT-ALIGN:center;PADDING-TOP:2px;LINEHEIGHT:48px;WIDTH:50px;MARGIN-RIGHT:7px}.side.all12mA:hover{BACKGROUND-POSITION:-50px-50px;COLOR:white;TEXT-DECORATION:none}#guowailvyou.side{BACKGROUND:nonetransparentscrollrepeat0%0%}#guowailvyou.side.block-list{MARGIN-LEFT:-10px}#guowailvyou.sideA{MARGIN-BOTTOM:10px;FONT-SIZE:18px;HEIGHT:85px;FONT-FAMILY:"MicrosoftYaHei”,"微軟雅黑"；BACKGROUND:#e5f5d4;FONT-WEIGHT:bold;COLOR:#4fac29;FONT-STYLE:italic;TEXT-ALIGN:center;MARGIN-LEFT:10px;DISPLAY:inline-block;LINE-HEIGHT:85px;WIDTH:115px#guowailvyou.sideA:hover{BACKGROUND:#60b83c;COLOR:#fff;TEXT-DECORATION:none}.image-section.article{MARGIN-LEFT:0px;WIDTH:720px}.Image-section.side{HEIGHT:320px;BACKGROUND:nonetransparentscrollrepeat0%0%;MARGIN-LEFT:0px;WIDTH:250px;MARGIN-RIGHT:-10px}.image-section.articleA{MARGIN-BOTTOM:18px;HEIGHT:150px;FLOAT:left;WIDTH:222px;MARGIN-RIGHT:18px}.image-section.articleIMG{BORDER-TOP:white1pxsolid;HEIGHT:150px;BORDER-RIGHT:white1pxsolid;BORDER-BOTTOM:white1pxsolid;BORDER-LEFT:white1pxsolid;DISPLAY:block;WIDTH:220px.Image-section.articleA:hoverIMG{BORDER-TOP-COLOR:#60b83c;BORDER-BOTTOM-COLOR:#60b83c;BORDERRIGHT-COLOR:#60b83c;BORDER-LEFT-COLOR:#60b83c}.image-section.sideA{MARGIN-BOTTOM:10px;HEIGHT:100px;FLOAT:left;WIDTH:115px;MARGIN-RIGHT:10px}.image-section.sideIMG{HEIGHT:100px;DISPLAY:block;WIDTH:115px}.image-section.side.hover{DISPLAY:none}.image-section.sideA:hover{BORDER-TOP-ST