網(wǎng)頁設(shè)計畢業(yè)論文 (2)

1、<p><b>　　摘 要</b></p><p>　　隨著現(xiàn)代信息技術(shù)的發(fā)展及其在高校教學(xué)領(lǐng)域中的廣泛應(yīng)用，借助網(wǎng)絡(luò)豐富的信息資源進(jìn)行教學(xué)已經(jīng)成為現(xiàn)代高等教育提高教學(xué)質(zhì)量的重要方式和手段，同時對不斷推進(jìn)教學(xué)資源的共建共享，逐步實(shí)現(xiàn)教學(xué)及管理的網(wǎng)絡(luò)化和數(shù)字化具有重要的指導(dǎo)和實(shí)踐意義。</p><p>　　本論文通過查閱書籍，跟隨我校相關(guān)專業(yè)上課以及觀看網(wǎng)絡(luò)視

2、頻教學(xué)來對兩個主要網(wǎng)頁制作軟件Dreamweaver和Photoshop進(jìn)行細(xì)致而深入的學(xué)習(xí)。通過掌握圖片的套索工具、導(dǎo)航器、圖層使用、浮動面板、顏色調(diào)色板、濾鏡、圖片特效等處理方法進(jìn)行圖片制作。通過學(xué)習(xí)網(wǎng)頁制作中框架結(jié)構(gòu)、文本框添加、超鏈接、特殊字符、地圖等工具構(gòu)造合理頁面結(jié)構(gòu)。實(shí)現(xiàn)了主頁面制作以及機(jī)械工程技術(shù)基礎(chǔ)資源平臺、石油石化裝置生產(chǎn)運(yùn)行資源平臺、石油石化設(shè)備設(shè)計資源平臺、石化裝備檢修維修資源、裝備檢測及HSE體系運(yùn)行資源平臺、

3、石化裝備制造資源平臺六項(xiàng)分平臺的制作與鏈接。其中還增添了課程資源，主要通過Word文檔轉(zhuǎn)換成網(wǎng)頁的方法，將四個實(shí)驗(yàn)以及題庫以網(wǎng)頁形式展現(xiàn)，再添加鏈接，為本校學(xué)生以及教師查閱，學(xué)習(xí)，教學(xué)等方面提供便利有效途徑。</p><p>　　關(guān)鍵詞：資源共享平臺；網(wǎng)絡(luò)資源；網(wǎng)絡(luò)化</p><p><b>　　Abstract</b></p><p>　　A

4、long with the development of modern information technology and the wide application of college teaching field, with the help of network information resource rich modern higher education teaching has become an important w

5、ay of improving the quality of teaching and method, and to continue to promote teaching resources, gradually realize the co-construction and sharing of teaching and management of the Internet and digital has important gu

6、iding and practical significance. </p><p>　　This paper studies carefully and thoroughly on the two main Webpage making software Dreamweaver and Photoshop though consulting books, following my school related

7、professional classes and watching online videos teaching. Pictures make by mastering the lasso tool, navigator, using layers, the floating panel, color palette, image effects processing pictures. Make reasonable platform

8、 structures through the study of Web page structures, text box, hyperlinks, special characters, links and other tools</p><p>　　Key words: Resource sharing platform; Network course; Network </p><p

9、><b>　　目 錄</b></p><p><b>　　第1章 概述1</b></p><p>　　1.1 選題背景1</p><p>　　1.2 選題意義2</p><p>　　1.3國內(nèi)外資源平臺水平3</p><p>　　1.4 項(xiàng)目研究基礎(chǔ)3<

10、/p><p>　　1.5 研究內(nèi)容4</p><p>　　第2章 系統(tǒng)分析5</p><p>　　2.1 可行性分析5</p><p>　　2.2 系統(tǒng)總需求分析6</p><p>　　2.3 資源共享平臺功能需求分析6</p><p>　　第3章 主要應(yīng)用軟件介紹8</p>

11、<p>　　3.1 Dreamwearver 8 中文版8</p><p>　　3.2 PhotoShop軟件簡介11</p><p>　　第4章 頁面設(shè)計過程20</p><p>　　4.1 設(shè)計思想20</p><p>　　4.2 規(guī)劃網(wǎng)站21</p><p>　　第5章 網(wǎng)頁展示24&l

12、t;/p><p>　　5.1 框架結(jié)構(gòu)24</p><p><b>　　5.2 鏈接26</b></p><p>　　5.3 插入文本框28</p><p>　　5.4 插入圖像31</p><p><b>　　結(jié) 論35</b></p><p>

13、;<b>　　參考文獻(xiàn)36</b></p><p><b>　　致 謝37</b></p><p><b>　　第1章 概述</b></p><p><b>　　1.1 選題背景</b></p><p>　　卓越工程師教育培養(yǎng)計劃(以下簡稱“卓越計劃”

14、)是貫徹落實(shí)《國家中長期教育改革和發(fā)展規(guī)劃綱要(2010-2020年)》和《國家中長期人才發(fā)展規(guī)劃綱要》的高等教育重大改革項(xiàng)目，也是促進(jìn)我國由工程教育大國邁向工程教育強(qiáng)國的重大舉措?！白吭接媱潯庇山逃堪l(fā)起，旨在為未來各行各業(yè)培養(yǎng)各種類型的、優(yōu)秀的工程師后備軍。它要求高校轉(zhuǎn)變辦學(xué)理念、調(diào)整人才培養(yǎng)目標(biāo)定位以及改革人才培養(yǎng)模式?！白吭接媱潯睂?shí)施遵循“行業(yè)指導(dǎo)、校企合作、分類實(shí)施、形式多樣”的原則，聯(lián)合有關(guān)部門和單位制定相關(guān)的配套支持政策，

15、提出行業(yè)領(lǐng)域人才培養(yǎng)需求，指導(dǎo)高校和企業(yè)在本行業(yè)領(lǐng)域?qū)嵤┳吭接媱潯?lt;/p><p>　　通過前期的改革與建設(shè)，過程裝備與控制工程專業(yè)已成為國家“卓越計劃”第二批入選學(xué)校，黑龍江省首批“卓越計劃”試點(diǎn)專業(yè)，實(shí)行“3+1”人才培養(yǎng)模式，即學(xué)生在校內(nèi)學(xué)習(xí)3年，在企業(yè)學(xué)習(xí)時間累積不少于1年。通過這種行業(yè)企業(yè)深度參與的形式，著力培養(yǎng)學(xué)生的工程實(shí)踐能力、職業(yè)道德和職業(yè)素質(zhì)。因此，開展有效的企業(yè)學(xué)習(xí)，是“卓越計劃”能否取得預(yù)期

16、效果的關(guān)鍵。</p><p>　　通過卓越計劃的實(shí)施，裝備專業(yè)已經(jīng)建成多個穩(wěn)定的實(shí)習(xí)實(shí)訓(xùn)基地。學(xué)生在實(shí)習(xí)實(shí)訓(xùn)過程中取得了一定的收獲，然而也反映出了一些問題。校外實(shí)習(xí)實(shí)訓(xùn)基地具備豐富的工程經(jīng)驗(yàn)，能提供多樣化的實(shí)訓(xùn)內(nèi)容和實(shí)訓(xùn)平臺，學(xué)校教師和校內(nèi)發(fā)達(dá)的信息平臺能提供理論知識和當(dāng)前各類技術(shù)發(fā)展現(xiàn)狀的指導(dǎo)。然而學(xué)校和企業(yè)之間的教育教學(xué)資源并沒有建立一個有機(jī)的調(diào)配和共用體系的建設(shè)，導(dǎo)致學(xué)生在企業(yè)學(xué)習(xí)期間不能進(jìn)行有效的總結(jié)，在

17、學(xué)校學(xué)習(xí)時不能及時將理論知識應(yīng)用于實(shí)踐平臺，一定程度上影響了實(shí)習(xí)實(shí)訓(xùn)效果。而且，企業(yè)工程師對學(xué)校資源也有強(qiáng)烈的渴求，教師也希望便捷利用企業(yè)資源來提升理論教學(xué)水平。</p><p>　　當(dāng)前，多媒體技術(shù)、網(wǎng)絡(luò)技術(shù)、數(shù)據(jù)庫技術(shù)等計算機(jī)網(wǎng)絡(luò)相關(guān)的信息技術(shù)手段愈來愈廣泛地應(yīng)用，以現(xiàn)代信息技術(shù)為支撐的網(wǎng)絡(luò)教育，由于可以使教學(xué)資源不受時空限制地迅速流通從而成為現(xiàn)代教育技術(shù)中重要的組成部分。讓教學(xué)活動不受時間和空間限制。讓參與

18、教學(xué)活動的所有人員在任何時間、任何地點(diǎn)都可以利用教學(xué)資源必將是現(xiàn)代教育特別是卓越工程師教育的發(fā)展方向。</p><p>　　目前，“卓越計劃”已在我國高等工程教育領(lǐng)域全面開展，本項(xiàng)目的完成，不僅可為石油石化行業(yè)培養(yǎng)急需的工程應(yīng)用型人才做出貢獻(xiàn)，而且可為校企聯(lián)合培養(yǎng)人才建立新的平臺，取得的經(jīng)驗(yàn)和成果可以為其他有行業(yè)依托的高校開展“卓越工程師教育培養(yǎng)計劃”提供借鑒，并為相關(guān)企業(yè)提供高校平臺和工程基礎(chǔ)技術(shù)支持。<

19、/p><p><b>　　1.2 選題意義</b></p><p>　　在全球化背景下，工程教育作為立國之本的重要性日益凸顯，相應(yīng)地，對工程教育改革的研究也成為熱點(diǎn)。在21世紀(jì)黎明，我們正處在輝煌的過去和不確定的未來之間。世界發(fā)生著量和質(zhì)的快速變化。技術(shù)上的突飛猛進(jìn)、人口爆炸、資源匱乏、生態(tài)危機(jī)、經(jīng)濟(jì)發(fā)展不平衡，以及由此引發(fā)的諸多社會問題，無不要求我們重新審視當(dāng)今的工程教

20、育。工程教育必須變革，必須適應(yīng)工程系統(tǒng)復(fù)雜性、多尺度性、不確定性、多學(xué)科和跨學(xué)科性這些不斷增強(qiáng)的特點(diǎn)，必須適應(yīng)快速變化的社會環(huán)境，并對解決社會問題做出更多的貢獻(xiàn)。對此，歐美各國無不把加強(qiáng)和改革工程教育作為高等教育發(fā)展的重要內(nèi)容。[1]美國近年來幾乎每年都要出臺有關(guān)工程教育改革的各種報告，并直接將工程教育質(zhì)量和水平與國家安全聯(lián)系起來。目前，歐洲各國均在致力推進(jìn)“博洛尼亞宣言”，意在打造歐洲高教的“航母”，對工程教育及其質(zhì)量倍加關(guān)注。就高等

21、工程教育的規(guī)模而言，中國已成為世界第一大國。截止2010年，我國開設(shè)工科專業(yè)的本科高校1003所，占本科高?？倲?shù)的90%；高等工程教育的本科在校生達(dá)到371萬人，研究生47萬人。在許多方面，中國可以為她的工程教育成就感到自豪，因?yàn)樗晒Φ嘏囵B(yǎng)了許多優(yōu)秀人才成</p><p>　　針對上述問題，2010年6月23日，教育部聯(lián)合有關(guān)部門和行業(yè)協(xié)（學(xué)）會，啟動我國高等工程教育的“卓越工程師教育培養(yǎng)計劃”。作為貫徹落實(shí)《

22、國家中長期教育改革和發(fā)展規(guī)劃綱要（2010-2020年）》和《國家中長期人才發(fā)展規(guī)劃綱要（2010-2020年）》的重大改革項(xiàng)目，“卓越計劃”將成為今后一段時期，我國高等工程教育人才培養(yǎng)模式改革的主要方向。</p><p>　　在資源共享平臺建設(shè)方面，無論是國外還是國內(nèi)，也是近些年來的熱點(diǎn)。國家、省部級別的課程資源共享平臺已經(jīng)支撐著高校間的同步發(fā)展，基本以“一網(wǎng)、一庫、一中心、一平臺”，實(shí)現(xiàn)域范圍內(nèi)的特色課程和優(yōu)

23、秀教師的授課將通過網(wǎng)絡(luò)實(shí)現(xiàn)資源共享，并與社會資源交互使用，達(dá)到人人都能享受優(yōu)質(zhì)教育資源的狀態(tài)。然而，關(guān)于企業(yè)和高校平臺搭建的問題一直未見研究。</p><p>　　目前，“卓越計劃”已在我國高等工程教育領(lǐng)域全面展開，在“卓越計劃”實(shí)施的過程中，行業(yè)企業(yè)的深度參與是保證其實(shí)施效果的關(guān)鍵，各“卓越計劃”參與高校都在進(jìn)行這方面的探索。另外隨著高校視頻資源建設(shè)的逐步推進(jìn)，如何使建設(shè)的資源得到充分利用成為探索的主題，而資源

24、平臺的建設(shè)發(fā)揮著至關(guān)重要的作用。</p><p>　　本項(xiàng)目以卓越工程師培養(yǎng)基地為依托，開展實(shí)習(xí)實(shí)訓(xùn)資源共享平臺建設(shè)，以期建立高校與國有企業(yè)資源共享平臺，促進(jìn)卓越工程師教育建設(shè)，并為企業(yè)提供優(yōu)良的基礎(chǔ)資源，達(dá)到校企合作雙贏的效果。</p><p>　　1.3 國內(nèi)外資源平臺水平 </p><p>　　在國外信息資源共享是伴隨圖書館協(xié)作體而漸漸發(fā)展起來的。具有建立時間

25、久，信息量大，資源共享體系完善的優(yōu)點(diǎn)。例如環(huán)球資源、谷歌、Scribd、Docstoc </p><p>　　等。而在我國也有著大量資源豐富體系完善，應(yīng)用功能強(qiáng)大，涉及面廣泛的資源共享平臺，例如中國科技資源共享網(wǎng)，中國知網(wǎng)，維基，萬方，新浪愛問共享資料庫，百度文庫，道客巴巴 ，豆丁等等。</p><p>　　大學(xué)院系建立自己圖書館是高校圖書館建設(shè)的特點(diǎn)。而實(shí)際上，早在19世紀(jì)中葉，隨著西方

26、的國家大學(xué)重視科研和研究生教育開始，大學(xué)院、系、研究所便紛紛建立了自己的獨(dú)立圖書館。到了20世紀(jì)70年代，西方國家大學(xué)開始擯棄這種各自為政分散建設(shè)圖書館方式，大學(xué)中心館和院、系館逐漸走向聯(lián)合，形成了或松或緊的圖書館的服務(wù)體系。這不僅是出于經(jīng)費(fèi)上考慮，更主要是出于計算機(jī)和現(xiàn)代技術(shù)應(yīng)用上考慮，也可以說，這是社會發(fā)展與進(jìn)步的必然的結(jié)果。我國大學(xué)大約在20世紀(jì)90年代左右，也像西方國家的大學(xué)一樣，大學(xué)中心館和院、系館逐漸走向聯(lián)合，并逐步完善了大

27、學(xué)圖書館與院、系、研究所圖書館縱向平臺建設(shè)和資源共享建設(shè)。</p><p>　　1.4 項(xiàng)目研究基礎(chǔ)</p><p>　　作為國家“卓越計劃”第二批入選學(xué)校，黑龍江省首批“卓越計劃”試點(diǎn)學(xué)校。其中“過程裝備與控制工程”專業(yè)，分別為國家級和省級卓越工程師試點(diǎn)專業(yè)。該專業(yè)已開展了“卓越計劃”的培養(yǎng)工作，并啟動了企業(yè)實(shí)習(xí)實(shí)訓(xùn)教學(xué)環(huán)節(jié)，另外在校內(nèi)資源共享建設(shè)方面也做了一定的基礎(chǔ)工作，主要包括：&l

28、t;/p><p>　　制定過程裝備與控制工程專業(yè)“卓越計劃”企業(yè)培養(yǎng)方案和標(biāo)準(zhǔn)；</p><p>　　與大慶油田股份有限公司、大慶石化公司、大慶煉化公司、大慶天然氣公司和大慶油田建設(shè)集團(tuán)石油石化設(shè)備廠等多家單位簽訂了實(shí)習(xí)基地協(xié)議和聯(lián)合培養(yǎng)人才意向書；</p><p>　　聘請2位企業(yè)高管為我校的“兼職教授”，并從相關(guān)企業(yè)聘請了15名從事本專業(yè)的企業(yè)高級技術(shù)人員為“兼職教

29、師”；</p><p>　　所有實(shí)習(xí)實(shí)訓(xùn)基地企業(yè)已經(jīng)構(gòu)建企業(yè)實(shí)訓(xùn)教師隊伍，保障企業(yè)學(xué)習(xí)的進(jìn)行；</p><p>　　過程裝備與控制工程專業(yè)已經(jīng)基于省精品課程建設(shè)了精品課程共享資源平臺；</p><p>　　東北石油大學(xué)建成有成熟的教學(xué)資源共享網(wǎng)絡(luò)和資源交互平臺。</p><p>　　東北石油大學(xué)機(jī)械學(xué)院裝備系建立有專業(yè)圖書室、電子資料庫，同時

30、在網(wǎng)絡(luò)教學(xué)資源建設(shè)、虛擬實(shí)驗(yàn)室建設(shè)、多媒體教學(xué)技術(shù)研究方面有深厚的基礎(chǔ)。</p><p>　　實(shí)訓(xùn)企業(yè)和過程裝備系在工程項(xiàng)目上有廣泛的交流和合作基礎(chǔ)。</p><p><b>　　1.5 研究內(nèi)容</b></p><p>　　為了適應(yīng)信息社會的發(fā)展和教育教學(xué)制度的改革，整合信息資源，建立具有專業(yè)性的資源平臺是現(xiàn)代教育教學(xué)的發(fā)展趨勢。首先需要對資

31、源平臺可行性分析、系統(tǒng)總需求分析和資源共享平臺功能需求分析三項(xiàng)平臺系統(tǒng)需求進(jìn)行分析，確定本資源平臺主要內(nèi)容并對其進(jìn)行鏈接，最終要確定頁面的總體結(jié)構(gòu)框架。其次，通過需求分析選用網(wǎng)頁制作的兩個主要軟件：Dreamweaver和Photoshop。主要學(xué)習(xí)一些針對圖片修改制作以及網(wǎng)頁制作的常用工具。通過網(wǎng)頁制作兩項(xiàng)必要軟件的學(xué)習(xí)，最終要完成最初平臺系統(tǒng)需求分析的要求，實(shí)現(xiàn)專業(yè)間以及校企之間的交流，提高資源平臺的建設(shè)，豐富的教學(xué)環(huán)境和教學(xué)資源，

32、實(shí)現(xiàn)網(wǎng)頁的基本運(yùn)行。</p><p>　　信息技術(shù)的變化改變了信息提供的方式與讀者的信息需求，信息工作者的服務(wù)模式也要從傳統(tǒng)的提供文獻(xiàn)資料轉(zhuǎn)變?yōu)樘峁┇@取文獻(xiàn)資料渠道和方法上。因此要結(jié)合實(shí)際，建立優(yōu)秀的網(wǎng)絡(luò)資源。[2]</p><p><b>　　第2章 系統(tǒng)分析</b></p><p>　　2.1 可行性分析 </p><p

33、>　　2.1.1 技術(shù)可行性</p><p>　　為了更好的了解、學(xué)習(xí)和進(jìn)一步掌握關(guān)于網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計相關(guān)軟件，在圖書館借取關(guān)于Dreamweaver、Photoshop、Fireworks 、Flash等書籍。除此之外，為了使平臺達(dá)到，視覺效果良好，美觀，需要結(jié)合多種網(wǎng)頁制作軟件。</p><p><b>　?。?）網(wǎng)頁制作工具</b></p>

34、<p>　　Dreamweaver軟件支持所見即所得的的編輯方式，出色的站點(diǎn)管理，簡單且實(shí)用。采用可視化編程，支持DIV層和CSS樣式表設(shè)計界面從而使得界面漂亮而整潔，便于快速開發(fā)。在開發(fā)過程中，主要難點(diǎn)有兩個。</p><p>　　1）如何建立數(shù)據(jù)冗余度小、高度安全性的數(shù)據(jù)庫。根據(jù)實(shí)際的需要，將共享的資源利用SMTP協(xié)議以附件的形式傳至公共郵箱進(jìn)行保存將能夠有效解決此問題。</p>&

35、lt;p>　　2）采用什么開發(fā)方式來進(jìn)行開發(fā)，結(jié)合實(shí)際功能的需求，個人認(rèn)為原型法快速高效開發(fā)是首選方法。</p><p><b>　　（2）圖形工具</b></p><p>　　Photoshop強(qiáng)大的專業(yè)圖形軟件用于制作想要的平面效果。Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像。使用其眾多的圖片編輯編修與繪圖工具，可以有效地進(jìn)行工作。Photoshop有

36、很多功能，在圖像、圖形、文字、視頻、出版等各方面都有涉及。</p><p>　　2.1.2 經(jīng)濟(jì)可行性</p><p>　　資源共享平臺的開發(fā)費(fèi)用是主要的支出。系統(tǒng)的開發(fā)費(fèi)用則是用在開發(fā)者的酬勞上面，系統(tǒng)開發(fā)完成經(jīng)測試投入使用后，系統(tǒng)的維護(hù)、升級則都是免費(fèi)的。本系統(tǒng)在實(shí)際的應(yīng)用中，將大大改善原始資源共享方式，從而提高了資源的有效利用率。</p><p>　　2.1.

37、3 操作可行性</p><p>　　石油化工過程及裝備資源共享平臺的使用者主要是本系的老師和學(xué)生。本系統(tǒng)是基于B/S模式，B/S模式是通過服務(wù)器將數(shù)據(jù)庫服務(wù)和客戶機(jī)聯(lián)系起來，用戶可以查看已經(jīng)上傳的資源信息并根據(jù)需要下載資源到本地的計算機(jī)，服務(wù)器端的機(jī)器設(shè)置只需要安裝運(yùn)行本系統(tǒng)安裝環(huán)境即可。對于Windows用戶只需安裝IIS服務(wù)就能運(yùn)行本系統(tǒng)。而對于客戶端，通過本機(jī)的瀏覽器就可隨時隨地查看遠(yuǎn)端客戶端服務(wù)器內(nèi)容，操

38、作簡便、快捷。[3]</p><p>　　2.2 系統(tǒng)總需求分析</p><p>　　系資源共享平臺需要滿足用戶對資源的共享需求和管理員對整個資源共享系統(tǒng)的管理需求。進(jìn)入系統(tǒng)上傳資源達(dá)到共享同時可以下載自己需要的資源，對自己上傳的資源進(jìn)行管理。用戶還可以通過搜索來查找相應(yīng)資源。用戶登錄后和其他用戶一起在線交流。管理員可以對已有的用戶進(jìn)行管理，包括刪除、添加。管理員可以隨時更新網(wǎng)頁信息和重新

39、構(gòu)造網(wǎng)頁圖片及結(jié)構(gòu)。</p><p>　　2.3 資源共享平臺功能需求分析</p><p>　　隨著多媒體信息技術(shù)和計算機(jī)網(wǎng)絡(luò)技術(shù)的日益普及，網(wǎng)絡(luò)教學(xué)作為教育的一種形式在世界范圍內(nèi)得到迅猛的發(fā)展，它突破傳統(tǒng)教育過程在空間和時間上的限制，實(shí)現(xiàn)了教育資源在更大范圍上的共享。網(wǎng)絡(luò)教育資源建設(shè)是影響網(wǎng)絡(luò)教育發(fā)展，保障網(wǎng)絡(luò)教育質(zhì)量的重要因素之一。怎樣有效解決資源的網(wǎng)絡(luò)共享問題，提高教學(xué)資源的可利用率

40、，如何實(shí)現(xiàn)教學(xué)資源信息化的優(yōu)化管理，充分發(fā)揮網(wǎng)絡(luò)信息共享資源在高校教學(xué)中的作用等問題便成了每個高校迫切需要解決的問題?，F(xiàn)在許多高校已經(jīng)成功的搭建了自己的網(wǎng)絡(luò)資源共享平臺，有許多的成功經(jīng)驗(yàn)。通過創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)手段，數(shù)據(jù)不再和頁面以及網(wǎng)站混粘在一起，它獨(dú)立了跟著用戶走。在基于數(shù)據(jù)的應(yīng)用中，用戶需求的數(shù)據(jù)，可以從獨(dú)立于實(shí)際網(wǎng)頁的服務(wù)端取得并且可以被動態(tài)地寫入網(wǎng)頁中。幫助用戶即師生解決管理、維護(hù)、存儲、分享內(nèi)容， 并

41、且通過用戶對資源的訪問密集度來作出整個網(wǎng)絡(luò)資源的分布調(diào)整計劃，使系統(tǒng)網(wǎng)絡(luò)資源平臺的共享性得到充分的發(fā)揮。而石油化工過程及裝備資源共享平臺主要為每個用戶提供資源共享體驗(yàn)，努力為教師，同學(xué)，企業(yè)等提供最為方便快捷的資源查詢?yōu)g覽通道，石油化工過程及裝備資源共享平臺主要提供以下資源</p><p>　　（1）六項(xiàng)平臺：石油石化裝置生產(chǎn)運(yùn)行資源平臺，石油石化設(shè)備設(shè)計資源平臺，裝備檢測及HSE體系運(yùn)行資源平臺，石化裝備制造資

42、源平臺，機(jī)械工程技術(shù)基礎(chǔ)資源平臺，石化裝備檢修維修資源。系統(tǒng)而全面的介紹了各個資源平臺，為廣大學(xué)生和老師以及相關(guān)企業(yè)，提供豐富精彩的溝通交流和資源共享的渠道。創(chuàng)建對基礎(chǔ)資源，視頻資源，基地資源和成果展示四項(xiàng)內(nèi)容的鏈接。</p><p>　?。?）課程資源：換熱器操作和傳熱系數(shù)的測定，給熱系數(shù)的測定，板式精餾塔的操作及全塔效率的測定和液-液萃取塔的操作四個實(shí)驗(yàn)。除此之外還包括一個包含200道選擇題的題庫，135道判

43、斷題，150到填空題和102道計算題的題庫。</p><p>　?。?）平臺介紹：卓越工程師簡介，東北石油大學(xué)卓越工程師教育簡介，實(shí)習(xí)實(shí)訓(xùn)資源平臺簡介。 （4）規(guī)章制度：規(guī)章制度的定義，決定程序，規(guī)章制度的重要性。</p><p>　?。?）聯(lián)系我們：聯(lián)系人，東北石油大學(xué)的聯(lián)系地址。</p><p>　　第3章 主要應(yīng)用軟件介紹</p><

44、;p>　　網(wǎng)站制作通俗的來說就是網(wǎng)站通過頁面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計，數(shù)據(jù)庫設(shè)計等一系列工作的總和，也是將網(wǎng)站設(shè)計師的意圖用HTML方式展示出來。為了更好的制作網(wǎng)站，首先要了解并熟練掌握網(wǎng)頁制作軟件。[4]本章將系統(tǒng)的介紹網(wǎng)頁制作相關(guān)的軟件Dreamwearver。</p><p>　　3.1 Dreamwearver 8 中文版</p><p>　　Dreamwe

45、aver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器。它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。</p><p>　　3.1.1 軟件簡介</p><p>　　Dreamweaver意譯為“織夢者”是由美國著名的多媒體軟件開發(fā)公司Macromedia推出的一款“所

46、見即所得”的可視化網(wǎng)站和網(wǎng)頁應(yīng)用程序開發(fā)具。它提供了可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持的強(qiáng)大組合，使各個技術(shù)級別的開發(fā)者和設(shè)計者都能夠快速創(chuàng)建可視化、吸引人的基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序。從基于CSS設(shè)計的領(lǐng)先支持到手工編寫的代碼功能，Dreamweaver提供了在集成的、無縫的環(huán)境中所需的專業(yè)工具。開發(fā)者可將Dreamweaver與服務(wù)器技術(shù)結(jié)合使用來構(gòu)建強(qiáng)大的Internet應(yīng)用程序。[5]</p><p&

47、gt;　　Dreamweaver的最大優(yōu)點(diǎn)就是可以幫助初學(xué)者迅速成長為網(wǎng)頁制作高手，同時又給專業(yè)設(shè)計師和開發(fā)人員提供強(qiáng)大的開發(fā)工具和無窮的創(chuàng)作靈感。因此，Dreamweaver備受業(yè)界人士的推崇，在眾多專業(yè)網(wǎng)站和個人主頁中都把它列為首選工具。</p><p>　　3.1.2 Dreamweaver的操作界面</p><p><b>　?。?）啟動面板</b></

48、p><p>　　啟動面板主要用來快速啟動相應(yīng)的任務(wù)或顯示/隱藏相應(yīng)的浮動面板。如果啟動面板是豎的，那么，可以點(diǎn)擊它右下角的一個小按鈕，它就可以變成橫向的了。這時，可能會發(fā)現(xiàn)，它的狀態(tài)欄上也有這個面板上的所有選項(xiàng)。這也就為網(wǎng)頁制作者提供了方便?？梢灾苯訌挠蚁陆屈c(diǎn)擊相應(yīng)的欄目進(jìn)入想要進(jìn)入的對話框，如圖3-1所示。</p><p>　　圖3-1 Dreamweaver啟動界面</p>

49、<p><b>　?。?）屬性面板</b></p><p>　　屬性面板會隨著編輯的內(nèi)容而變化，圖3-2是頁面屬性面板，它里面包含了頁面編輯的所有內(nèi)容，包括文字的字體，顏色，大小，連接，縮進(jìn)等。屬性面板很多，還有圖象屬性控制面板，層屬性控制面板等對象的屬性控制面板，用戶只要選擇要編輯的對象，它就會自動變化。用戶對所有由啟動面板彈出來的浮動面板在被打開后，可以重新組合，可以將經(jīng)常用

50、的面板單獨(dú)地拉出來。</p><p>　　圖3-2 頁面屬性面板</p><p><b>　?。?）工作面板</b></p><p>　　Dreamweaver 8的工作界面主要包括標(biāo)題欄、菜單欄、插入欄、文檔工具欄、文檔窗口、狀態(tài)欄、屬性面板、面板組和文件面板組成的，如圖3-3所示。</p><p>　　圖3-3

51、Dreamweaver 8軟件工作界面</p><p>　　3.1.3 軟件優(yōu)點(diǎn)</p><p>　　Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dreamweaver能與喜愛的設(shè)計工具，如Playback

52、 Flash，Shockwave和外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化。[13]</p><p>　　Macromedia Dreamweaver 8是一款專業(yè)的HTML編輯器，用于對Web站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計、編碼和開發(fā)。無論是直接編寫

53、HTML代碼還是在可視化編輯環(huán)境中工作，Dreamweaver都能提供幫助良多的工具，豐富Web創(chuàng)作體驗(yàn)。[6]</p><p>　　Macromedia公司非常重視網(wǎng)站開發(fā)工具的配合，它將Dreamweaver與制作矢量動畫的Flash、處理網(wǎng)頁圖像的Fireworks捆綁在一起，組成了一個強(qiáng)大的網(wǎng)頁開發(fā)軟件包，俗稱“網(wǎng)頁三劍客”。另外Macromedia公司利用自身在多媒體及網(wǎng)絡(luò)技術(shù)領(lǐng)域的優(yōu)勢，使這些軟件能很

54、好的與其他軟件配合，開發(fā)出更完美的網(wǎng)站。</p><p>　　3.2 PhotoShop軟件簡介</p><p>　　PhotoShop是全世界著名的平面設(shè)計軟件，它具有強(qiáng)大的繪圖、校正圖片及圖像創(chuàng)作功能。人們可以利用它創(chuàng)作出具有原創(chuàng)性的作品。</p><p>　　3.2.1 PhotoShop歷史</p><p>　　1990年2月Phot

55、oshop版本1.0正式發(fā)行。</p><p>　　1991年6月Photoshop版本2.0正式發(fā)行。</p><p>　　1994年9月Photoshop版本3.0的Mac版本在發(fā)行，而Windows版本在11月發(fā)行。</p><p>　　1998年5月Photoshop版本5.0正式發(fā)行。</p><p>　　2000年9月Photos

56、hop版本6.0正式發(fā)行。</p><p>　　2002年3月Photoshop版本7.0正式發(fā)行。</p><p>　　2003年9月Photoshop Creative Suite正式發(fā)行。</p><p>　　第一個版本的PhotoShop只有一個800KB的軟盤（Mac）。在90年代初，PhotoShop在版本2.0增加了CYMK功能，及其他重要新功能包括支

57、持Adobe的矢量編輯軟件Illustrator文件，Duotones以及Pen tool（筆工具），而且最低內(nèi)存需求從2MB增加到4MB。版本3.0的重要新功能是Layer。版本4.0主要改進(jìn)是用戶界面。版本5.0引入了History（歷史）的概念和色彩管理。版本6.0主要改進(jìn)了其他Adobe工具交換的流暢。版本7.0增加了Healing Brush等圖片修改工具，還有一些基本的數(shù)碼相機(jī)功能如EXIF數(shù)據(jù)，文件瀏覽器等。CS版本把原來

58、的原始文件插件進(jìn)行改進(jìn)并成為CS的一部分，更多新功能為數(shù)碼相機(jī)而開發(fā)，如智能調(diào)節(jié)不同地區(qū)亮度，鏡頭畸變修正等。[7]</p><p>　　3.2.2 PhotoShop的特點(diǎn)</p><p>　　圖片瀏覽器。這是Photoshop 7.0新增的一個功能，點(diǎn)擊“Filebrowser”，它會以縮略圖的形式將硬盤上所有的圖片文件都顯示出來，還可以用來創(chuàng)建、查看、分類和快速查看各種圖像，這相當(dāng)于

59、Photoshop 7.0自帶了一個圖片瀏覽器。這樣，在處理圖像時，在硬盤中尋找和調(diào)取圖像文件就要方便得多，也可以節(jié)省時間。另外，“Filebrowser”還有一個有用的功能，那就是，它可以自動為從數(shù)碼相機(jī)中讀取的圖像快速創(chuàng)建縮略圖。</p><p><b>　?。?）工具箱</b></p><p>　　這是PhotoShop 7.0中非常重要的組成部分之一，可以用來

60、選擇、繪畫、編輯和查看圖像，還具有選取前景和背景色、快速創(chuàng)建模板和更改屏幕顯示模式等功能。本次軟件升級，對工具箱進(jìn)行了進(jìn)一步的完善和補(bǔ)充。選中工具箱中的某個工具后，菜單欄下面的屬性欄中就會顯示相應(yīng)工具的所有屬性，這使得修改設(shè)置工具屬性的操作變得更加方便快捷。菜單欄的下面是屬性欄，當(dāng)我們選擇了工具欄中的工具時，這里就顯示該工具的相關(guān)屬性。最中間的灰色區(qū)域是文件編輯區(qū)。文件都在這里進(jìn)行編輯。左邊是工具欄，這里列出了PS的基本工具。可以通過菜

61、單欄上的“窗口”－“工具”按鈕，來顯示和隱藏工具欄。其中工具箱面板如圖3-4所示。 </p><p>　　圖3-4 工具箱面板</p><p>　　將鼠標(biāo)放在某個工具上，可以顯示這個工具的名稱。有些工具的右下角還有一個三角，就表示這個一個組合工具，這里還有其他的工具。用鼠標(biāo)長按這個三角，就會把這里包含的工具都顯示出來，如圖3-5所示。</p><p>　　圖3-5

62、 工具顯示</p><p>　　按住鍵盤上的TAB鍵，可以將所有的工具欄和面板隱藏，同時按住SHIFT和TAB鍵，可以隱藏右邊的活動面板。當(dāng)作圖時，因?yàn)槊姘宓恼趽鯚o法看清圖片的全貌，這個操作就非常有用。 </p><p>　　在眾多的面板里，“導(dǎo)航器”面板很重要。在作圖的過程中，經(jīng)常需要縮放圖片的顯示大小，移動圖片的位置，導(dǎo)航器就實(shí)現(xiàn)這些功能。</p><p

63、>　　然后我們來講一下，如何新建文件、打開文件和保存文件。按“文件”－“新建”，新建一個文件（快捷鍵CTRL+N）。文件的名稱是自己隨便寫的。寬度和高度，根據(jù)你的實(shí)際需要設(shè)定。寬度和高度的單位可以是象素，也可以是毫米厘米等。對于分辨率選擇，如果圖片只是用于電腦上觀看的，分辨率為72。如果圖片要用于印刷的，分辨率為300。之后再設(shè)置圖片的尺寸，寬度為毫米，高度為毫米。其新建面板如圖3-6所示。</p><p>

64、;　　圖3-6 新建面板</p><p><b>　?。?）浮動面板</b></p><p>　　浮動面板是Photoshop中非常重要的輔助工具，它為圖形圖像處理提供了各種各樣的輔助功能。一般的浮動面板包括“導(dǎo)航器”浮動面板、“信息”浮動面板  、“顏色”浮動面板、“色板”浮動面板、“樣式”浮動面板、“歷史記錄”浮動面板等。而Photoshop 7.0中

65、浮動面板的改觀也很大，它新增了兩個工具，相應(yīng)的就會增加兩個工具的屬性面板。新增加了工具預(yù)置控制面板，通過它可以方便地設(shè)置工具箱中當(dāng)前選中的工具及其屬性，圖層面板上增加了一個透光度的選項(xiàng)，信息面板也有些小改動，多了一個Proofcolor的選項(xiàng)，文字屬性面板也變得豐富起來了，在面板的下面加了一排小按鈕，分別可以讓字體呈現(xiàn)全部大寫、全部小寫、加下劃線。Photoshop 7.0對筆刷工具進(jìn)行了全新的改造，增加了幾百個各種形式的筆刷，合理運(yùn)用

66、這些筆刷，用戶可以很輕松地畫出很多不同自然筆觸的效果，創(chuàng)造美妙的視覺效果。其中浮動面板如圖3-7所示。</p><p>　　圖3-7 浮動面板</p><p><b>　　浮動面板的組成： </b></p><p>　　浮動面板是Photoshop中非常重要的輔助工具，它為圖形圖像處理提供了各種各樣的輔助功能。浮動面板的名稱包括：“

67、導(dǎo)航器”浮動面板，“信息”浮動面板，“顏色”浮動面板 。</p><p><b>　　導(dǎo)航器面板 ：</b></p><p>　　導(dǎo)航器用來觀察圖像，可以方便進(jìn)行圖像的縮放，在面板的左下角有百分比數(shù)字，可以直接輸入百分比，按Enter鍵后，圖像就會按輸入的百分比顯示，在導(dǎo)航器中會有相應(yīng)的預(yù)視圖，也可用鼠標(biāo)拖動瀏覽器下方的小三角來改變縮放的比例?；瑒訖诘膬蛇呌?/p>

68、兩個“山”的形狀的小圖標(biāo)，左邊的圖標(biāo)較小，單擊此圖標(biāo)可使圖像縮小顯示，單擊右邊的圖標(biāo)，可使圖像放大。</p><p><b>　　信息面板 ：</b></p><p>　　“信息”浮動面板可提供鼠標(biāo)所在位置的色彩信息及X和Y的坐標(biāo)值。如果選擇不同的工具，還可通過信息浮動面板得到大小、距離和旋轉(zhuǎn)角度等信息。</p><p><b&

69、gt;　　顏色調(diào)色板：</b></p><p>　　顏色調(diào)色板主要用來改變圖像的前景色和背景色。如圖所示的顏色浮動窗口左上角有兩個色塊表示前景色和背景色和工具箱中相同。</p><p><b>　　（3）顏色模型</b></p><p>　　顏色的使用是Photoshop的一大特點(diǎn)。任何一副精美的圖像都離不開顏色的合理搭配。在圖像處

70、理中，不僅要考慮圖像的巧妙設(shè)計與顏色的搭配，更要考慮圖像在輸出后的效果，了解顏色模式，可以使輸出的效果圖更加清晰。[8]在Photoshop中，其中顏色模式的定義在這里面起著十分重要的作用，只有通曉了不同顏色模式所表達(dá)的含義才能精確地描述、修改和處理色調(diào)。Photoshop提供了一組描述自然界中光和色調(diào)的模式，通過它們我們可以將顏色以一種特定的方式表示出來，而這種色彩又可以用一定的顏色模式存儲。在這里面，每一種顏色模式所起到的作用以及針

71、對性的目的都是不一樣的，各有各的功效。如為了方便打印，我們采用CMYK模式；為了給黑白相片上色，我們可以先將灰度圖像轉(zhuǎn)換到彩色模式等。顏色模型不僅能夠確定圖像中能顯示的顏色數(shù)，還影響圖像的通道數(shù)和文件大小。Photoshop 7.0中的顏色模型有RGB色彩模式（紅、綠、籃）、CMYK色彩模式（青、品紅、黃、黑）、HSB（色相、飽和度、亮度）和CIELab色彩模式。PhotoShop 7.0對顏色的處理和調(diào)整非常直觀，在它提供的調(diào)色板底部

72、有一個包含光譜中全部顏色，還</p><p><b>　　HSB 模型：</b></p><p>　　基于人類對顏色的感覺，HSB 模型描述顏色的三個基本特征：色相是從物體反射或透過物體傳播的顏色。在 0 到 360 度的標(biāo)準(zhǔn)色輪上，色相是按位置度量的。在通常的使用中，色相是由顏色名稱標(biāo)識的，比如紅、橙或綠色

73、。 </p><p>　　飽和度，有時也稱彩度，是指顏色的強(qiáng)度或純度。飽和度表示色相中灰成分所占的比例，用從 0%（灰色）到 100%（完全飽和）的百分比來度量。在標(biāo)準(zhǔn)色輪上，從中心向邊緣飽和度是遞增的。 </p><p>　　亮度是顏色的相對明暗程度，通常用從 0%（黑）到 100%（白）的百分比來度量。雖然可以在 P

74、hotoshop 中使用 HSB 模型在“調(diào)色板”或“拾色器”對話框中定義一種顏色，但沒有用于創(chuàng)建和編輯圖象的 HSB 模型。</p><p>　　HSB 模型如圖3-8。</p><p>　　圖3-8 HSB 模型</p><p><b>　　（4）</b></p&

75、gt;<p>　　濾鏡特效是一種非常奇妙的效果，通過使用濾鏡，可以為圖像加入各種紋理、變形、藝術(shù)風(fēng)格和光線等多達(dá)100多種的特效，讓平淡無奇的圖片頓時煥發(fā)出奪目的光芒。PhotoShop 7.0中濾鏡的種類共有兩類：一種是內(nèi)部濾鏡，即安裝Photoshop時自帶的濾鏡，其中值得一提的是自定義濾鏡，它是整個濾鏡家族中功能最強(qiáng)大的濾鏡，自定義濾鏡位于濾鏡菜單的其他濾鏡組中，它允許用戶定義自己的濾鏡，使用方法非常靈活；另外一種是

76、外掛濾鏡，使用者根據(jù)自己的需要進(jìn)行自行安裝，常見的外掛濾鏡有KPT、Eye、Ulead等。</p><p>　　新建圖像，填充黑色背景。使用文本文字工具輸入文字。然后〖CTRL_J〗將文本層復(fù)制一層備并隱藏。圖層調(diào)板如圖3-9。</p><p>　　圖3-9 圖層調(diào)板</p><p>　　對原先的文字層使用【濾鏡】。〖CTRL_F〗重做一次。然后【圖像_旋轉(zhuǎn)畫布_

77、90度順時針】，再按〖CTRL_F〗兩次執(zhí)行風(fēng)濾鏡。這樣重復(fù)旋轉(zhuǎn)與風(fēng)濾鏡，直到轉(zhuǎn)回到原先的角度。面板如3-10圖。</p><p>　　圖3-10 濾鏡面板</p><p>　　〖CTRL_J〗將執(zhí)行完風(fēng)濾鏡的圖層復(fù)制一份，對其使用【濾鏡_扭曲_波紋】，設(shè)定如下中圖。然后將其混合模式改為“疊加”。其中PhotoShop還有擠壓等效果。</p><p><b&

78、gt;　?。?）圖層</b></p><p>　　圖層功能是PhotoShop的一個重要功能，升級后的PhotoShop 7.0中的圖層不僅繼承了以前版本中的功能，而且通過設(shè)置不同的透明度和提供更多的圖層合成模式，可以獲得更多的圖層特效，圖層命令的屬性條變成了對話框。</p><p>　　1）新建一個寬度一定厘米，高度一定厘米，分辨率為一定的文件。 </p>

79、;<p>　　2）單擊圖層面板下方的創(chuàng)建新圖層按鈕，新建“圖層”。設(shè)置前景色的RGB填充圖層。</p><p>　　3）切換到通道面板，單擊通道面板下方的創(chuàng)建新通道按鈕，新建“Alpha 1”通道。 </p><p>　　4）擇工具箱中的“畫筆工具”，單擊屬性藍(lán)中的切換到畫筆調(diào)板按鈕，在打開的畫筆調(diào)板中，在“畫筆筆尖形狀”選項(xiàng)中，選擇某種形狀，設(shè)置如圖3-

80、11所示。</p><p>　　圖3-11 畫筆工具設(shè)置</p><p>　　在選擇某種“動態(tài)形狀”選項(xiàng)，用畫筆工具沿圖像窗口邊緣拖動，切換到圖層面板中，將“Alpha 1”通道的選區(qū)載入之前的“圖層”中就可以了。</p><p><b>　?。?）其它功能</b></p><p>　　PhotoShop 7

81、.0的其它功能還有許多，比如圖片加密功能，允許在與他人在線分享PhotoShop PDF文件或?qū)⑵浼拥紸dobe PDF工作流之前對其加密碼或其他保護(hù)；新增了圖案生成器，只需選擇圖像的一個區(qū)域即可創(chuàng)建現(xiàn)實(shí)或抽象的圖案，利用此功能還可以很方便地創(chuàng)建背景；PhotoShop 7.0的繪圖引擎可以創(chuàng)建過去在PhotoShop低版本中無法獲得的特殊圖像，它對工作過程控制更為精確。[8] </p><p>　　第4

82、章 頁面設(shè)計過程</p><p><b>　　4.1 設(shè)計思想</b></p><p>　　隨著科學(xué)技術(shù)發(fā)展，計算機(jī)可以說是現(xiàn)在生活一個重要部分。利用計算機(jī)技術(shù)實(shí)現(xiàn)資源共享改善了傳統(tǒng)資源的共享方式，提高了資源的共享率。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。</p&

83、gt;<p>　　在選擇系統(tǒng)的網(wǎng)頁建立時，首先要的考慮是是否符合行業(yè)標(biāo)準(zhǔn)，是否具有很好的可擴(kuò)展性。網(wǎng)頁要具有開放體系、可以自行組合教學(xué)資源的積件式平臺應(yīng)是平臺設(shè)計和開發(fā)的理想選擇?？梢酝ㄟ^超鏈接等技術(shù)把大小不一的資源通過Web平臺形成一個整體。[9]因而應(yīng)大力提倡網(wǎng)絡(luò)平臺建設(shè)，而對于傳統(tǒng)課件開發(fā)軟件，應(yīng)加強(qiáng)與網(wǎng)絡(luò)技術(shù)的整合，使課件的開發(fā)更適合網(wǎng)絡(luò)化教學(xué)的發(fā)展趨勢。通過石油化工過程及裝備資源共享平臺讓學(xué)生與老師之間能夠及時地

84、分享教學(xué)資源，大大提高了學(xué)習(xí)銷量和資源的有效利用效率。目的是用“一流教師隊伍、一流教學(xué)內(nèi)容、一流教學(xué)方法、一流教材、一流教學(xué)管理”構(gòu)建全國性示范課程，推進(jìn)優(yōu)質(zhì)教學(xué)資源共享，全面提高教育教學(xué)質(zhì)量。</p><p>　　4.1.1確定網(wǎng)站主題</p><p>　　網(wǎng)站主題即建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須有明確的主題，內(nèi)容豐富而全面。資源平臺整合與優(yōu)化網(wǎng)絡(luò)資源平臺建設(shè)的最終目標(biāo)是輔助

85、教學(xué)、提高教學(xué)質(zhì)量，因而教學(xué)適用性是教學(xué)資源平臺建設(shè)首先要考慮的問題。本平臺以石油化工過程及裝備資源共享平臺建設(shè)為主題，將教學(xué)信息進(jìn)行整合，建立系統(tǒng)的資源庫和統(tǒng)一的使用平臺。[10]</p><p>　　知識經(jīng)濟(jì)是世界一體化的經(jīng)濟(jì)，資源共享與開放的觀念應(yīng)是各級部門和學(xué)校教師們都要確立的一種基本觀點(diǎn)。我國地區(qū)差別大，資源組合錯位，地區(qū)間的教育資源具有很強(qiáng)的互補(bǔ)性和動態(tài)交流的必然性。從經(jīng)濟(jì)行為的角度，信息的獲取必須支

86、付一定的費(fèi)用，因而石油化工過程及裝備資源共享平臺的建設(shè)有將效的改善這個問題，實(shí)現(xiàn)一種公平的開放，教育信息的共享尤其重要，這是我國教育產(chǎn)業(yè)化的必要途徑。</p><p>　　4.1.2 搜集材料</p><p>　　明確了網(wǎng)站的主題，要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓網(wǎng)站有血有肉，能夠吸引住瀏覽者，就要盡量搜集材料，搜集得材料越多，制作網(wǎng)站就越容易。[11]材料既

87、可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。</p><p>　　4.2 規(guī)劃網(wǎng)站 </p><p>　　一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面

88、布局、文字圖片的運(yùn)用等，都考慮到了，才能駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。而本網(wǎng)頁首頁采用線性結(jié)構(gòu)。</p><p><b>　　（1）首頁：</b></p><p>　　石油化工過程及裝備資源共享平臺總標(biāo)題為過程裝備與控制工程實(shí)習(xí)實(shí)訓(xùn)資源共享平臺下設(shè)首頁、平臺簡介、規(guī)章制度、平臺項(xiàng)目、課程資源、聯(lián)系我們六部分。如圖4-1首頁

89、組織結(jié)構(gòu)圖，其中首頁頁面還包括東北石油大學(xué)和平臺信息的兩部分內(nèi)容的簡短介紹，加入對平臺六個項(xiàng)目的鏈接。</p><p>　　圖4-1 首頁線性結(jié)構(gòu)圖</p><p><b>　　（2）平臺簡介</b></p><p>　　在平臺簡介下面，下設(shè)為三個內(nèi)容，分別為：</p><p>　　1）卓越工程師簡介：卓越工程師概念，

90、卓越工程師高校，卓越工程師特點(diǎn)。</p><p>　　2）東北石油大學(xué)卓越工程師教學(xué)簡介：東北石油大學(xué)卓越工程師教育，應(yīng)用前景。</p><p>　　3）實(shí)習(xí)實(shí)訓(xùn)資源平臺簡介 ，包括平臺背景和實(shí)習(xí)實(shí)訓(xùn)校內(nèi)資源共享建設(shè)基礎(chǔ)工作兩部分。</p><p>　　平臺簡介的組織結(jié)構(gòu)圖如圖4-2。 </p><p>　　圖4-2 平臺簡介的組織結(jié)構(gòu)圖&

91、lt;/p><p><b>　　（3）規(guī)章制度</b></p><p>　　主要介紹規(guī)章制度的定義，決定程序以及規(guī)章制度的重要性。</p><p><b>　?。?）平臺項(xiàng)目</b></p><p>　　平臺項(xiàng)目包括內(nèi)容介紹，基礎(chǔ)資源，視頻資源，基地資源和成果展示的鏈接之外，添加對1）機(jī)械工程技術(shù)基礎(chǔ)資

92、源平臺，2）石油石化裝置生產(chǎn)運(yùn)行資源平臺，3）石油石化設(shè)備設(shè)計資源平臺，4）石化裝備檢修維修資源，5）裝備檢測及HSE體系運(yùn)行資源平臺，6）石化裝備制造資源平臺六個平臺的鏈接，如圖4-3 。</p><p>　　圖4-3 平臺項(xiàng)目結(jié)構(gòu)圖</p><p><b>　?。?）課程資源</b></p><p>　　課程資源包括：換熱器操作和傳熱系數(shù)的

93、測定，給熱系數(shù)的測定，板式精餾塔的操作及全塔效率的測定，液-液萃取塔的操作四個實(shí)驗(yàn)。還包括一個包含200道選擇題的題庫，135道判斷題，150到填空題，102道計算題的題庫。如圖4-4。 </p><p>　　圖4-4 課程資源結(jié)構(gòu)圖</p><p><b>　?。?）聯(lián)系我們 </b></p><p>　　聯(lián)系我們包括兩部分內(nèi)容1聯(lián)系人，是

94、方便于學(xué)生，教師，工廠以及其他需要的人以及企業(yè)方便聯(lián)系，包括單位名稱，聯(lián)系人，聯(lián)系電話以及郵箱地址。聯(lián)系地址包括，東北石油大學(xué)文字地址以及東北石油大學(xué)百度地圖網(wǎng)址鏈接，便于需要的人以最有效便捷的方式聯(lián)系。</p><p><b>　　第5章 網(wǎng)頁展示</b></p><p><b>　　5.1 框架結(jié)構(gòu)</b></p><p&

95、gt;　　在一個框架網(wǎng)頁的后臺代碼中，一般能夠看到的是網(wǎng)頁的標(biāo)題標(biāo)記(Meta Title)、描述標(biāo)記(Meta Description)、關(guān)鍵字標(biāo)記(Meta Keywords)及其它原標(biāo)記(Meta Tags)，同時還會看到一個框架集標(biāo)記(Frameset Tag)?？蚣苤械膬?nèi)容在后臺代碼中是無法被體現(xiàn)的，而對于那些主要搜索引擎的搜索程序來說，如Google的GoogleBot和Freshbot，其設(shè)計思路都是完全忽略某些HTML代

96、碼，轉(zhuǎn)而直接鎖定網(wǎng)頁上的實(shí)際內(nèi)容進(jìn)行索引。[14]這樣一來，網(wǎng)絡(luò)蜘蛛在那些一般性的框架網(wǎng)頁上根本找不到要搜索的內(nèi)容。這是由于那些具體內(nèi)容都被放到我們稱之為“內(nèi)部網(wǎng)頁”中去了。</p><p>　　材料、工具選定，就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先

97、簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。本網(wǎng)頁的設(shè)計分為上側(cè)和左側(cè)為框架，右下頁面為主內(nèi)容區(qū)。</p><p><b>　　創(chuàng)建框架結(jié)構(gòu)： </b></p><p>　　在插入面板中找到布局選項(xiàng)，在其中選擇下圖所示的圖標(biāo)，并選擇相應(yīng)的框架結(jié)構(gòu) 。 選擇布局如圖5-1。</p><

98、p>　　圖5-1 選擇布局</p><p><b>　　選擇框架 ：</b></p><p>　　首先從“窗口”菜單中打開“框架”面板 。 然后在“框架”面板中選擇特定框架，如圖5-2。</p><p>　　圖5-2 選擇框架</p><p><b>　　添加網(wǎng)頁內(nèi)容&#

99、160;：</b></p><p>　　選擇某一框架后，點(diǎn)擊“屬性”－“源文件”以設(shè)定框架的網(wǎng)頁 ，如圖5-3。</p><p>　　圖5-3 添加網(wǎng)頁內(nèi)容</p><p>　　創(chuàng)建一個左側(cè)框架頁，并在相應(yīng)的框架中添加FrameA和FrameB兩個網(wǎng)頁，構(gòu)成如下圖所示的網(wǎng)頁 要求： </p><p>

100、;　?。?）設(shè)定LeftFrame的寬為400像素 。</p><p>　?。?）設(shè)定兩個框架均出現(xiàn)滾動條 。</p><p>　　創(chuàng)建一個如下圖所示的三欄框架頁，并在相應(yīng)的框架中添加FrameA、FrameB和FrameC三個網(wǎng)頁，構(gòu)成網(wǎng)頁。 </p><p>　　（1）三欄分別命名為LeftFrame、MidFrame、RightF

101、rame </p><p>　　（2）三欄的寬度為 200像素、300像素、504像素        </p><p><b>　　操作步驟： </b></p><p>　　（1）創(chuàng)建一個左側(cè)框架網(wǎng)頁，選定整個框架之后（選定整個框架參見

102、P110），點(diǎn)擊切換到拆分視圖，將Frameset標(biāo)記符中的Cols屬性修改為：200，300（請注意切換到英文狀態(tài)下輸入）。</p><p>　　<frameset rows="*" cols="200,300,*" > </p><p>　　（2）分別在“框架”面板中選擇相應(yīng)的框架，插入相應(yīng)的網(wǎng)

103、頁 。最終頁面框架如圖5-4。</p><p>　　圖5-4 網(wǎng)頁框架</p><p><b>　　5.2 鏈接</b></p><p>　　鏈接是一個網(wǎng)站的靈魂，一個網(wǎng)站是由多個頁面組成的，而這些頁面之間依據(jù)鏈接確定相互之間的導(dǎo)航關(guān)系。[15]</p><p>　　超級鏈接是指站點(diǎn)內(nèi)不同網(wǎng)頁之間、站點(diǎn)與We

104、b之間的鏈接關(guān)系，它可以使站點(diǎn)內(nèi)的網(wǎng)頁成為有機(jī)的整體，還能夠使不同站點(diǎn)之間建立聯(lián)系。超級鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。</p><p>　　許多頁面元素可以作為鏈接載體，如：文本、圖像、圖像熱區(qū)、動畫等。而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源，如：頁面、圖像、聲音、程序、其他網(wǎng)站、Email甚至是頁面中的某個位置—錨點(diǎn)。</p><p>　　不論是文字還是圖像，都可以創(chuàng)建鏈接到絕對地址的外部

105、鏈接。創(chuàng)建鏈接的方法可以直接輸入地址也可以使用超級鏈接對話框。</p><p><b>　?。?）直接輸入地址</b></p><p>　　打開頁面，輸入并選中文字。</p><p>　　在屬性面板中，“鏈接”用來設(shè)置圖像或文字的超鏈接，“目標(biāo)”用來設(shè)置打開方式。</p><p>　　在聯(lián)系方式中的東北石油大學(xué)百度地圖網(wǎng)

106、址鏈接，我們在“鏈接”文本框直接輸入外部絕對地址“ttp://map.baidu.com/?newmap=1&s=con%26wd%3D東北石油大學(xué)%26c%3D50&from=alamap&tpl=mapdots”在“目標(biāo)”項(xiàng)的下拉列表中選擇_blank（在一個新的未命名的瀏覽器窗口中打開鏈接）。如下圖5-5。</p><p>　　圖5-5 直接輸入地址</p><

107、p>　　直接輸入地址頁面成品圖如下圖5-6。</p><p>　　圖5-6  直接輸入鏈接網(wǎng)址成平頁面</p><p>　?。?）使用超級鏈接對話框</p><p>　　打開03.html頁面，選中文字“閃客啟航”。單擊常用快捷欄中的“超級鏈接”按鈕。彈出“超級鏈接”對話框，我們進(jìn)行以下各項(xiàng)的設(shè)置：</p><p>　　“文本

108、”文本框用來設(shè)置超級鏈接顯示的文本。</p><p>　　“鏈接”用來設(shè)置超鏈接連接到的路徑。</p><p>　　“目標(biāo)”下拉列表框用來設(shè)置超鏈接的打開方式，有四個選項(xiàng)。</p><p>　　“標(biāo)題”文本框用來設(shè)置超鏈接的標(biāo)題。</p><p>　　設(shè)置好后，單擊“確定”按鈕，向網(wǎng)頁中插入超鏈接。使用超級鏈接對話框如圖5-7。</p&

109、gt;<p>　　圖5-7 超級鏈接對話框</p><p>　　使用超級鏈接對話框頁面成品圖如下圖5-8。</p><p>　　圖5-8 超級鏈接對話框頁面成品圖</p><p><b>　　5.3 插入文本框</b></p><p>　　在表單中使用最多的對象就是文本框，比如在注冊用戶的表單中，注冊用

110、戶名，姓名，密碼，電子郵箱和自我簡介等，這些都需要用到文本框。文本框能夠保存任何數(shù)量的字母字符，可以設(shè)定文本框的類型是單行，多行和密碼。[12]</p><p><b>　　插入文本框：</b></p><p>　　（1）點(diǎn)擊鼠標(biāo)，將光標(biāo)定位在表單框線內(nèi)，點(diǎn)擊“插入”菜單，選擇“表單”項(xiàng)，在彈出的子菜單中選擇“文本域”命令。</p><p>