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

《網(wǎng)站設(shè)計畢業(yè)論文》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)站設(shè)計畢業(yè)論文（32頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、畢業(yè)設(shè)計（論文）課題個人站點的設(shè)計與制作類 別畢業(yè)設(shè)計說明 畢業(yè)設(shè)計論文系 科電子工程系專 業(yè)應(yīng)用電子技術(shù) 應(yīng)用電子技術(shù)/應(yīng)用英語電氣自動化技術(shù) 電氣自動化技術(shù)/市場營銷計算機(jī)應(yīng)用技術(shù) 計算機(jī)應(yīng)用技術(shù)/廣告設(shè)計與策劃班 級微機(jī)052D姓 名*完成日期2007年12月0日指導(dǎo)教師*個人網(wǎng)站的設(shè)計與制作摘 要隨著越來越多的網(wǎng)頁處理軟件的出現(xiàn)，Dreamweaver依然被我們視為首選。因為它具有可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項、可視化網(wǎng)頁設(shè)計、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等媒體格

2、式和動態(tài)HTML、基于團(tuán)隊的Web創(chuàng)作。制作一個網(wǎng)站需要很多技術(shù)，包括圖象的設(shè)計和處理、網(wǎng)頁的動畫效果和網(wǎng)頁的排版等。我介紹的Coreldraw圖形軟件的特點是圖形處理功能極強(qiáng)，定位精確，而且使用靈活。 關(guān)鍵詞：Dreamweaver；網(wǎng)站；CorelDraw Personal Site Design and FabricationAbstractAs more and more of a web processing software, we were still regarded as Dreamweaver preferred. Because of its visual website

3、 design and web site management tools, support for the latest Web technology, including HTML inspection, HTML format control, HTML formatting options, page design visualization, image editing, global search to replace all FTP function to deal with Flash and Shockwave, and other media formats and dyn

4、amic HTML, the Web-based creative team.Making a web site requires a lot of technology, including the design and image processing, animation effects and Web page layout, and so on. I introduced Coreldraw Graphics software is characterized by extremely powerful graphics processing functions, positioni

5、ng precision, and the use of flexible.Key words：Dreamweaver; Web site; CorelDraw I目 錄摘 要IAbstractII1、網(wǎng)頁的一般制作過程12、網(wǎng)頁制作的前期準(zhǔn)備22.1認(rèn)識網(wǎng)頁22.2確定網(wǎng)站的內(nèi)容32.3定義站點32.4收集資料63、CORELDRAW網(wǎng)站制作成果63.1 CORELDRAW主頁63.2CORELDRAW特效143.3CORELDRAW素材163.4CORELDRAW教程173.5典藏推薦193.6留言板203.7校園網(wǎng)21參考文獻(xiàn)- 1 -致謝- 2 -附錄- 3 -南通職業(yè)大學(xué)電子工程系畢

6、業(yè)論文繼媒介（報紙、書刊、雜志）、廣播、電視后，第四媒體網(wǎng)絡(luò)的出現(xiàn)，即將在21世紀(jì)的人類文明進(jìn)程中產(chǎn)生巨大的作用。Internet互聯(lián)網(wǎng)將是平面設(shè)計新的舞臺，其信息資源無限、圖文互動、高速高效的特點對印刷媒體有巨大的沖擊，網(wǎng)絡(luò)經(jīng)濟(jì)也對平面行業(yè)帶來深遠(yuǎn)的影響。 網(wǎng)絡(luò)信息傳播具有聲、像、圖、文的，視覺、聽覺、互動的視覺傳達(dá)全球化的交互信息。平面設(shè)計師網(wǎng)絡(luò)藝術(shù)家在未來的眼球大戰(zhàn)中代表著新文化的產(chǎn)生。設(shè)計繪畫CorelDraw是一個繪圖與排版的軟件，它廣泛地應(yīng)用于商標(biāo)設(shè)計、標(biāo)志制作、模型繪制、插圖描畫、排版及分色輸出等諸多領(lǐng)域。CorelDraw是基于矢量圖的軟件色。它的功能可大致分為兩大類：繪圖與排

7、版。 CorelDraw界面設(shè)計有好，操作精微細(xì)致。它提供了設(shè)計者一整套的繪圖工具包括圓形、矩形、多邊形、方格、螺旋線，并配合塑形工具，對各種基本以作出更多的變化，如圓角矩形，弧、扇形、星形等。同時也提供了特殊筆刷如壓力筆、書寫筆、噴灑器等，以便充分地利用電腦處理信息量大，隨機(jī)控制能力高的特點。設(shè)計的背景如人文、社會和商業(yè)在發(fā)展與變化，新技術(shù)和的媒介產(chǎn)生都影響著設(shè)計?？v觀平面設(shè)計的發(fā)展趨勢，主要體現(xiàn)在設(shè)計工作模式和結(jié)構(gòu)的變化，以及設(shè)計表現(xiàn)和形態(tài)的變化。隨著知識經(jīng)濟(jì)的到來、經(jīng)濟(jì)的多元化和市場的發(fā)展，中國社會與經(jīng)濟(jì)賦與新興產(chǎn)業(yè)新的機(jī)遇和挑戰(zhàn)。設(shè)計行業(yè)作為知識型的服務(wù)產(chǎn)業(yè)和新興交叉學(xué)科，在企業(yè)競爭中

8、扮舉足輕重的作用。日漸成熟的消費市場對品牌服務(wù)、產(chǎn)品包裝、廣告和形象設(shè)計上提出更高的要求，從而促使設(shè)計嶄露端倪。 1、網(wǎng)頁的一般制作過程一個優(yōu)秀的網(wǎng)站，除了有豐富的內(nèi)容之外，最重要的就是要有清晰的布局和獨具創(chuàng)意、令人賞心悅目的頁面效果。一個能吸引人們注意而且能保持吸引力的網(wǎng)站，必須有簡單易用、可讀性強(qiáng)的布局，這樣才能在瀏覽者心中建立信任感，而精彩的網(wǎng)頁能促使瀏覽者增加點擊率?？偠灾?，創(chuàng)意獨特、設(shè)計精美和布局合理的網(wǎng)頁才能使企業(yè)形象在互聯(lián)網(wǎng)上得以完美體現(xiàn)，同時成為吸引瀏覽者和增加點擊率的關(guān)鍵因素之一。網(wǎng)頁的一般制作過程步驟如下：（1）明確網(wǎng)頁制作的目的；（2）確定網(wǎng)頁的結(jié)構(gòu)；（3）組織網(wǎng)頁的內(nèi)

9、容；（4）開始制作網(wǎng)頁（5）美化網(wǎng)頁的外觀；（6）網(wǎng)頁上傳（7）網(wǎng)站的更新與維護(hù)2、網(wǎng)頁制作的前期準(zhǔn)備2.1認(rèn)識網(wǎng)頁網(wǎng)頁的學(xué)名稱作HTML文件（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php或.jsp等），是一種可以在www網(wǎng)上傳輸，并被瀏覽器認(rèn)識和翻譯成頁面顯示出來的文件。www是“world wide web的縮寫；HTML的意思則是Hypertext Markup Language,中文翻譯為“超文本標(biāo)記語言”。“超文本”就是指頁面內(nèi)可以包含圖片，聯(lián)接，甚至音樂，程序等非文字的元素。網(wǎng)頁就是由HTML語言編寫出來的。網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。網(wǎng)

10、頁通常用圖像檔來提供圖畫，它要透過網(wǎng)頁瀏覽器來閱讀。網(wǎng)頁實際是一個文件，他存放在世界某個角落的某一臺計算機(jī)中，而這臺計算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（ URL ）來識別與存取。文字與圖片是構(gòu)成一個網(wǎng)頁的兩個最基本的元素。你可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。 網(wǎng)頁設(shè)計是一種建立在新型媒體之上的新型設(shè)計。它具有很強(qiáng)的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區(qū)別于報刊、影視的一個新媒體。它既擁有傳統(tǒng)媒體的優(yōu)點，同時又使傳播變得更為直接、省力和有效；為了適應(yīng)當(dāng)今時代發(fā)展，必須增加藝術(shù)設(shè)計院校的

11、網(wǎng)頁設(shè)計課程；為了更好的體現(xiàn)網(wǎng)頁這一新型設(shè)計的特點，將它和傳統(tǒng)媒體進(jìn)行比較，了解它的優(yōu)勢所在；一個成功的網(wǎng)頁設(shè)計，首先在觀念上要確立動態(tài)的思維方式，其次，要有效地將圖形引入網(wǎng)頁設(shè)計之中，增加人們?yōu)g覽網(wǎng)頁的興趣，在崇尚鮮明個性風(fēng)格的今天，網(wǎng)頁設(shè)計應(yīng)增加個性化因素。網(wǎng)頁設(shè)計是一種建立在新型媒體之上的新型設(shè)計。它具有很強(qiáng)的視覺效果、互動性、互操作性、受眾面廣等其它媒體所不具有的特點，它是區(qū)別于報刊、影視的一個新媒體。它既擁有傳統(tǒng)媒體的優(yōu)點，同時又使傳播變得更為直接、省力和有效；為了適應(yīng)當(dāng)今時代發(fā)展，必須增加藝術(shù)設(shè)計院校的網(wǎng)頁設(shè)計課程；為了更好的體現(xiàn)網(wǎng)頁這一新型設(shè)計的特點，將它和傳統(tǒng)媒體進(jìn)行比較，了解

12、它的優(yōu)勢所在；一個成功的網(wǎng)頁設(shè)計，首先在觀念上要確立動態(tài)的思維方式，其次，要有效地將圖形引入網(wǎng)頁設(shè)計之中，增加人們?yōu)g覽網(wǎng)頁的興趣，在崇尚鮮明個性風(fēng)格的今天，網(wǎng)頁設(shè)計應(yīng)增加個性化因素。2.2確定網(wǎng)站的內(nèi)容本組網(wǎng)站的主題是“ 圖形圖像處理軟件”，我要做的網(wǎng)站是Coreldraw網(wǎng)站，認(rèn)識和確定網(wǎng)站之后，應(yīng)該構(gòu)思我的網(wǎng)站的內(nèi)容了。在這個網(wǎng)站中，我會多插點視頻教程，以及利用軟件做出來的作品的圖片展示；在文字處理方面，我會插入滾動字幕；在本軟件的介紹方面，我會多介紹點本軟件的簡介等內(nèi)容。本網(wǎng)站的知識通俗易懂，這樣可以使瀏覽者覺得更加簡潔明了，也使他們學(xué)會了本軟件的知識。2.3定義站點在做網(wǎng)頁之前，我要先

13、在Dreamweaver MX 2004中創(chuàng)建站點：（1）選擇“站點管理站點”命令，彈出“管理站點”對話框，單擊“新建”按鈕，然后從彈出的菜單中選擇“站點”。如圖2-1所示：圖2-1（2）彈出“站點定義”對話框，如果對話框顯示的是“高級”選項卡，則單擊“基本”選項卡，彈出“站點定義向?qū)А钡牡?個界面，要求為站點輸入名稱。如圖2-2所示：圖2-2（3）單擊“下一步”按鈕，彈出詢問是否使用服務(wù)器技術(shù)的對話框。如果選擇“是，我想使用服務(wù)器技術(shù)”，則詢問“哪種服務(wù)器技術(shù)？”，其中包括“無”、“ASP JavaScript”、“ASP VBScript”、“ASP.NET C#”、“ASP.NET VB

14、”、“ColdFusion”、“JSP”、“PHP MySQL”選項。（4）目前該站點是一個靜態(tài)站點，在這里選擇“否，我不想使用服務(wù)器技術(shù)”。如圖2-3所示：圖2-3（5）單擊“下一步”按鈕，詢問要如何使用文件。如圖2-4所示：圖2-4（6）選擇“編輯我的計算機(jī)上的本地副本，完成后再上傳到服務(wù)器（推薦）”選項。單擊下邊文本框的圖標(biāo)，彈出“選擇站點的本地根文件夾”對話框，在此選擇根文件夾。如圖2-5所示：圖2-5（7）單擊“下一步”按鈕，詢問如何連接到遠(yuǎn)程服務(wù)器。在此選擇“無”。（8）單擊“下一步”按鈕，出現(xiàn)顯示設(shè)置概要。（9）單擊“完成”按鈕，出現(xiàn)“管理站點”對話框，在對話框中顯示了新的站點。

15、（10）單擊“完成”按鈕，“管理站點”對話框自動關(guān)閉。至此，已經(jīng)為站點定義了一個本地根文件夾。如圖2-6所示：圖2-6定義了站點以后，就可以編輯自己的網(wǎng)頁了。創(chuàng)建網(wǎng)頁的具體操作步驟如下：（1）選擇“文件新建”命令，彈出“新建文檔”對話框。（2）在“新建文檔”對話框中，將“類別”設(shè)置為“基本頁”，“基本頁”為HEML，單擊“創(chuàng)建”按鈕，新建空白網(wǎng)頁。其實制作網(wǎng)頁還應(yīng)該要有圖像處理軟件，我用的是Photoshop和Coreldraw軟件。2.4收集資料我做的網(wǎng)頁是關(guān)于Coreldraw方面的知識，它是一個比較常見的平面圖象處理軟件，在日常生活中，我們在處理圖象時是經(jīng)常會用到。就個人網(wǎng)頁而言，很少有

16、人有能力完全靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。我取材的主要途徑是從網(wǎng)絡(luò)上收集，只要到百度、雅虎、搜狐等搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。也看了一些關(guān)于Dreamweaver以前學(xué)過的知識，預(yù)習(xí)了Coreldraw軟件的基礎(chǔ)知識。3、CORELDRAW網(wǎng)站制作成果我的Coreldraw網(wǎng)站分成“Coreldraw主頁”、 “Coreldraw 特效”、“Coreldraw素材”、“Coreldraw 教程”、“典藏推薦”、“留言板”、“校園網(wǎng)”七個網(wǎng)頁。以下由我來介紹這幾個網(wǎng)頁。3.1 CORE

17、LDRAW主頁圖3-1我所有的網(wǎng)頁顏色基本上都是填充的“#F6D9A6”，就個人而言，我比較喜歡淡一點的顏色。色彩是人的視覺最敏感的東西。主頁的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對比”，也就是：主頁的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對比。在色彩的運用上，可以根據(jù)主頁內(nèi)容的需要，分別采用不同的主色調(diào)。因為色彩具有象征性，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺，例如冷、暖的感覺，進(jìn)、退的效果等。另

18、外，色彩還有民族性，各個民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性，可以使我們的主頁具有深刻的藝術(shù)內(nèi)涵，從而提升主頁的文化品位。下面介紹幾種常用的配色方案：暖色調(diào)：即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運用，可使主頁呈現(xiàn)溫馨、和煦、熱情的氛圍。冷色調(diào)：即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運用，可使主頁呈現(xiàn)寧靜、清涼、高雅的氛圍。對比色調(diào)：即把色性完全相反的色彩搭配在同一個空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺效果，給人亮麗、鮮艷、喜慶的感覺。當(dāng)然，對比色調(diào)如果用得不好，會適得其反，產(chǎn)生俗氣、

19、刺眼的不良效果。這就要把握“大調(diào)和，小對比”這一個重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有一些小的強(qiáng)烈對比。 最后，還要考慮主頁底色（背景色）的深、淺，這里借用攝影中的一個術(shù)語，就是“高調(diào)”和“低調(diào)”。底色淺的稱為高調(diào)；底色深的稱為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容。這種深淺的變化在色彩學(xué)中稱為“明度變化”。有些主頁，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時，眼睛就會感覺很吃力，影響了閱讀效果。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也

20、會使讀者的眼睛受不了。網(wǎng)站的顏色確定后，我也利用了一些制作網(wǎng)頁的小技術(shù)來完善我的網(wǎng)站下面我就來介紹幾種：（1）文本超級鏈接當(dāng)瀏覽網(wǎng)頁時，鼠標(biāo)指針經(jīng)過某些文本，其形狀會發(fā)生變化，同時文本也會發(fā)生相應(yīng)的變化（出現(xiàn)下劃線、文本的顏色發(fā)生改變、字體發(fā)生改變等），提示瀏覽者這是帶鏈接的文本。此時單擊鼠標(biāo)，會打開所鏈接的網(wǎng)頁，這就是文本超級鏈接。下面來說一下創(chuàng)建文本超鏈接步驟：A、首先在Dreamweaver里面打開這個網(wǎng)頁；B、選擇想要鏈接的文本，單擊屬性面板中的“鏈接”文本框右邊的按鈕，彈出 “選擇文件”對話框，從中選擇一個文件作為超鏈接目標(biāo)；C、單擊“確定”按鈕，在屬性面板的“鏈接”文本框中出現(xiàn)鏈接

21、文件；D、在屬性面板的“目標(biāo)”下拉列表中選擇文檔的打開方式。（2）網(wǎng)頁的源代碼：單擊“顯示代碼視圖”按鈕，將視圖轉(zhuǎn)換到源代碼狀態(tài)，然后單擊右端的“視圖選項”按鈕，在彈出的菜單中選擇全部命令。代碼視圖中顯示的網(wǎng)頁文檔的源代碼，HTML是最常用也是最普通的網(wǎng)頁語言，HTML語言包含許多HTML標(biāo)簽，這些標(biāo)簽都包括在“”符號里，并且大部分是成對出現(xiàn)的，而文本在源代碼中位于HTML標(biāo)簽之間。下面來簡要介紹以下網(wǎng)頁中包含的各個標(biāo)簽的含義。：網(wǎng)頁的開始、結(jié)束標(biāo)簽。：網(wǎng)頁的文檔頭部分，包含網(wǎng)頁的重要信息，在瀏覽器中顯示。：網(wǎng)頁的可見部分均包含在該標(biāo)簽之間，我們在設(shè)計視圖中看到的各個元素都包含在這一對標(biāo)簽內(nèi)。

22、（3）插入圖片：單擊鼠標(biāo)左鍵，將光標(biāo)移到將插入圖像的位置；打開“選擇圖像源”對話框，方法有3種（在“插入”/“常用”面板中，單擊“插入圖像”按鈕；直接拖拽“插入”/“常用”面板中的“插入圖象”按鈕至頁面的光標(biāo)處；選擇Dreamweaver MX主菜單中的“插入”/“圖像”命令）；在彈出的“選擇圖像源”對話框中查找圖像文件的途徑；在對話框中將“預(yù)覽圖像”復(fù)選框勾選，選定圖像的預(yù)覽圖就顯示在對話框的右側(cè)，單擊“確定”按鈕，圖像就插入到網(wǎng)頁中了。（4）網(wǎng)頁的背景色：選擇下拉菜單中的“修改”/“頁面屬性”命令，打開“頁面屬性”對話框；單擊“背景”旁邊的圖標(biāo)打開調(diào)色板，在調(diào)色板中鼠標(biāo)指針變成“吸管”的形

23、狀；單擊右上角的黑色箭頭，在彈出的菜單中將“調(diào)整到網(wǎng)頁安全色”命令勾選；在網(wǎng)頁安全顏色抓取“#F6D9A6”顏色后單擊“確定”按鈕，關(guān)閉“頁面屬性”對話框，文檔的背景色就改變了。（在代碼視圖中，標(biāo)簽“body”中的屬性“bgcolor=#F6D9A6”表示文檔的背景色）（5）設(shè)置頁邊距：在設(shè)計視圖中文本的上、下、左、右都有一定的邊距，這是因為Dreamweaver默認(rèn)方式下文檔的上、下、左、右等邊距是不為零的。選擇下拉菜單中的“修改”/“頁面屬性”命令，打開“頁面屬性”對話框，即可以修改這些邊距。在源代碼中可以看到，HTML標(biāo)簽“body”中共有4項，它們依次定義了“左邊界”、“頂部邊界”、“

24、邊界寬度”、“邊界高度”選項。在“body”標(biāo)簽中，每個屬性之間都有一個半角的空格，而不是連接在一起的，如果連接在一起，文檔就會出錯。（6）電子郵件鏈接：在文檔中將鼠標(biāo)指針置于預(yù)添加電子郵件鏈接處；單擊“插入”/“常用”面板上的按鈕，打開“電子郵件鏈接”對話框；在“文本”選項的文本框內(nèi)填入在文檔中顯示的信息，在“E-mail”選項的文本框內(nèi)必須輸入郵箱的地址且地址必須完整，不能有任何錯誤，否則將無法正確發(fā)送信息；單擊“確定”按鈕，一個電子郵件鏈接就創(chuàng)建好了。在網(wǎng)頁中單擊帶鏈接的文本“電子信箱”，將自動啟動瀏覽器端的電子郵件管理軟件并創(chuàng)建一個新郵件，并且自動在收件人處設(shè)置為以上所設(shè)置的電子郵件地

25、址。在代碼視圖中可以看到電子郵件鏈接與普通鏈接的不同：聯(lián)系我們： welcome （7）主頁圖片的制作在本組中，我負(fù)責(zé)的是介紹CORELDRAW的內(nèi)容，所以在CORELDRAW首頁上右邊的圖片是我在CORELDRAW12中做的。具體步驟如下：打開CORELDRAW12的界面，在彈出的框中，點擊“新建”。選擇菜單中的“文件”，點擊“導(dǎo)入”命令或按快捷鍵“Ctrl+I”即可。在彈出的“導(dǎo)入”對話框中選擇要導(dǎo)入的圖片，然后點擊“導(dǎo)入”。先調(diào)整圖片的大小，然后點擊左側(cè)工具箱中的“文本工具”，在圖片上輸入“CorelDRAW”。選擇菜單中的“窗口”，點擊“調(diào)色板”命令打開。選中輸入的文字“CorelDR

26、AW”，在調(diào)色板上選定的顏色上單擊鼠標(biāo)左鍵，將調(diào)色板上的顏色塊拖至對象上，然后松開鼠標(biāo)。選擇菜單中的“排列”，點擊“鎖定對象”。選擇菜單中的“文件”，點擊“發(fā)布到Web”、“Web圖象優(yōu)化程序”，彈出“網(wǎng)絡(luò)圖象優(yōu)化程序”。在彈出的框中選擇“JPEG”格式，點擊“確定”。選擇菜單中的“文件”，點擊“保存”命令，彈出“保存繪圖”對話框，輸入文件名，點擊“保存”按鈕。在Dreamweaver MX 2004中選擇菜單中的“文件”，點擊“打開”，彈出“打開”對話框，選擇我的CORELDRAW主頁，點擊“打開”按鈕。將鼠標(biāo)點擊要插入圖片的位置，選擇菜單中的“插入”，點擊“圖象”，彈出“選擇圖象源文件”對

27、話框，選中剛剛在CORELDRAW 12中制作的那幅圖片，然后“確定”。將插入的圖片調(diào)整到我所要的大小即可。（8）插入滾動字幕的代碼如下：        人生是短促的，這句話應(yīng)該促醒每一個人去進(jìn)行一切他所想做的事。雖然勤勉不能保證一定成功，死亡可能摧折欣欣向榮的事業(yè)，但那些功業(yè)未遂的人，至少已有參加行伍的光榮，即使他未獲勝，卻也算戰(zhàn)斗過。               約翰遜 （9）搜索歌曲名的代碼

28、如下： 請輸入你要搜索的歌曲名： （10）插入關(guān)鍵字：單擊“插入”/“文件頭”面板中的按鈕，打開“關(guān)鍵字”對話框；在對話框中輸入有關(guān)網(wǎng)頁的關(guān)鍵字。（11）插入鏈接：這與網(wǎng)頁中的普通鏈接是不一同的。單擊“插入”/“文件頭”面板中的“鏈接”按鈕，打開“鏈接”對話框，下面由我來舉個例子吧：選中“中國設(shè)計網(wǎng)”，然后在屬性面板中輸入，預(yù)覽時就鏈接上了。如圖3-2所示：圖3-2（12）設(shè)置文字大?。涸谖谋镜摹皩傩浴泵姘逯锌梢栽O(shè)置文字的大小。將所要改變的文本選定，然后選擇“屬性”面板中的“大小”選項的下拉列表框中的阿拉伯?dāng)?shù)字，文字會相應(yīng)發(fā)生變化，數(shù)字越大，文字也越大，默認(rèn)的文字大小是“3”。如果將“大小”選

29、項設(shè)置為“4”，那么文本比瀏覽器的默認(rèn)狀態(tài)加大1個單位尺寸：將該選項設(shè)置為“2”，文本就比瀏覽器的默認(rèn)狀態(tài)減小1個單位尺寸。這里的數(shù)字不相當(dāng)于文本編輯軟件中的幾號字體，只是一個相對值。（13）改變字體：在“屬性”面板中的“格式”選項的下拉列表框旁邊還有一個下拉列表框，這是“字體”選項下拉列表框；要想改變字體，則需首先在文檔中用鼠標(biāo)將所要改變的字體選中，然后在“屬性”面板中的“格式”選項的下拉列表中選擇相應(yīng)的字體。下拉列表的最后一行是“編輯字體列表”選項，可以通過該選項來添加、刪除字體、還可以對已經(jīng)存在的字體組合進(jìn)行修改。（14）改變文本顏色網(wǎng)頁中的文本不僅可以顯示為黑色，還可以變換顏色顯示，最

30、多可以達(dá)到16777216種顏色，不過平時一般在216種網(wǎng)頁安全色范圍內(nèi)選擇顏色，下面就來看一下如何改變頁面的文本顏色，具體操作步驟如下：選擇下拉菜單中的“修改”/“頁面屬性”命令，打開“頁面屬性”對話框；在“頁面屬性”對話框中單擊“文本”選項旁邊的矩形圖標(biāo)，打開調(diào)色板；在調(diào)色板中用鼠標(biāo)選擇一種顏色，單擊“確定”按鈕，網(wǎng)頁中所有文本的顏色都變了。以上就是我在做網(wǎng)站時用到的一些制作方法,除了在做本網(wǎng)站之余,我也稍稍了解了一下我所介紹的圖象處理軟件,那就讓我也介紹點吧。為便于設(shè)計需要，CorelDraw提供了一整套的圖形精確定位和變形控制方案。CorelDraw9.0較以前的版本增加了噴灑器等工具

31、，更主要的是加強(qiáng)了pdf網(wǎng)絡(luò)格式支持及顏色管理。對很多的功能作了深化處理使其更能適應(yīng)現(xiàn)代美術(shù)設(shè)計的需要?，F(xiàn)在最常見的版本是CORELDRAW 12，Coreldraw12圖像軟件包提供給用戶3個難以置信強(qiáng)力的圖像應(yīng)用程序。最新圖形軟件設(shè)計包CorelDRAW Graphics Suite X3，它擁有超過40個新的屬性和增強(qiáng)的特性，無論是專業(yè)的設(shè)計者還是小型商業(yè)企業(yè)的擁有者，這套組件適合任意等級的設(shè)計，因為它提供了一個出眾的整合性，速度和易于使用性，是無比的工業(yè)圖像軟件。在本網(wǎng)站中,我也在主頁里提供了四個鏈接網(wǎng)址,下面就讓我來簡介一下吧.主頁的左側(cè)的下部分中，可以與IT技術(shù)綜合網(wǎng)、計算機(jī)基礎(chǔ)教

32、育網(wǎng)、中國設(shè)計網(wǎng)、GOOGLE這四個網(wǎng)址鏈接。鏈接到IT技術(shù)綜合網(wǎng)（），可以看到IT行業(yè)最新的資訊，在網(wǎng)頁的首頁上，我們可以學(xué)到數(shù)據(jù)庫、用于圖形處理的各類平面軟件、計算機(jī)的各類系統(tǒng)（DOS系統(tǒng)、Windows系統(tǒng)、Linux系統(tǒng)、Unix系統(tǒng)）、Office教程解答、認(rèn)證考試、在線問答等欄目，它是一個關(guān)于IT技術(shù)全面的網(wǎng)站。鏈接到計算機(jī)基礎(chǔ)教育網(wǎng)（），你可以感覺到它是一個普通的網(wǎng)頁，沒有太多的修飾，只是分了一些小欄目：操作系統(tǒng)、網(wǎng)絡(luò)沖浪、辦公軟件、網(wǎng)頁設(shè)計、圖形圖像、認(rèn)證考試、程序設(shè)計、數(shù)據(jù)庫、其它文章等，其實它與IT技術(shù)綜合網(wǎng)有相似之處，他們都是服務(wù)于計算機(jī)知識，我們可以通過他們學(xué)到課外更多

33、的知識。鏈接到中國設(shè)計網(wǎng)（），這是一個設(shè)計網(wǎng)站，涉及到平面、廣告、字體、包裝、標(biāo)志、室內(nèi)、環(huán)藝、網(wǎng)頁、服裝、工業(yè)、數(shù)碼等項目，在此網(wǎng)站中，我們可以看到完美的設(shè)計，有助于我們對平面設(shè)計的理解。鏈接到Google（），Google資訊是一個由計算機(jī)生成的資訊網(wǎng)站。它匯集了來自中國大陸超過1000 多個中文資訊來源的新聞資源，并將相似的報道組合在一起，根據(jù)讀者的個人喜好進(jìn)行顯示。一直以來，新聞讀者都是先挑選一種出版物，然后再尋找所關(guān)注的標(biāo)題。為了向讀者提供更加個性化的選項以及更加多樣化的視點供其選擇，Google采取的方式略有不同。在 Google 資訊中，每項報道提供了指向多篇文章的鏈接，因此您可

34、以先確定感興趣的主題，然后再選擇要閱讀每項報道的具體發(fā)布者的網(wǎng)頁。點擊感興趣的標(biāo)題，然后就可以直接進(jìn)入發(fā)布該報道的網(wǎng)站。Google 學(xué)術(shù)搜索提供可廣泛搜索學(xué)術(shù)文獻(xiàn)的簡便方法。您可以從一個位置搜索眾多學(xué)科和資料來源：來自學(xué)術(shù)著作出版商、專業(yè)性社團(tuán)、預(yù)印本、各大學(xué)及其他學(xué)術(shù)組織的經(jīng)同行評論的文章、論文、圖書、摘要和文章。Google 學(xué)術(shù)搜索可幫助您在整個學(xué)術(shù)領(lǐng)域中確定相關(guān)性最強(qiáng)的研究。3.2CORELDRAW特效如圖3-3所示：圖3-3在瀏覽所有網(wǎng)頁時，鼠標(biāo)經(jīng)過某些文本時會出現(xiàn)一個小手，同時文本也會發(fā)生相應(yīng)的變化，提示瀏覽者這是帶鏈接的文本。此時單擊鼠標(biāo)，會打開所鏈接的網(wǎng)頁。在整理段落時，一個

35、段落反映在HTML源代碼中包含在一個“”標(biāo)簽中，下面就從具體操作步驟中來了解如何設(shè)置段落屬性吧。將光標(biāo)移到第1個段落，然后在“屬性”面板中選擇“格式”選項下拉列表框中的“標(biāo)題1”選項；將第2個段落設(shè)置為“標(biāo)題2”；將光標(biāo)移到第3段，然后單擊“屬性”面板中的“文字縮進(jìn)”按鈕，將整段文本向右移動；如果要取消文本的縮進(jìn)，就單擊“屬性”面板中的“文字凸出”按鈕，將文本向左移動，恢復(fù)到原來的格式；還可以單擊“無序列表”按鈕和“有序列表”按鈕，將段落進(jìn)行列表方式排列?！皩傩浴泵姘逯械?個按鈕是用來設(shè)置段落對齊方式的：“左對齊”按鈕：使文本向瀏覽器窗口中的左邊界對齊；“右對齊”按鈕：使文本在瀏覽器窗口中的右

36、邊界對齊；“居中”按鈕：使文本在瀏覽器窗口中的居中位置顯示。這3種對齊方式在我的網(wǎng)站源代碼中是這樣顯示的：居中對齊：align=“center”居右對齊：align=“right”居左對齊：align=“l(fā)eft”3.3CORELDRAW素材如圖3-4所示：圖3-4矢量圖：計算機(jī)中顯示的圖形一般可以分為兩大類矢量圖和位圖。矢量圖使用直線和曲線來描述圖形，這些圖形的元素是一些點、線、矩形、多邊形、圓和弧線等等，它們都是通過數(shù)學(xué)公式計算獲得的。例如一幅花的矢量圖形實際上是由線段形成外框輪廓，由外框的顏色以及外框所封閉的顏色決定花顯示出的顏色。由于矢量圖形可通過公式計算獲得，所以矢量圖形文件體積一般

37、較小。矢量圖形最大的優(yōu)點是無論放大、縮小或旋轉(zhuǎn)等不會失真；最大的缺點是難以表現(xiàn)色彩層次豐富的逼真圖像效果。下面來欣賞兩幅圖吧！如圖3-5所示：圖3-53.4CORELDRAW教程如圖3-6所示：圖3-6表格在網(wǎng)頁中是一種用途非常廣泛的工具。這不僅表現(xiàn)在它可以有序地排列數(shù)據(jù)，還表現(xiàn)在它可以精確地定位文本、圖象及其他網(wǎng)頁中的元素，使這些元素的水平位置、垂直位置發(fā)生細(xì)小變化，這在網(wǎng)頁版面局部方面是很重要的。對于網(wǎng)頁的排版布局來說，表格是不可或缺的工具。（1）建立表格：我網(wǎng)頁中的所有表格都是在Dreamweaver MX中插入表格，可以將光標(biāo)移到要插入表格的位置，選擇下拉菜單中的“插入”/“表格”命令

38、，或者單擊“插入”/“常用”面板上的按鈕，打開“插入表格”對話框；該對話框中顯示的各項參數(shù)值是最近一次所設(shè)置的數(shù)值大小，系統(tǒng)將最近一次設(shè)置的參數(shù)保存到下一次打開這個對話框時為止。寬度：表示表格的寬度，單位有“百分比”和“像素”兩個選項，該對話框中采用的是“百分比”單位；邊框：表示表格邊框的寬度，以像素為單位，0表示沒有邊框；單元格填充：表示單元格內(nèi)容與單元格邊框之間的距離，默認(rèn)值為“3”；單元格間距：表示單元格與單元格之間的距離，默認(rèn)值為“3”。在HTML語言中，標(biāo)簽“”表示一個整個的表格，“”表示表格中的一行，“”表示其中一個單元格，我們可以通過查看源代碼來記住它們。例如用教程里的一段代碼來

39、說明一下： coreldraw教程（2）增加、刪除行和列及拆分、合并單元格增加行、列 選擇下拉菜單中的“修改”/“表格”/“插入行”命令，則在光標(biāo)所在單元格的上面增加了一行。選擇下拉菜單中的“修改”/“表格”/“插入列”命令，則在光標(biāo)所在的單元格的左側(cè)增加了一列； 選擇下拉菜單中的“修改”/“表格”/“插入行或列”命令，打開“插入行或列”對話框進(jìn)行設(shè)置，單擊“確定”按鈕，即可完成插入操作。刪除行、列 刪除行、列可以先將光標(biāo)置于要刪除的行或列中，或者將要刪除的行或列選擇，然后選擇下拉菜單中的“修改”/“刪除行”命令，將行刪除；或選擇下拉菜單中的“修改”/“刪除列”命令，將列刪除。拆分單元格將光標(biāo)

40、置于一個要拆分的單元格中；單擊“屬性”面板中的“拆分單元格”按鈕，彈出“拆分單元格”對話框，“把單元格拆分”選項后面有“行”和“列”兩個選項，這表明可以將單元格縱向拆分或者橫向拆分；設(shè)置完對話框中的內(nèi)容后，單擊“確定”按鈕。合并單元格將兩行合并成一行或者將三列合并成一列，這就是合并單元格。首先，將要合并的單元格選擇；然后單擊“屬性”面板中的“合并單元格”按鈕，彈出“合并單元格”對話框。另外，也可以通過選擇下拉菜單中的“修改”/“表格”/“合并單元格”命令來完成合并操作。（3）改變表格尺寸選定整個表格，在表格“屬性”面板中的“寬”和“高”文本框內(nèi)輸入準(zhǔn)確的數(shù)值（以像素為單位），即可改變表格的大小

41、；將鼠標(biāo)指針置于一列的頂部，選擇該列，在“屬性”面板中即可改變該列的寬度；將鼠標(biāo)指針置于一行的左端，選擇該行，在“屬性”面板中即可改變該行的寬度；3.5典藏推薦如圖3-7所示：圖3-7本網(wǎng)頁插入的視頻教程全是從網(wǎng)上下載下來的，經(jīng)過整理，將它們一一鏈接上的。鏈接方法在以上已經(jīng)提過了，在這里就不再重提了。3.6留言板本組的留言板是利用ASP技術(shù)完成的，且它是一個動態(tài)網(wǎng)頁。希望大家多多給我們留言吧！如圖3-8所示：圖3-8使用Internet信息服務(wù)器（IIS）：在Windows XP操作界面下選擇“開始”/“控制面板”，打開“控制”窗口；在窗口中單擊圖標(biāo)，打開“性能和維護(hù)”窗口；單擊“管理工具”圖

42、標(biāo)，打開“管理工具”窗口；雙擊“信息服務(wù)”圖標(biāo)，打開“Internet信息服務(wù)”窗口；選擇“網(wǎng)站”下“默認(rèn)網(wǎng)站”，右擊鼠標(biāo)，選擇“屬性”，打開“默認(rèn)網(wǎng)站屬性”；切換到“主目錄”選項卡，在“本地路徑”中瀏覽我所要的路徑；切換到“文檔”選項卡，一般將首頁確定為“index.htm”，或單擊“添加”按鈕，將其他首頁文件名添加到表當(dāng)中；單擊“確定”按鈕，完成設(shè)置。ASP應(yīng)用程序必須通過開放式數(shù)據(jù)庫鏈接（ODBC）驅(qū)動程序和嵌入數(shù)據(jù)庫（OLEDB）提供程序鏈接到數(shù)據(jù)庫。該驅(qū)動程序或提供程序被用作解釋器，能夠使網(wǎng)頁應(yīng)用程序與數(shù)據(jù)庫進(jìn)行通信。DNS是指向數(shù)據(jù)庫并包含鏈接到該數(shù)據(jù)庫所需的全部信息?？梢栽赪in

43、dows XP中定義DNS，如果是正在通過安裝在Windows XP系統(tǒng)上的ODBC驅(qū)動程序進(jìn)行鏈接，則可以使用DNS；鏈接字符串是手動編碼的表達(dá)式，這也是網(wǎng)頁設(shè)計最常用的一種方法，它標(biāo)識數(shù)據(jù)庫并列出鏈接到該數(shù)據(jù)庫所需的信息。例如：Driver=SQL Server;Server=Dylan;database=data;UID=admin;PWD=adminDriver用于指定數(shù)據(jù)庫驅(qū)動；Server是用于指定承載SQL Server數(shù)據(jù)庫的服務(wù)器;Database為SQL Server數(shù)據(jù)庫的名稱;UID用于指定用戶名；PWD用于指定用戶密碼。3.7校園網(wǎng)鏈接到我們的校園網(wǎng)(),可以查看我們

44、的成學(xué)習(xí)績，可以了解學(xué)校的最新動態(tài)，還可以點擊視頻點播等，希望大家可以多多點擊我們的校園網(wǎng)，了解本校的信息，尤其對于畢業(yè)班的學(xué)生來說，要多上校園網(wǎng)去了解有關(guān)就業(yè)方面的最新信息。通過本次畢業(yè)設(shè)計，我學(xué)了很多關(guān)于平面設(shè)計方面的知識，特別是我所負(fù)責(zé)的CORELDRAW?？偠灾?Coreldraw軟件的圖文編輯功能非常強(qiáng)大，操作簡便、圖形效果好。它能夠進(jìn)行精確的圖紙設(shè)置、輔助線設(shè)置；能夠進(jìn)行精確的定位，繪制精確的制圖線條，進(jìn)行任何直線、曲線的變形；能夠進(jìn)行完美的數(shù)據(jù)標(biāo)注；能夠?qū)D線進(jìn)行任意線型的設(shè)置。但也有一些不足之處，應(yīng)充分重視Coreldraw軟件基礎(chǔ)圖形庫建設(shè)，符號庫中提供最基本的圖形符號需

45、自行設(shè)計和制作，并將每組信息存入符號庫以供調(diào)用，因此基礎(chǔ)圖形庫的建立與編輯是一個系統(tǒng)而復(fù)雜的工作。這需要制圖工作者在實踐中不斷積累經(jīng)驗，才能繪制出更加美觀的圖形。我認(rèn)為一篇優(yōu)秀的畢業(yè)論文僅有一個好的主題和觀點是不夠的，它還必須要有充分、翔實的論據(jù)材料作為支持。旁征博引、多方佐證，是畢業(yè)論文有別于一般性議論文的明顯特點。一般性議論文，只要證明一個觀點，有時只需對一兩個論據(jù)進(jìn)行分析就可以了，而畢業(yè)論文則必須以大量的論據(jù)材料作為自己觀點形成的基礎(chǔ)和確立的支柱。作者每確立一個觀點，必須考慮：用什么材料做主證，什么材料做旁證；對自己的觀點是否會有不同的意見或反面意見，對他人持有的異議應(yīng)如何進(jìn)行闡釋或反駁

46、。畢業(yè)論文要求作者所提出的觀點、見解切切實實是屬于自己的，而要使自己的觀點能夠得到別人的承認(rèn)，就必須有大量的、充分的、有說服力的理由來證實自己觀點的正確。我自己感覺在知識、技能、與人溝通和交流等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。在做畢業(yè)設(shè)計和畢業(yè)論文時，我們要善于獨立思考，敢于提出自己的獨立見解，敢于否定那些陳舊過時的結(jié)論，這不僅要有勤奮的學(xué)習(xí)態(tài)度，還必須具有追求真理、勇于創(chuàng)新的精神。要正確處理繼承與創(chuàng)新的關(guān)系，任何創(chuàng)新都不是憑空而來的，總是以前人的成果為基礎(chǔ)。因此，我們要認(rèn)真地學(xué)習(xí)、研究和吸收前人的成果。但是這種學(xué)習(xí)不是不加分析地生吞活剝，而是既要繼承，又

47、要批判和發(fā)展。22參考文獻(xiàn)1、 張軍安編 CorelDRAW 12短期培訓(xùn)教程出版社：西北工業(yè)大學(xué)2、 田博文編 Dreamweaver中文版基礎(chǔ)培訓(xùn)教程出版社：人民郵電出版社3、 孫良軍編 夢幻網(wǎng)頁設(shè)計四合一出版社：中國青年出版社4、 張文編 精通CorelDRAW 9 出版社：清華大學(xué)出版社5、 方晨編 CorelDRAW X3實例教程出版社：上海科普6、 史廣飛、高建光編 CorelDRAW11中文版入門與提高出版社：清華大學(xué)出版社7、 東箭工作室編 CorelDRAW 9中文版初中級教程出版社：清華大學(xué)出版社- 0 - I 致謝本論文是在導(dǎo)師楊丹悉心指導(dǎo)下完成的。導(dǎo)師淵博的專業(yè)知識，嚴(yán)

48、謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實無華、平易近人的人格魅力對我影響深遠(yuǎn)。不僅使我樹立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)、掌握了基本的研究方法，還使我明白了許多待人接物與為人處世的道理。剛拿到畢業(yè)設(shè)計題目時，我一時還不知道該如何開始做，經(jīng)過導(dǎo)師的指點和本組成員的探討，先對做的個人網(wǎng)站列了個綱目，然后找大量關(guān)于本設(shè)計的資料，我很快進(jìn)入狀態(tài)，和本組成員不斷商量該如何進(jìn)行下一步。本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。 本論文的順利完成，也離不開各位老師、同學(xué)和朋友的關(guān)心和幫助。在此感謝王曉蕾老師教導(dǎo)和曾任教于我的所有老師們；感謝蔣

49、敏娟、卜維雁、周丹、陳玲同學(xué)的幫助；更要感謝我的父母謝謝他們對我的關(guān)心、支持和幫助；在三年的學(xué)習(xí)期間，得到很多同學(xué)的關(guān)心和幫助，在此表示深深的感謝。沒有他們的幫助和支持是沒有辦法完成我的畢業(yè)論文的，同窗之間的友誼永遠(yuǎn)長存。 在此，謹(jǐn)向?qū)煴硎境绺叩木匆夂椭孕牡母兄x！- 0 - II 附錄(1)文字間隔語法：word-spacing:允許值：normal|初始值：normal適用于：所有元素向下兼容：是文字間隔屬性定義一個附加在文字之間的間隔數(shù)量。該值必須符合長度格式，允許使用負(fù)值。例如：P EMword-spacing:0.4emP.note word-spacing:-0.2em(2)字母間

50、隔語法：letter-spacing:允許值：normal|初始值：normal適用于：所有元素向下兼容：是字母間隔屬性定義一個附加在字符之間的間隔數(shù)量。該值必須符合長度格式，允許使用負(fù)值。一個設(shè)為零的值會阻止文字的調(diào)整。 例如：H1 letter -spacing:0.1emP.note letter -spacing:-0.1em(3)文本修飾語法：text-decoration:允許值：none|underline|overline|line-through|blink初始值：none適用于：所有元素向下兼容：否文本修飾屬性允許通過5個屬性中的一個來修飾文本：underline(下劃線)

51、,overline(上劃線),line-through(刪除線),blink(閃爍)或缺省地使用無。例如，使用下列語句可以使連接不再有下劃線：A:link,A:visited,A:activetext-decoration:none(4)文本縮進(jìn)語法：text-indent:允許值：|初始值：0適用于：塊級元素向下兼容：是文本縮進(jìn)屬性可以應(yīng)用于塊級元素（P，H1，等），以定義該元素第一行可以接受的縮進(jìn)的數(shù)量。該值必須是一個長度或一個百分比。若百分比則視上級元素的寬度而定。通用的文本縮進(jìn)用法是用于段的縮進(jìn)： P text-indent:5em(5)背景顏色語法：background-color:

52、允許值：|transparent（透明）初始值：transparent（透明）適用于：所有對象向下兼容：否背景顏色屬性設(shè)定一個元素的背景顏色。例如：BODY background-color :whiteH1 background-color:#000080 為了避免與用戶的樣式表之間的沖突，任何背景顏色被使用的時候，背景圖象都應(yīng)該被指定。而大多數(shù)情況下，background-image:none都是合適的。(6)顯示語法：display:允許值：block|inline|list-item|none初始值：block適用于：所有對象向下兼容：否 顯示屬性允許使用四個值中的一個來定義一個元素： block（在元素的前和后都會有換行）inline（在元素的前和后都不會有換行）list-item（與block相同，但增加了目錄項標(biāo)記）none（沒有顯示）每個元素都典型地由瀏覽器基于HTML規(guī)格建議的展示形式給出一個缺省的顯示值。顯示屬性可能并不安全，因為它使用另外的不合適的格式顯示元素。使用值none將關(guān)閉指定元素及其子元素的顯示。- 2 - III