網(wǎng)頁(yè)設(shè)計(jì)畢業(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ì)量的重要方式和手段，同時(shí)對(duì)不斷推進(jìn)教學(xué)資源的共建共享，逐步實(shí)現(xiàn)教學(xué)及管理的網(wǎng)絡(luò)化和數(shù)字化具有重要的指導(dǎo)和實(shí)踐意義。</p><p>　　本論文通過查閱書籍，跟隨我校相關(guān)專業(yè)上課以及觀看網(wǎng)絡(luò)視

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

3、石化裝備制造資源平臺(tái)六項(xiàng)分平臺(tái)的制作與鏈接。其中還增添了課程資源，主要通過Word文檔轉(zhuǎn)換成網(wǎng)頁(yè)的方法，將四個(gè)實(shí)驗(yàn)以及題庫(kù)以網(wǎng)頁(yè)形式展現(xiàn)，再添加鏈接，為本校學(xué)生以及教師查閱，學(xué)習(xí)，教學(xué)等方面提供便利有效途徑。</p><p>　　關(guān)鍵詞：資源共享平臺(tái)；網(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國(guó)內(nèi)外資源平臺(tái)水平3</p><p>　　1.4 項(xiàng)目研究基礎(chǔ)3<

10、/p><p>　　1.5 研究?jī)?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 資源共享平臺(tái)功能需求分析6</p><p>　　第3章 主要應(yīng)用軟件介紹8</p>

11、<p>　　3.1 Dreamwearver 8 中文版8</p><p>　　3.2 PhotoShop軟件簡(jiǎn)介11</p><p>　　第4章 頁(yè)面設(shè)計(jì)過程20</p><p>　　4.1 設(shè)計(jì)思想20</p><p>　　4.2 規(guī)劃網(wǎng)站21</p><p>　　第5章 網(wǎng)頁(yè)展示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)計(jì)劃(以下簡(jiǎn)稱“卓越計(jì)劃”

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

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

16、效果的關(guān)鍵。</p><p>　　通過卓越計(jì)劃的實(shí)施，裝備專業(yè)已經(jīng)建成多個(gè)穩(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)平臺(tái)，學(xué)校教師和校內(nèi)發(fā)達(dá)的信息平臺(tái)能提供理論知識(shí)和當(dāng)前各類技術(shù)發(fā)展現(xiàn)狀的指導(dǎo)。然而學(xué)校和企業(yè)之間的教育教學(xué)資源并沒有建立一個(gè)有機(jī)的調(diào)配和共用體系的建設(shè)，導(dǎo)致學(xué)生在企業(yè)學(xué)習(xí)期間不能進(jìn)行有效的總結(jié)，在

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

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

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

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

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

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

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

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

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

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

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

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

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

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 研究?jī)?nèi)容</b></p><p>　　為了適應(yīng)信息社會(huì)的發(fā)展和教育教學(xué)制度的改革，整合信息資源，建立具有專業(yè)性的資源平臺(tái)是現(xiàn)代教育教學(xué)的發(fā)展趨勢(shì)。首先需要對(duì)資

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

32、實(shí)現(xiàn)網(wǎng)頁(yè)的基本運(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)頁(yè)設(shè)計(jì)相關(guān)軟件，在圖書館借取關(guān)于Dreamweaver、Photoshop、Fireworks 、Flash等書籍。除此之外，為了使平臺(tái)達(dá)到，視覺效果良好，美觀，需要結(jié)合多種網(wǎng)頁(yè)制作軟件。</p><p><b>　?。?）網(wǎng)頁(yè)制作工具</b></p>

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

35、lt;p>　　2）采用什么開發(fā)方式來進(jìn)行開發(fā)，結(jié)合實(shí)際功能的需求，個(gè)人認(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>　　資源共享平臺(tái)的開發(fā)費(fèi)用是主要的支出。系統(tǒng)的開發(fā)費(fèi)用則是用在開發(fā)者的酬勞上面，系統(tǒng)開發(fā)完成經(jīng)測(cè)試投入使用后，系統(tǒng)的維護(hù)、升級(jí)則都是免費(fèi)的。本系統(tǒng)在實(shí)際的應(yīng)用中，將大大改善原始資源共享方式，從而提高了資源的有效利用率。</p><p>　　2.1.

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

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

39、構(gòu)造網(wǎng)頁(yè)圖片及結(jié)構(gòu)。</p><p>　　2.3 資源共享平臺(tái)功能需求分析</p><p>　　隨著多媒體信息技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的日益普及，網(wǎng)絡(luò)教學(xué)作為教育的一種形式在世界范圍內(nèi)得到迅猛的發(fā)展，它突破傳統(tǒng)教育過程在空間和時(shí)間上的限制，實(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é)中的作用等問題便成了每個(gè)高校迫切需要解決的問題?，F(xiàn)在許多高校已經(jīng)成功的搭建了自己的網(wǎng)絡(luò)資源共享平臺(tái)，有許多的成功經(jīng)驗(yàn)。通過創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)手段，數(shù)據(jù)不再和頁(yè)面以及網(wǎng)站混粘在一起，它獨(dú)立了跟著用戶走。在基于數(shù)據(jù)的應(yīng)用中，用戶需求的數(shù)據(jù)，可以從獨(dú)立于實(shí)際網(wǎng)頁(yè)的服務(wù)端取得并且可以被動(dòng)態(tài)地寫入網(wǎng)頁(yè)中。幫助用戶即師生解決管理、維護(hù)、存儲(chǔ)、分享內(nèi)容， 并

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

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

43、斷題，150到填空題和102道計(jì)算題的題庫(kù)。</p><p>　?。?）平臺(tái)介紹：卓越工程師簡(jiǎn)介，東北石油大學(xué)卓越工程師教育簡(jiǎn)介，實(shí)習(xí)實(shí)訓(xùn)資源平臺(tái)簡(jiǎ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)站通過頁(yè)面結(jié)構(gòu)定位，合理布局，圖片文字處理，程序設(shè)計(jì)，數(shù)據(jù)庫(kù)設(shè)計(jì)等一系列工作的總和，也是將網(wǎng)站設(shè)計(jì)師的意圖用HTML方式展示出來。為了更好的制作網(wǎng)站，首先要了解并熟練掌握網(wǎng)頁(yè)制作軟件。[4]本章將系統(tǒng)的介紹網(wǎng)頁(yè)制作相關(guān)的軟件Dreamwearver。</p><p>　　3.1 Dreamwearver 8 中文版</p><p>　　Dreamwe

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

46、見即所得”的可視化網(wǎng)站和網(wǎng)頁(yè)應(yīng)用程序開發(fā)具。它提供了可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持的強(qiáng)大組合，使各個(gè)技術(shù)級(jí)別的開發(fā)者和設(shè)計(jì)者都能夠快速創(chuàng)建可視化、吸引人的基于標(biāo)準(zhǔn)的站點(diǎn)和應(yīng)用程序。從基于CSS設(shè)計(jì)的領(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é)者迅速成長(zhǎng)為網(wǎng)頁(yè)制作高手，同時(shí)又給專業(yè)設(shè)計(jì)師和開發(fā)人員提供強(qiáng)大的開發(fā)工具和無窮的創(chuàng)作靈感。因此，Dreamweaver備受業(yè)界人士的推崇，在眾多專業(yè)網(wǎng)站和個(gè)人主頁(yè)中都把它列為首選工具。</p><p>　　3.1.2 Dreamweaver的操作界面</p><p><b>　　（1）啟動(dòng)面板</b></

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

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

50、的面板單獨(dú)地拉出來。</p><p>　　圖3-2 頁(yè)面屬性面板</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)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與喜愛的設(shè)計(jì)工具，如Playback

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

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

54、好的與其他軟件配合，開發(fā)出更完美的網(wǎng)站。</p><p>　　3.2 PhotoShop軟件簡(jiǎn)介</p><p>　　PhotoShop是全世界著名的平面設(shè)計(jì)軟件，它具有強(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>　　第一個(gè)版本的PhotoShop只有一個(gè)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新增的一個(gè)功能，點(diǎn)擊“Filebrowser”，它會(huì)以縮略圖的形式將硬盤上所有的圖片文件都顯示出來，還可以用來創(chuàng)建、查看、分類和快速查看各種圖像，這相當(dāng)于

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

75、gt;<p>　　濾鏡特效是一種非常奇妙的效果，通過使用濾鏡，可以為圖像加入各種紋理、變形、藝術(shù)風(fēng)格和光線等多達(dá)100多種的特效，讓平淡無奇的圖片頓時(shí)煥發(fā)出奪目的光芒。PhotoShop 7.0中濾鏡的種類共有兩類：一種是內(nèi)部濾鏡，即安裝Photoshop時(shí)自帶的濾鏡，其中值得一提的是自定義濾鏡，它是整個(gè)濾鏡家族中功能最強(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>　　對(duì)原先的文字層使用【濾鏡】。〖CTRL_F〗重做一次。然后【圖像_旋轉(zhuǎn)畫布_

77、90度順時(shí)針】，再按〖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ù)制一份，對(duì)其使用【濾鏡_扭曲_波紋】，設(shè)定如下中圖。然后將其混合模式改為“疊加”。其中PhotoShop還有擠壓等效果。</p><p><b&

78、gt;　?。?）圖層</b></p><p>　　圖層功能是PhotoShop的一個(gè)重要功能，升級(jí)后的PhotoShop 7.0中的圖層不僅繼承了以前版本中的功能，而且通過設(shè)置不同的透明度和提供更多的圖層合成模式，可以獲得更多的圖層特效，圖層命令的屬性條變成了對(duì)話框。</p><p>　　1）新建一個(gè)寬度一定厘米，高度一定厘米，分辨率為一定的文件。 </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>　　在選擇某種“動(dòng)態(tài)形狀”選項(xiàng)，用畫筆工具沿圖像窗口邊緣拖動(dòng)，切換到圖層面板中，將“Alpha 1”通道的選區(qū)載入之前的“圖層”中就可以了。</p><p><b>　?。?）其它功能</b></p><p>　　PhotoShop 7

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

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

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

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

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

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

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

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

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

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

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

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

93、測(cè)定，給熱系數(shù)的測(cè)定，板式精餾塔的操作及全塔效率的測(cè)定，液-液萃取塔的操作四個(gè)實(shí)驗(yàn)。還包括一個(gè)包含200道選擇題的題庫(kù)，135道判斷題，150到填空題，102道計(jì)算題的題庫(kù)。如圖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)頁(yè)展示</b></p><p><b>　　5.1 框架結(jié)構(gòu)</b></p><p&

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

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

97、簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。本網(wǎng)頁(yè)的設(shè)計(jì)分為上側(cè)和左側(cè)為框架，右下頁(yè)面為主內(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)頁(yè)內(nèi)容&#

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

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

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

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

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

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

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

106、址鏈接，我們?cè)凇版溄印蔽谋究蛑苯虞斎胪獠拷^對(duì)地址“ttp://map.baidu.com/?newmap=1&s=con%26wd%3D東北石油大學(xué)%26c%3D50&from=alamap&tpl=mapdots”在“目標(biāo)”項(xiàng)的下拉列表中選擇_blank（在一個(gè)新的未命名的瀏覽器窗口中打開鏈接）。如下圖5-5。</p><p>　　圖5-5 直接輸入地址</p><

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

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

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

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