網頁設計畢業(yè)論文 (2)

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

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

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

10、/p><p>　　1.5 研究內容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章 主要應用軟件介紹8</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

54、好的與其他軟件配合，開發(fā)出更完美的網站。</p><p>　　3.2 PhotoShop軟件簡介</p><p>　　PhotoShop是全世界著名的平面設計軟件，它具有強大的繪圖、校正圖片及圖像創(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（筆工具），而且最低內存需求從2MB增加到4MB。版本3.0的重要新功能是Layer。版本4.0主要改進是用戶界面。版本5.0引入了History（歷史）的概念和色彩管理。版本6.0主要改進了其他Adobe工具交換的流暢。版本7.0增加了Healing Brush等圖片修改工具，還有一些基本的數(shù)碼相機功能如EXIF數(shù)據，文件瀏覽器等。CS版本把原來

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

90、卓越工程師高校，卓越工程師特點。</p><p>　　2）東北石油大學卓越工程師教學簡介：東北石油大學卓越工程師教育，應用前景。</p><p>　　3）實習實訓資源平臺簡介 ，包括平臺背景和實習實訓校內資源共享建設基礎工作兩部分。</p><p>　　平臺簡介的組織結構圖如圖4-2。 </p><p>　　圖4-2 平臺簡介的組織結構圖&

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

108、”文本框用來設置超級鏈接顯示的文本。</p><p>　　“鏈接”用來設置超鏈接連接到的路徑。</p><p>　　“目標”下拉列表框用來設置超鏈接的打開方式，有四個選項。</p><p>　　“標題”文本框用來設置超鏈接的標題。</p><p>　　設置好后，單擊“確定”按鈕，向網頁中插入超鏈接。使用超級鏈接對話框如圖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ù)量的字母字符，可以設定文本框的類型是單行，多行和密碼。[12]</p><p><b>　　插入文本框：</b></p><p>　　（1）點擊鼠標，將光標定位在表單框線內，點擊“插入”菜單，選擇“表單”項，在彈出的子菜單中選擇“文本域”命令。</p><p>