網(wǎng)站設(shè)計(jì)畢業(yè)論文
畢業(yè)設(shè)計(jì)（論文）課題個(gè)人站點(diǎn)的設(shè)計(jì)與制作類(lèi) 別畢業(yè)設(shè)計(jì)說(shuō)明 畢業(yè)設(shè)計(jì)論文系 科電子工程系專(zhuān) 業(yè)應(yīng)用電子技術(shù) 應(yīng)用電子技術(shù)/應(yīng)用英語(yǔ)電氣自動(dòng)化技術(shù) 電氣自動(dòng)化技術(shù)/市場(chǎng)營(yíng)銷(xiāo)計(jì)算機(jī)應(yīng)用技術(shù) 計(jì)算機(jī)應(yīng)用技術(shù)/廣告設(shè)計(jì)與策劃班 級(jí)微機(jī)052D姓 名*完成日期2007年12月0日指導(dǎo)教師*個(gè)人網(wǎng)站的設(shè)計(jì)與制作摘 要隨著越來(lái)越多的網(wǎng)頁(yè)處理軟件的出現(xiàn)，Dreamweaver依然被我們視為首選。因?yàn)樗哂锌梢暬木W(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理工具，支持最新的Web技術(shù)，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、可視化網(wǎng)頁(yè)設(shè)計(jì)、圖像編輯、全局查找替換、全FTP 功能、處理Flash和Shockwave等媒體格式和動(dòng)態(tài)HTML、基于團(tuán)隊(duì)的Web創(chuàng)作。制作一個(gè)網(wǎng)站需要很多技術(shù)，包括圖象的設(shè)計(jì)和處理、網(wǎng)頁(yè)的動(dòng)畫(huà)效果和網(wǎng)頁(yè)的排版等。我介紹的Coreldraw圖形軟件的特點(diǎn)是圖形處理功能極強(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 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 dynamic 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, positioning precision, and the use of flexible.Key words：Dreamweaver; Web site; CorelDraw I目 錄摘 要IAbstractII1、網(wǎng)頁(yè)的一般制作過(guò)程12、網(wǎng)頁(yè)制作的前期準(zhǔn)備22.1認(rèn)識(shí)網(wǎng)頁(yè)22.2確定網(wǎng)站的內(nèi)容32.3定義站點(diǎn)32.4收集資料63、CORELDRAW網(wǎng)站制作成果63.1 CORELDRAW主頁(yè)63.2CORELDRAW特效143.3CORELDRAW素材163.4CORELDRAW教程173.5典藏推薦193.6留言板203.7校園網(wǎng)21參考文獻(xiàn)- 1 -致謝- 2 -附錄- 3 -南通職業(yè)大學(xué)電子工程系畢業(yè)論文繼媒介（報(bào)紙、書(shū)刊、雜志）、廣播、電視后，第四媒體網(wǎng)絡(luò)的出現(xiàn)，即將在21世紀(jì)的人類(lèi)文明進(jìn)程中產(chǎn)生巨大的作用。Internet互聯(lián)網(wǎng)將是平面設(shè)計(jì)新的舞臺(tái)，其信息資源無(wú)限、圖文互動(dòng)、高速高效的特點(diǎn)對(duì)印刷媒體有巨大的沖擊，網(wǎng)絡(luò)經(jīng)濟(jì)也對(duì)平面行業(yè)帶來(lái)深遠(yuǎn)的影響。 網(wǎng)絡(luò)信息傳播具有聲、像、圖、文的，視覺(jué)、聽(tīng)覺(jué)、互動(dòng)的視覺(jué)傳達(dá)全球化的交互信息。平面設(shè)計(jì)師網(wǎng)絡(luò)藝術(shù)家在未來(lái)的眼球大戰(zhàn)中代表著新文化的產(chǎn)生。設(shè)計(jì)繪畫(huà)CorelDraw是一個(gè)繪圖與排版的軟件，它廣泛地應(yīng)用于商標(biāo)設(shè)計(jì)、標(biāo)志制作、模型繪制、插圖描畫(huà)、排版及分色輸出等諸多領(lǐng)域。CorelDraw是基于矢量圖的軟件色。它的功能可大致分為兩大類(lèi)：繪圖與排版。 CorelDraw界面設(shè)計(jì)有好，操作精微細(xì)致。它提供了設(shè)計(jì)者一整套的繪圖工具包括圓形、矩形、多邊形、方格、螺旋線(xiàn)，并配合塑形工具，對(duì)各種基本以作出更多的變化，如圓角矩形，弧、扇形、星形等。同時(shí)也提供了特殊筆刷如壓力筆、書(shū)寫(xiě)筆、噴灑器等，以便充分地利用電腦處理信息量大，隨機(jī)控制能力高的特點(diǎn)。設(shè)計(jì)的背景如人文、社會(huì)和商業(yè)在發(fā)展與變化，新技術(shù)和的媒介產(chǎn)生都影響著設(shè)計(jì)?？v觀(guān)平面設(shè)計(jì)的發(fā)展趨勢(shì)，主要體現(xiàn)在設(shè)計(jì)工作模式和結(jié)構(gòu)的變化，以及設(shè)計(jì)表現(xiàn)和形態(tài)的變化。隨著知識(shí)經(jīng)濟(jì)的到來(lái)、經(jīng)濟(jì)的多元化和市場(chǎng)的發(fā)展，中國(guó)社會(huì)與經(jīng)濟(jì)賦與新興產(chǎn)業(yè)新的機(jī)遇和挑戰(zhàn)。設(shè)計(jì)行業(yè)作為知識(shí)型的服務(wù)產(chǎn)業(yè)和新興交叉學(xué)科，在企業(yè)競(jìng)爭(zhēng)中扮舉足輕重的作用。日漸成熟的消費(fèi)市場(chǎng)對(duì)品牌服務(wù)、產(chǎn)品包裝、廣告和形象設(shè)計(jì)上提出更高的要求，從而促使設(shè)計(jì)嶄露端倪。 1、網(wǎng)頁(yè)的一般制作過(guò)程一個(gè)優(yōu)秀的網(wǎng)站，除了有豐富的內(nèi)容之外，最重要的就是要有清晰的布局和獨(dú)具創(chuàng)意、令人賞心悅目的頁(yè)面效果。一個(gè)能吸引人們注意而且能保持吸引力的網(wǎng)站，必須有簡(jiǎn)單易用、可讀性強(qiáng)的布局，這樣才能在瀏覽者心中建立信任感，而精彩的網(wǎng)頁(yè)能促使瀏覽者增加點(diǎn)擊率?？偠灾瑒?chuàng)意獨(dú)特、設(shè)計(jì)精美和布局合理的網(wǎng)頁(yè)才能使企業(yè)形象在互聯(lián)網(wǎng)上得以完美體現(xiàn)，同時(shí)成為吸引瀏覽者和增加點(diǎn)擊率的關(guān)鍵因素之一。網(wǎng)頁(yè)的一般制作過(guò)程步驟如下：（1）明確網(wǎng)頁(yè)制作的目的；（2）確定網(wǎng)頁(yè)的結(jié)構(gòu)；（3）組織網(wǎng)頁(yè)的內(nèi)容；（4）開(kāi)始制作網(wǎng)頁(yè)（5）美化網(wǎng)頁(yè)的外觀(guān)；（6）網(wǎng)頁(yè)上傳（7）網(wǎng)站的更新與維護(hù)2、網(wǎng)頁(yè)制作的前期準(zhǔn)備2.1認(rèn)識(shí)網(wǎng)頁(yè)網(wǎng)頁(yè)的學(xué)名稱(chēng)作HTML文件（文件擴(kuò)展名為.html或.htm或.asp或.aspx或.php或.jsp等），是一種可以在www網(wǎng)上傳輸，并被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面顯示出來(lái)的文件。www是“world wide web"的縮寫(xiě)；HTML的意思則是"Hypertext Markup Language",中文翻譯為“超文本標(biāo)記語(yǔ)言”。“超文本”就是指頁(yè)面內(nèi)可以包含圖片，聯(lián)接，甚至音樂(lè)，程序等非文字的元素。網(wǎng)頁(yè)就是由HTML語(yǔ)言編寫(xiě)出來(lái)的。網(wǎng)頁(yè)是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺(tái)。網(wǎng)頁(yè)通常用圖像檔來(lái)提供圖畫(huà)，它要透過(guò)網(wǎng)頁(yè)瀏覽器來(lái)閱讀。網(wǎng)頁(yè)實(shí)際是一個(gè)文件，他存放在世界某個(gè)角落的某一臺(tái)計(jì)算機(jī)中，而這臺(tái)計(jì)算機(jī)必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁(yè)經(jīng)由網(wǎng)址（ URL ）來(lái)識(shí)別與存取。文字與圖片是構(gòu)成一個(gè)網(wǎng)頁(yè)的兩個(gè)最基本的元素。你可以簡(jiǎn)單的理解為：文字，就是網(wǎng)頁(yè)的內(nèi)容，圖片，就是網(wǎng)頁(yè)的美觀(guān)。除此之外，網(wǎng)頁(yè)的元素還包括動(dòng)畫(huà)、音樂(lè)、程序等等。 網(wǎng)頁(yè)設(shè)計(jì)是一種建立在新型媒體之上的新型設(shè)計(jì)。它具有很強(qiáng)的視覺(jué)效果、互動(dòng)性、互操作性、受眾面廣等其它媒體所不具有的特點(diǎn)，它是區(qū)別于報(bào)刊、影視的一個(gè)新媒體。它既擁有傳統(tǒng)媒體的優(yōu)點(diǎn)，同時(shí)又使傳播變得更為直接、省力和有效；為了適應(yīng)當(dāng)今時(shí)代發(fā)展，必須增加藝術(shù)設(shè)計(jì)院校的網(wǎng)頁(yè)設(shè)計(jì)課程；為了更好的體現(xiàn)網(wǎng)頁(yè)這一新型設(shè)計(jì)的特點(diǎn)，將它和傳統(tǒng)媒體進(jìn)行比較，了解它的優(yōu)勢(shì)所在；一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)，首先在觀(guān)念上要確立動(dòng)態(tài)的思維方式，其次，要有效地將圖形引入網(wǎng)頁(yè)設(shè)計(jì)之中，增加人們?yōu)g覽網(wǎng)頁(yè)的興趣，在崇尚鮮明個(gè)性風(fēng)格的今天，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)增加個(gè)性化因素。網(wǎng)頁(yè)設(shè)計(jì)是一種建立在新型媒體之上的新型設(shè)計(jì)。它具有很強(qiáng)的視覺(jué)效果、互動(dòng)性、互操作性、受眾面廣等其它媒體所不具有的特點(diǎn)，它是區(qū)別于報(bào)刊、影視的一個(gè)新媒體。它既擁有傳統(tǒng)媒體的優(yōu)點(diǎn)，同時(shí)又使傳播變得更為直接、省力和有效；為了適應(yīng)當(dāng)今時(shí)代發(fā)展，必須增加藝術(shù)設(shè)計(jì)院校的網(wǎng)頁(yè)設(shè)計(jì)課程；為了更好的體現(xiàn)網(wǎng)頁(yè)這一新型設(shè)計(jì)的特點(diǎn)，將它和傳統(tǒng)媒體進(jìn)行比較，了解它的優(yōu)勢(shì)所在；一個(gè)成功的網(wǎng)頁(yè)設(shè)計(jì)，首先在觀(guān)念上要確立動(dòng)態(tài)的思維方式，其次，要有效地將圖形引入網(wǎng)頁(yè)設(shè)計(jì)之中，增加人們?yōu)g覽網(wǎng)頁(yè)的興趣，在崇尚鮮明個(gè)性風(fēng)格的今天，網(wǎng)頁(yè)設(shè)計(jì)應(yīng)增加個(gè)性化因素。2.2確定網(wǎng)站的內(nèi)容本組網(wǎng)站的主題是“ 圖形圖像處理軟件”，我要做的網(wǎng)站是Coreldraw網(wǎng)站，認(rèn)識(shí)和確定網(wǎng)站之后，應(yīng)該構(gòu)思我的網(wǎng)站的內(nèi)容了。在這個(gè)網(wǎng)站中，我會(huì)多插點(diǎn)視頻教程，以及利用軟件做出來(lái)的作品的圖片展示；在文字處理方面，我會(huì)插入滾動(dòng)字幕；在本軟件的介紹方面，我會(huì)多介紹點(diǎn)本軟件的簡(jiǎn)介等內(nèi)容。本網(wǎng)站的知識(shí)通俗易懂，這樣可以使瀏覽者覺(jué)得更加簡(jiǎn)潔明了，也使他們學(xué)會(huì)了本軟件的知識(shí)。2.3定義站點(diǎn)在做網(wǎng)頁(yè)之前，我要先在Dreamweaver MX 2004中創(chuàng)建站點(diǎn)：（1）選擇“站點(diǎn)>管理站點(diǎn)”命令，彈出“管理站點(diǎn)”對(duì)話(huà)框，單擊“新建”按鈕，然后從彈出的菜單中選擇“站點(diǎn)”。如圖2-1所示：圖2-1（2）彈出“站點(diǎn)定義”對(duì)話(huà)框，如果對(duì)話(huà)框顯示的是“高級(jí)”選項(xiàng)卡，則單擊“基本”選項(xiàng)卡，彈出“站點(diǎn)定義向?qū)А钡牡?個(gè)界面，要求為站點(diǎn)輸入名稱(chēng)。如圖2-2所示：圖2-2（3）單擊“下一步”按鈕，彈出詢(xún)問(wèn)是否使用服務(wù)器技術(shù)的對(duì)話(huà)框。如果選擇“是，我想使用服務(wù)器技術(shù)”，則詢(xún)問(wèn)“哪種服務(wù)器技術(shù)？”，其中包括“無(wú)”、“ASP JavaScript”、“ASP VBScript”、“ASP.NET C#”、“ASP.NET VB”、“ColdFusion”、“JSP”、“PHP MySQL”選項(xiàng)。（4）目前該站點(diǎn)是一個(gè)靜態(tài)站點(diǎn)，在這里選擇“否，我不想使用服務(wù)器技術(shù)”。如圖2-3所示：圖2-3（5）單擊“下一步”按鈕，詢(xún)問(wèn)要如何使用文件。如圖2-4所示：圖2-4（6）選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器（推薦）”選項(xiàng)。單擊下邊文本框的圖標(biāo)，彈出“選擇站點(diǎn)的本地根文件夾”對(duì)話(huà)框，在此選擇根文件夾。如圖2-5所示：圖2-5（7）單擊“下一步”按鈕，詢(xún)問(wèn)如何連接到遠(yuǎn)程服務(wù)器。在此選擇“無(wú)”。（8）單擊“下一步”按鈕，出現(xiàn)顯示設(shè)置概要。（9）單擊“完成”按鈕，出現(xiàn)“管理站點(diǎn)”對(duì)話(huà)框，在對(duì)話(huà)框中顯示了新的站點(diǎn)。（10）單擊“完成”按鈕，“管理站點(diǎn)”對(duì)話(huà)框自動(dòng)關(guān)閉。至此，已經(jīng)為站點(diǎn)定義了一個(gè)本地根文件夾。如圖2-6所示：圖2-6定義了站點(diǎn)以后，就可以編輯自己的網(wǎng)頁(yè)了。創(chuàng)建網(wǎng)頁(yè)的具體操作步驟如下：（1）選擇“文件>新建”命令，彈出“新建文檔”對(duì)話(huà)框。（2）在“新建文檔”對(duì)話(huà)框中，將“類(lèi)別”設(shè)置為“基本頁(yè)”，“基本頁(yè)”為HEML，單擊“創(chuàng)建”按鈕，新建空白網(wǎng)頁(yè)。其實(shí)制作網(wǎng)頁(yè)還應(yīng)該要有圖像處理軟件，我用的是Photoshop和Coreldraw軟件。2.4收集資料我做的網(wǎng)頁(yè)是關(guān)于Coreldraw方面的知識(shí)，它是一個(gè)比較常見(jiàn)的平面圖象處理軟件，在日常生活中，我們?cè)谔幚韴D象時(shí)是經(jīng)常會(huì)用到。就個(gè)人網(wǎng)頁(yè)而言，很少有人有能力完全靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報(bào)紙，雜志，光盤(pán)等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。我取材的主要途徑是從網(wǎng)絡(luò)上收集，只要到百度、雅虎、搜狐等搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。也看了一些關(guān)于Dreamweaver以前學(xué)過(guò)的知識(shí)，預(yù)習(xí)了Coreldraw軟件的基礎(chǔ)知識(shí)。3、CORELDRAW網(wǎng)站制作成果我的Coreldraw網(wǎng)站分成“Coreldraw主頁(yè)”、 “Coreldraw 特效”、“Coreldraw素材”、“Coreldraw 教程”、“典藏推薦”、“留言板”、“校園網(wǎng)”七個(gè)網(wǎng)頁(yè)。以下由我來(lái)介紹這幾個(gè)網(wǎng)頁(yè)。3.1 CORELDRAW主頁(yè)圖3-1我所有的網(wǎng)頁(yè)顏色基本上都是填充的“#F6D9A6”，就個(gè)人而言，我比較喜歡淡一點(diǎn)的顏色。色彩是人的視覺(jué)最敏感的東西。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上，可以根據(jù)主頁(yè)內(nèi)容的需要，分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?，例如：嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色，例如：軍警的橄欖綠，醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué)，例如冷、暖的感覺(jué)，進(jìn)、退的效果等。另外，色彩還有民族性，各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響，對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性，可以使我們的主頁(yè)具有深刻的藝術(shù)內(nèi)涵，從而提升主頁(yè)的文化品位。下面介紹幾種常用的配色方案：暖色調(diào)：即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。冷色調(diào)：即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用，可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。對(duì)比色調(diào)：即把色性完全相反的色彩搭配在同一個(gè)空間里。例如：紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配，可以產(chǎn)生強(qiáng)烈的視覺(jué)效果，給人亮麗、鮮艷、喜慶的感覺(jué)。當(dāng)然，對(duì)比色調(diào)如果用得不好，會(huì)適得其反，產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和，小對(duì)比”這一個(gè)重要原則，即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的，局部的地方可以有一些小的強(qiáng)烈對(duì)比。 最后，還要考慮主頁(yè)底色（背景色）的深、淺，這里借用攝影中的一個(gè)術(shù)語(yǔ)，就是“高調(diào)”和“低調(diào)”。底色淺的稱(chēng)為高調(diào)；底色深的稱(chēng)為低調(diào)。底色深，文字的顏色就要淺，以深色的背景襯托淺色的內(nèi)容；反之，底色淡的，文字的顏色就要深些，以淺色的背景襯托深色的內(nèi)容。這種深淺的變化在色彩學(xué)中稱(chēng)為“明度變化”。有些主頁(yè)，底色是黑的，但文字也選用了較深的色彩，由于色彩的明度比較接近，讀者在閱覽時(shí)，眼睛就會(huì)感覺(jué)很吃力，影響了閱讀效果。當(dāng)然，色彩的明度也不能變化太大，否則屏幕上的亮度反差太強(qiáng)，同樣也會(huì)使讀者的眼睛受不了。網(wǎng)站的顏色確定后，我也利用了一些制作網(wǎng)頁(yè)的小技術(shù)來(lái)完善我的網(wǎng)站下面我就來(lái)介紹幾種：（1）文本超級(jí)鏈接當(dāng)瀏覽網(wǎng)頁(yè)時(shí)，鼠標(biāo)指針經(jīng)過(guò)某些文本，其形狀會(huì)發(fā)生變化，同時(shí)文本也會(huì)發(fā)生相應(yīng)的變化（出現(xiàn)下劃線(xiàn)、文本的顏色發(fā)生改變、字體發(fā)生改變等），提示瀏覽者這是帶鏈接的文本。此時(shí)單擊鼠標(biāo)，會(huì)打開(kāi)所鏈接的網(wǎng)頁(yè)，這就是文本超級(jí)鏈接。下面來(lái)說(shuō)一下創(chuàng)建文本超鏈接步驟：A、首先在Dreamweaver里面打開(kāi)這個(gè)網(wǎng)頁(yè)；B、選擇想要鏈接的文本，單擊屬性面板中的“鏈接”文本框右邊的按鈕，彈出 “選擇文件”對(duì)話(huà)框，從中選擇一個(gè)文件作為超鏈接目標(biāo)；C、單擊“確定”按鈕，在屬性面板的“鏈接”文本框中出現(xiàn)鏈接文件；D、在屬性面板的“目標(biāo)”下拉列表中選擇文檔的打開(kāi)方式。（2）網(wǎng)頁(yè)的源代碼：?jiǎn)螕簟帮@示代碼視圖”按鈕，將視圖轉(zhuǎn)換到源代碼狀態(tài)，然后單擊右端的“視圖選項(xiàng)”按鈕，在彈出的菜單中選擇全部命令。代碼視圖中顯示的網(wǎng)頁(yè)文檔的源代碼，HTML是最常用也是最普通的網(wǎng)頁(yè)語(yǔ)言，HTML語(yǔ)言包含許多HTML標(biāo)簽，這些標(biāo)簽都包括在“<”和“>”符號(hào)里，并且大部分是成對(duì)出現(xiàn)的，而文本在源代碼中位于HTML標(biāo)簽之間。下面來(lái)簡(jiǎn)要介紹以下網(wǎng)頁(yè)中包含的各個(gè)標(biāo)簽的含義。<html></html>：網(wǎng)頁(yè)的開(kāi)始、結(jié)束標(biāo)簽。<head></head>：網(wǎng)頁(yè)的文檔頭部分，包含網(wǎng)頁(yè)的重要信息，在瀏覽器中顯示。<body></body>：網(wǎng)頁(yè)的可見(jiàn)部分均包含在該標(biāo)簽之間，我們?cè)谠O(shè)計(jì)視圖中看到的各個(gè)元素都包含在這一對(duì)標(biāo)簽內(nèi)。（3）插入圖片：?jiǎn)螕羰髽?biāo)左鍵，將光標(biāo)移到將插入圖像的位置；打開(kāi)“選擇圖像源”對(duì)話(huà)框，方法有3種（在“插入”/“常用”面板中，單擊“插入圖像”按鈕；直接拖拽“插入”/“常用”面板中的“插入圖象”按鈕至頁(yè)面的光標(biāo)處；選擇Dreamweaver MX主菜單中的“插入”/“圖像”命令）；在彈出的“選擇圖像源”對(duì)話(huà)框中查找圖像文件的途徑；在對(duì)話(huà)框中將“預(yù)覽圖像”復(fù)選框勾選，選定圖像的預(yù)覽圖就顯示在對(duì)話(huà)框的右側(cè)，單擊“確定”按鈕，圖像就插入到網(wǎng)頁(yè)中了。（4）網(wǎng)頁(yè)的背景色：選擇下拉菜單中的“修改”/“頁(yè)面屬性”命令，打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框；單擊“背景”旁邊的圖標(biāo)打開(kāi)調(diào)色板，在調(diào)色板中鼠標(biāo)指針變成“吸管”的形狀；單擊右上角的黑色箭頭，在彈出的菜單中將“調(diào)整到網(wǎng)頁(yè)安全色”命令勾選；在網(wǎng)頁(yè)安全顏色抓取“#F6D9A6”顏色后單擊“確定”按鈕，關(guān)閉“頁(yè)面屬性”對(duì)話(huà)框，文檔的背景色就改變了。（在代碼視圖中，標(biāo)簽“body”中的屬性“bgcolor=#F6D9A6”表示文檔的背景色）（5）設(shè)置頁(yè)邊距：在設(shè)計(jì)視圖中文本的上、下、左、右都有一定的邊距，這是因?yàn)镈reamweaver默認(rèn)方式下文檔的上、下、左、右等邊距是不為零的。選擇下拉菜單中的“修改”/“頁(yè)面屬性”命令，打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框，即可以修改這些邊距。在源代碼中可以看到，HTML標(biāo)簽“body”中共有4項(xiàng)，它們依次定義了“左邊界”、“頂部邊界”、“邊界寬度”、“邊界高度”選項(xiàng)。<body leftmargin=“0” topmargin=“0” marginwidth=“0” marginheight=“0”>在“body”標(biāo)簽中，每個(gè)屬性之間都有一個(gè)半角的空格，而不是連接在一起的，如果連接在一起，文檔就會(huì)出錯(cuò)。（6）電子郵件鏈接：在文檔中將鼠標(biāo)指針置于預(yù)添加電子郵件鏈接處；單擊“插入”/“常用”面板上的按鈕，打開(kāi)“電子郵件鏈接”對(duì)話(huà)框；在“文本”選項(xiàng)的文本框內(nèi)填入在文檔中顯示的信息，在“E-mail”選項(xiàng)的文本框內(nèi)必須輸入郵箱的地址且地址必須完整，不能有任何錯(cuò)誤，否則將無(wú)法正確發(fā)送信息；單擊“確定”按鈕，一個(gè)電子郵件鏈接就創(chuàng)建好了。在網(wǎng)頁(yè)中單擊帶鏈接的文本“電子信箱”，將自動(dòng)啟動(dòng)瀏覽器端的電子郵件管理軟件并創(chuàng)建一個(gè)新郵件，并且自動(dòng)在收件人處設(shè)置為以上所設(shè)置的電子郵件地址。在代碼視圖中可以看到電子郵件鏈接與普通鏈接的不同：<a href=“mailto:welcome”>聯(lián)系我們： welcome </a>（7）主頁(yè)圖片的制作在本組中，我負(fù)責(zé)的是介紹CORELDRAW的內(nèi)容，所以在CORELDRAW首頁(yè)上右邊的圖片是我在CORELDRAW12中做的。具體步驟如下：打開(kāi)CORELDRAW12的界面，在彈出的框中，點(diǎn)擊“新建”。選擇菜單中的“文件”，點(diǎn)擊“導(dǎo)入”命令或按快捷鍵“Ctrl+I”即可。在彈出的“導(dǎo)入”對(duì)話(huà)框中選擇要導(dǎo)入的圖片，然后點(diǎn)擊“導(dǎo)入”。先調(diào)整圖片的大小，然后點(diǎn)擊左側(cè)工具箱中的“文本工具”，在圖片上輸入“CorelDRAW”。選擇菜單中的“窗口”，點(diǎn)擊“調(diào)色板”命令打開(kāi)。選中輸入的文字“CorelDRAW”，在調(diào)色板上選定的顏色上單擊鼠標(biāo)左鍵，將調(diào)色板上的顏色塊拖至對(duì)象上，然后松開(kāi)鼠標(biāo)。選擇菜單中的“排列”，點(diǎn)擊“鎖定對(duì)象”。選擇菜單中的“文件”，點(diǎn)擊“發(fā)布到Web”、“Web圖象優(yōu)化程序”，彈出“網(wǎng)絡(luò)圖象優(yōu)化程序”。在彈出的框中選擇“JPEG”格式，點(diǎn)擊“確定”。選擇菜單中的“文件”，點(diǎn)擊“保存”命令，彈出“保存繪圖”對(duì)話(huà)框，輸入文件名，點(diǎn)擊“保存”按鈕。在Dreamweaver MX 2004中選擇菜單中的“文件”，點(diǎn)擊“打開(kāi)”，彈出“打開(kāi)”對(duì)話(huà)框，選擇我的CORELDRAW主頁(yè)，點(diǎn)擊“打開(kāi)”按鈕。將鼠標(biāo)點(diǎn)擊要插入圖片的位置，選擇菜單中的“插入”，點(diǎn)擊“圖象”，彈出“選擇圖象源文件”對(duì)話(huà)框，選中剛剛在CORELDRAW 12中制作的那幅圖片，然后“確定”。將插入的圖片調(diào)整到我所要的大小即可。（8）插入滾動(dòng)字幕的代碼如下：<P align=left><FONT color=#336633> </FONT></P> <marquee direction=up height=200 id= per onMouseOut=this.start() onMouseOver=this.stop() scrollamount=1 scrolldelay=50 width="80%"> <p> <span class="style4"> 人生是短促的，這句話(huà)應(yīng)該促醒每一個(gè)人去進(jìn)行一切他所想做的事。雖然勤勉不能保證一定成功，死亡可能摧折欣欣向榮的事業(yè)，但那些功業(yè)未遂的人，至少已有參加行伍的光榮，即使他未獲勝，卻也算戰(zhàn)斗過(guò)。 約翰遜</span></p></marquee><P align=left><FONT color=#336633><BR> </FONT></P>（9）搜索歌曲名的代碼如下：<table width="500" border="0" align="center" cellpadding="0" cellspacing="0"> <tr><td align="center"><!-SoGua search start-><form action= method=get target="_blank"><table><tr><td width="65%"><font size="2">請(qǐng)輸入你要搜索的歌曲名：</font><input name="key" size="24"> <INPUT border=0 cachename=go src="image/go.gif" type=image width="45" height="42" name="I2"></td></tr></table></form></td></tr></table><!-SoGua search end-></td></tr></table>（10）插入關(guān)鍵字：?jiǎn)螕簟安迦搿?“文件頭”面板中的按鈕，打開(kāi)“關(guān)鍵字”對(duì)話(huà)框；在對(duì)話(huà)框中輸入有關(guān)網(wǎng)頁(yè)的關(guān)鍵字。（11）插入鏈接：這與網(wǎng)頁(yè)中的普通鏈接是不一同的。單擊“插入”/“文件頭”面板中的“鏈接”按鈕，打開(kāi)“鏈接”對(duì)話(huà)框，下面由我來(lái)舉個(gè)例子吧：選中“中國(guó)設(shè)計(jì)網(wǎng)”，然后在屬性面板中輸入，預(yù)覽時(shí)就鏈接上了。如圖3-2所示：圖3-2（12）設(shè)置文字大?。涸谖谋镜摹皩傩浴泵姘逯锌梢栽O(shè)置文字的大小。將所要改變的文本選定，然后選擇“屬性”面板中的“大小”選項(xiàng)的下拉列表框中的阿拉伯?dāng)?shù)字，文字會(huì)相應(yīng)發(fā)生變化，數(shù)字越大，文字也越大，默認(rèn)的文字大小是“3”。如果將“大小”選項(xiàng)設(shè)置為“4”，那么文本比瀏覽器的默認(rèn)狀態(tài)加大1個(gè)單位尺寸：將該選項(xiàng)設(shè)置為“2”，文本就比瀏覽器的默認(rèn)狀態(tài)減小1個(gè)單位尺寸。這里的數(shù)字不相當(dāng)于文本編輯軟件中的幾號(hào)字體，只是一個(gè)相對(duì)值。（13）改變字體：在“屬性”面板中的“格式”選項(xiàng)的下拉列表框旁邊還有一個(gè)下拉列表框，這是“字體”選項(xiàng)下拉列表框；要想改變字體，則需首先在文檔中用鼠標(biāo)將所要改變的字體選中，然后在“屬性”面板中的“格式”選項(xiàng)的下拉列表中選擇相應(yīng)的字體。下拉列表的最后一行是“編輯字體列表”選項(xiàng)，可以通過(guò)該選項(xiàng)來(lái)添加、刪除字體、還可以對(duì)已經(jīng)存在的字體組合進(jìn)行修改。（14）改變文本顏色網(wǎng)頁(yè)中的文本不僅可以顯示為黑色，還可以變換顏色顯示，最多可以達(dá)到16777216種顏色，不過(guò)平時(shí)一般在216種網(wǎng)頁(yè)安全色范圍內(nèi)選擇顏色，下面就來(lái)看一下如何改變頁(yè)面的文本顏色，具體操作步驟如下：選擇下拉菜單中的“修改”/“頁(yè)面屬性”命令，打開(kāi)“頁(yè)面屬性”對(duì)話(huà)框；在“頁(yè)面屬性”對(duì)話(huà)框中單擊“文本”選項(xiàng)旁邊的矩形圖標(biāo)，打開(kāi)調(diào)色板；在調(diào)色板中用鼠標(biāo)選擇一種顏色，單擊“確定”按鈕，網(wǎng)頁(yè)中所有文本的顏色都變了。以上就是我在做網(wǎng)站時(shí)用到的一些制作方法,除了在做本網(wǎng)站之余,我也稍稍了解了一下我所介紹的圖象處理軟件,那就讓我也介紹點(diǎn)吧。為便于設(shè)計(jì)需要，CorelDraw提供了一整套的圖形精確定位和變形控制方案。CorelDraw9.0較以前的版本增加了噴灑器等工具，更主要的是加強(qiáng)了pdf網(wǎng)絡(luò)格式支持及顏色管理。對(duì)很多的功能作了深化處理使其更能適應(yīng)現(xiàn)代美術(shù)設(shè)計(jì)的需要?，F(xiàn)在最常見(jiàn)的版本是CORELDRAW 12，Coreldraw12圖像軟件包提供給用戶(hù)3個(gè)難以置信強(qiáng)力的圖像應(yīng)用程序。最新圖形軟件設(shè)計(jì)包CorelDRAW Graphics Suite X3，它擁有超過(guò)40個(gè)新的屬性和增強(qiáng)的特性，無(wú)論是專(zhuān)業(yè)的設(shè)計(jì)者還是小型商業(yè)企業(yè)的擁有者，這套組件適合任意等級(jí)的設(shè)計(jì)，因?yàn)樗峁┝艘粋€(gè)出眾的整合性，速度和易于使用性，是無(wú)比的工業(yè)圖像軟件。在本網(wǎng)站中,我也在主頁(yè)里提供了四個(gè)鏈接網(wǎng)址,下面就讓我來(lái)簡(jiǎn)介一下吧.主頁(yè)的左側(cè)的下部分中，可以與IT技術(shù)綜合網(wǎng)、計(jì)算機(jī)基礎(chǔ)教育網(wǎng)、中國(guó)設(shè)計(jì)網(wǎng)、GOOGLE這四個(gè)網(wǎng)址鏈接。鏈接到IT技術(shù)綜合網(wǎng)（），可以看到IT行業(yè)最新的資訊，在網(wǎng)頁(yè)的首頁(yè)上，我們可以學(xué)到數(shù)據(jù)庫(kù)、用于圖形處理的各類(lèi)平面軟件、計(jì)算機(jī)的各類(lèi)系統(tǒng)（DOS系統(tǒng)、Windows系統(tǒng)、Linux系統(tǒng)、Unix系統(tǒng)）、Office教程解答、認(rèn)證考試、在線(xiàn)問(wèn)答等欄目，它是一個(gè)關(guān)于IT技術(shù)全面的網(wǎng)站。鏈接到計(jì)算機(jī)基礎(chǔ)教育網(wǎng)（），你可以感覺(jué)到它是一個(gè)普通的網(wǎng)頁(yè)，沒(méi)有太多的修飾，只是分了一些小欄目：操作系統(tǒng)、網(wǎng)絡(luò)沖浪、辦公軟件、網(wǎng)頁(yè)設(shè)計(jì)、圖形圖像、認(rèn)證考試、程序設(shè)計(jì)、數(shù)據(jù)庫(kù)、其它文章等，其實(shí)它與IT技術(shù)綜合網(wǎng)有相似之處，他們都是服務(wù)于計(jì)算機(jī)知識(shí)，我們可以通過(guò)他們學(xué)到課外更多的知識(shí)。鏈接到中國(guó)設(shè)計(jì)網(wǎng)（），這是一個(gè)設(shè)計(jì)網(wǎng)站，涉及到平面、廣告、字體、包裝、標(biāo)志、室內(nèi)、環(huán)藝、網(wǎng)頁(yè)、服裝、工業(yè)、數(shù)碼等項(xiàng)目，在此網(wǎng)站中，我們可以看到完美的設(shè)計(jì)，有助于我們對(duì)平面設(shè)計(jì)的理解。鏈接到Google（），Google資訊是一個(gè)由計(jì)算機(jī)生成的資訊網(wǎng)站。它匯集了來(lái)自中國(guó)大陸超過(guò)1000 多個(gè)中文資訊來(lái)源的新聞資源，并將相似的報(bào)道組合在一起，根據(jù)讀者的個(gè)人喜好進(jìn)行顯示。一直以來(lái)，新聞讀者都是先挑選一種出版物，然后再尋找所關(guān)注的標(biāo)題。為了向讀者提供更加個(gè)性化的選項(xiàng)以及更加多樣化的視點(diǎn)供其選擇，Google采取的方式略有不同。在 Google 資訊中，每項(xiàng)報(bào)道提供了指向多篇文章的鏈接，因此您可以先確定感興趣的主題，然后再選擇要閱讀每項(xiàng)報(bào)道的具體發(fā)布者的網(wǎng)頁(yè)。點(diǎn)擊感興趣的標(biāo)題，然后就可以直接進(jìn)入發(fā)布該報(bào)道的網(wǎng)站。Google 學(xué)術(shù)搜索提供可廣泛搜索學(xué)術(shù)文獻(xiàn)的簡(jiǎn)便方法。您可以從一個(gè)位置搜索眾多學(xué)科和資料來(lái)源：來(lái)自學(xué)術(shù)著作出版商、專(zhuān)業(yè)性社團(tuán)、預(yù)印本、各大學(xué)及其他學(xué)術(shù)組織的經(jīng)同行評(píng)論的文章、論文、圖書(shū)、摘要和文章。Google 學(xué)術(shù)搜索可幫助您在整個(gè)學(xué)術(shù)領(lǐng)域中確定相關(guān)性最強(qiáng)的研究。3.2CORELDRAW特效如圖3-3所示：圖3-3在瀏覽所有網(wǎng)頁(yè)時(shí)，鼠標(biāo)經(jīng)過(guò)某些文本時(shí)會(huì)出現(xiàn)一個(gè)小手，同時(shí)文本也會(huì)發(fā)生相應(yīng)的變化，提示瀏覽者這是帶鏈接的文本。此時(shí)單擊鼠標(biāo)，會(huì)打開(kāi)所鏈接的網(wǎng)頁(yè)。在整理段落時(shí)，一個(gè)段落反映在HTML源代碼中包含在一個(gè)“<p></p>”標(biāo)簽中，下面就從具體操作步驟中來(lái)了解如何設(shè)置段落屬性吧。將光標(biāo)移到第1個(gè)段落，然后在“屬性”面板中選擇“格式”選項(xiàng)下拉列表框中的“標(biāo)題1”選項(xiàng)；將第2個(gè)段落設(shè)置為“標(biāo)題2”；將光標(biāo)移到第3段，然后單擊“屬性”面板中的“文字縮進(jìn)”按鈕，將整段文本向右移動(dòng)；如果要取消文本的縮進(jìn)，就單擊“屬性”面板中的“文字凸出”按鈕，將文本向左移動(dòng)，恢復(fù)到原來(lái)的格式；還可以單擊“無(wú)序列表”按鈕和“有序列表”按鈕，將段落進(jìn)行列表方式排列?！皩傩浴泵姘逯械?個(gè)按鈕是用來(lái)設(shè)置段落對(duì)齊方式的：“左對(duì)齊”按鈕：使文本向?yàn)g覽器窗口中的左邊界對(duì)齊；“右對(duì)齊”按鈕：使文本在瀏覽器窗口中的右邊界對(duì)齊；“居中”按鈕：使文本在瀏覽器窗口中的居中位置顯示。這3種對(duì)齊方式在我的網(wǎng)站源代碼中是這樣顯示的：居中對(duì)齊：align=“center”居右對(duì)齊：align=“right”居左對(duì)齊：align=“l(fā)eft”3.3CORELDRAW素材如圖3-4所示：圖3-4矢量圖：計(jì)算機(jī)中顯示的圖形一般可以分為兩大類(lèi)矢量圖和位圖。矢量圖使用直線(xiàn)和曲線(xiàn)來(lái)描述圖形，這些圖形的元素是一些點(diǎn)、線(xiàn)、矩形、多邊形、圓和弧線(xiàn)等等，它們都是通過(guò)數(shù)學(xué)公式計(jì)算獲得的。例如一幅花的矢量圖形實(shí)際上是由線(xiàn)段形成外框輪廓，由外框的顏色以及外框所封閉的顏色決定花顯示出的顏色。由于矢量圖形可通過(guò)公式計(jì)算獲得，所以矢量圖形文件體積一般較小。矢量圖形最大的優(yōu)點(diǎn)是無(wú)論放大、縮小或旋轉(zhuǎn)等不會(huì)失真；最大的缺點(diǎn)是難以表現(xiàn)色彩層次豐富的逼真圖像效果。下面來(lái)欣賞兩幅圖吧！如圖3-5所示：圖3-53.4CORELDRAW教程如圖3-6所示：圖3-6表格在網(wǎng)頁(yè)中是一種用途非常廣泛的工具。這不僅表現(xiàn)在它可以有序地排列數(shù)據(jù)，還表現(xiàn)在它可以精確地定位文本、圖象及其他網(wǎng)頁(yè)中的元素，使這些元素的水平位置、垂直位置發(fā)生細(xì)小變化，這在網(wǎng)頁(yè)版面局部方面是很重要的。對(duì)于網(wǎng)頁(yè)的排版布局來(lái)說(shuō)，表格是不可或缺的工具。（1）建立表格：我網(wǎng)頁(yè)中的所有表格都是在Dreamweaver MX中插入表格，可以將光標(biāo)移到要插入表格的位置，選擇下拉菜單中的“插入”/“表格”命令，或者單擊“插入”/“常用”面板上的按鈕，打開(kāi)“插入表格”對(duì)話(huà)框；該對(duì)話(huà)框中顯示的各項(xiàng)參數(shù)值是最近一次所設(shè)置的數(shù)值大小，系統(tǒng)將最近一次設(shè)置的參數(shù)保存到下一次打開(kāi)這個(gè)對(duì)話(huà)框時(shí)為止。寬度：表示表格的寬度，單位有“百分比”和“像素”兩個(gè)選項(xiàng)，該對(duì)話(huà)框中采用的是“百分比”單位；邊框：表示表格邊框的寬度，以像素為單位，0表示沒(méi)有邊框；單元格填充：表示單元格內(nèi)容與單元格邊框之間的距離，默認(rèn)值為“3”；單元格間距：表示單元格與單元格之間的距離，默認(rèn)值為“3”。在HTML語(yǔ)言中，標(biāo)簽“<table>”表示一個(gè)整個(gè)的表格，“<tr>”表示表格中的一行，“<td>”表示其中一個(gè)單元格，我們可以通過(guò)查看源代碼來(lái)記住它們。例如用教程里的一段代碼來(lái)說(shuō)明一下：<table width="90%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#336633"><tr bgcolor="#FFFFFF"> <td height="22" colspan="3"> <div align="center">coreldraw教程</div></td></tr></table>（2）增加、刪除行和列及拆分、合并單元格增加行、列 選擇下拉菜單中的“修改”/“表格”/“插入行”命令，則在光標(biāo)所在單元格的上面增加了一行。選擇下拉菜單中的“修改”/“表格”/“插入列”命令，則在光標(biāo)所在的單元格的左側(cè)增加了一列； 選擇下拉菜單中的“修改”/“表格”/“插入行或列”命令，打開(kāi)“插入行或列”對(duì)話(huà)框進(jìn)行設(shè)置，單擊“確定”按鈕，即可完成插入操作。刪除行、列 刪除行、列可以先將光標(biāo)置于要?jiǎng)h除的行或列中，或者將要?jiǎng)h除的行或列選擇，然后選擇下拉菜單中的“修改”/“刪除行”命令，將行刪除；或選擇下拉菜單中的“修改”/“刪除列”命令，將列刪除。拆分單元格將光標(biāo)置于一個(gè)要拆分的單元格中；單擊“屬性”面板中的“拆分單元格”按鈕，彈出“拆分單元格”對(duì)話(huà)框，“把單元格拆分”選項(xiàng)后面有“行”和“列”兩個(gè)選項(xiàng)，這表明可以將單元格縱向拆分或者橫向拆分；設(shè)置完對(duì)話(huà)框中的內(nèi)容后，單擊“確定”按鈕。合并單元格將兩行合并成一行或者將三列合并成一列，這就是合并單元格。首先，將要合并的單元格選擇；然后單擊“屬性”面板中的“合并單元格”按鈕，彈出“合并單元格”對(duì)話(huà)框。另外，也可以通過(guò)選擇下拉菜單中的“修改”/“表格”/“合并單元格”命令來(lái)完成合并操作。（3）改變表格尺寸選定整個(gè)表格，在表格“屬性”面板中的“寬”和“高”文本框內(nèi)輸入準(zhǔn)確的數(shù)值（以像素為單位），即可改變表格的大?。粚⑹髽?biāo)指針置于一列的頂部，選擇該列，在“屬性”面板中即可改變?cè)摿械膶挾龋粚⑹髽?biāo)指針置于一行的左端，選擇該行，在“屬性”面板中即可改變?cè)撔械膶挾龋?.5典藏推薦如圖3-7所示：圖3-7本網(wǎng)頁(yè)插入的視頻教程全是從網(wǎng)上下載下來(lái)的，經(jīng)過(guò)整理，將它們一一鏈接上的。鏈接方法在以上已經(jīng)提過(guò)了，在這里就不再重提了。3.6留言板本組的留言板是利用ASP技術(shù)完成的，且它是一個(gè)動(dòng)態(tài)網(wǎng)頁(yè)。希望大家多多給我們留言吧！如圖3-8所示：圖3-8使用Internet信息服務(wù)器（IIS）：在Windows XP操作界面下選擇“開(kāi)始”/“控制面板”，打開(kāi)“控制”窗口；在窗口中單擊圖標(biāo)，打開(kāi)“性能和維護(hù)”窗口；單擊“管理工具”圖標(biāo)，打開(kāi)“管理工具”窗口；雙擊“信息服務(wù)”圖標(biāo)，打開(kāi)“Internet信息服務(wù)”窗口；選擇“網(wǎng)站”下“默認(rèn)網(wǎng)站”，右擊鼠標(biāo)，選擇“屬性”，打開(kāi)“默認(rèn)網(wǎng)站屬性”；切換到“主目錄”選項(xiàng)卡，在“本地路徑”中瀏覽我所要的路徑；切換到“文檔”選項(xiàng)卡，一般將首頁(yè)確定為“index.htm”，或單擊“添加”按鈕，將其他首頁(yè)文件名添加到表當(dāng)中；單擊“確定”按鈕，完成設(shè)置。ASP應(yīng)用程序必須通過(guò)開(kāi)放式數(shù)據(jù)庫(kù)鏈接（ODBC）驅(qū)動(dòng)程序和嵌入數(shù)據(jù)庫(kù)（OLEDB）提供程序鏈接到數(shù)據(jù)庫(kù)。該驅(qū)動(dòng)程序或提供程序被用作解釋器，能夠使網(wǎng)頁(yè)應(yīng)用程序與數(shù)據(jù)庫(kù)進(jìn)行通信。DNS是指向數(shù)據(jù)庫(kù)并包含鏈接到該數(shù)據(jù)庫(kù)所需的全部信息?？梢栽赪indows XP中定義DNS，如果是正在通過(guò)安裝在Windows XP系統(tǒng)上的ODBC驅(qū)動(dòng)程序進(jìn)行鏈接，則可以使用DNS；鏈接字符串是手動(dòng)編碼的表達(dá)式，這也是網(wǎng)頁(yè)設(shè)計(jì)最常用的一種方法，它標(biāo)識(shí)數(shù)據(jù)庫(kù)并列出鏈接到該數(shù)據(jù)庫(kù)所需的信息。例如：Driver=SQL Server;Server=Dylan;database=data;UID=admin;PWD=adminDriver用于指定數(shù)據(jù)庫(kù)驅(qū)動(dòng)；Server是用于指定承載SQL Server數(shù)據(jù)庫(kù)的服務(wù)器;Database為SQL Server數(shù)據(jù)庫(kù)的名稱(chēng);UID用于指定用戶(hù)名；PWD用于指定用戶(hù)密碼。3.7校園網(wǎng)鏈接到我們的校園網(wǎng)(),可以查看我們的成學(xué)習(xí)績(jī)，可以了解學(xué)校的最新動(dòng)態(tài)，還可以點(diǎn)擊視頻點(diǎn)播等，希望大家可以多多點(diǎn)擊我們的校園網(wǎng)，了解本校的信息，尤其對(duì)于畢業(yè)班的學(xué)生來(lái)說(shuō)，要多上校園網(wǎng)去了解有關(guān)就業(yè)方面的最新信息。通過(guò)本次畢業(yè)設(shè)計(jì)，我學(xué)了很多關(guān)于平面設(shè)計(jì)方面的知識(shí)，特別是我所負(fù)責(zé)的CORELDRAW?？偠灾?Coreldraw軟件的圖文編輯功能非常強(qiáng)大，操作簡(jiǎn)便、圖形效果好。它能夠進(jìn)行精確的圖紙?jiān)O(shè)置、輔助線(xiàn)設(shè)置；能夠進(jìn)行精確的定位，繪制精確的制圖線(xiàn)條，進(jìn)行任何直線(xiàn)、曲線(xiàn)的變形；能夠進(jìn)行完美的數(shù)據(jù)標(biāo)注；能夠?qū)D線(xiàn)進(jìn)行任意線(xiàn)型的設(shè)置。但也有一些不足之處，應(yīng)充分重視Coreldraw軟件基礎(chǔ)圖形庫(kù)建設(shè)，符號(hào)庫(kù)中提供最基本的圖形符號(hào)需自行設(shè)計(jì)和制作，并將每組信息存入符號(hào)庫(kù)以供調(diào)用，因此基礎(chǔ)圖形庫(kù)的建立與編輯是一個(gè)系統(tǒng)而復(fù)雜的工作。這需要制圖工作者在實(shí)踐中不斷積累經(jīng)驗(yàn)，才能繪制出更加美觀(guān)的圖形。我認(rèn)為一篇優(yōu)秀的畢業(yè)論文僅有一個(gè)好的主題和觀(guān)點(diǎn)是不夠的，它還必須要有充分、翔實(shí)的論據(jù)材料作為支持。旁征博引、多方佐證，是畢業(yè)論文有別于一般性議論文的明顯特點(diǎn)。一般性議論文，只要證明一個(gè)觀(guān)點(diǎn)，有時(shí)只需對(duì)一兩個(gè)論據(jù)進(jìn)行分析就可以了，而畢業(yè)論文則必須以大量的論據(jù)材料作為自己觀(guān)點(diǎn)形成的基礎(chǔ)和確立的支柱。作者每確立一個(gè)觀(guān)點(diǎn)，必須考慮：用什么材料做主證，什么材料做旁證；對(duì)自己的觀(guān)點(diǎn)是否會(huì)有不同的意見(jiàn)或反面意見(jiàn)，對(duì)他人持有的異議應(yīng)如何進(jìn)行闡釋或反駁。畢業(yè)論文要求作者所提出的觀(guān)點(diǎn)、見(jiàn)解切切實(shí)實(shí)是屬于自己的，而要使自己的觀(guān)點(diǎn)能夠得到別人的承認(rèn)，就必須有大量的、充分的、有說(shuō)服力的理由來(lái)證實(shí)自己觀(guān)點(diǎn)的正確。我自己感覺(jué)在知識(shí)、技能、與人溝通和交流等方面都有了不少的收獲?？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。在做畢業(yè)設(shè)計(jì)和畢業(yè)論文時(shí)，我們要善于獨(dú)立思考，敢于提出自己的獨(dú)立見(jiàn)解，敢于否定那些陳舊過(guò)時(shí)的結(jié)論，這不僅要有勤奮的學(xué)習(xí)態(tài)度，還必須具有追求真理、勇于創(chuàng)新的精神。要正確處理繼承與創(chuàng)新的關(guān)系，任何創(chuàng)新都不是憑空而來(lái)的，總是以前人的成果為基礎(chǔ)。因此，我們要認(rèn)真地學(xué)習(xí)、研究和吸收前人的成果。但是這種學(xué)習(xí)不是不加分析地生吞活剝，而是既要繼承，又要批判和發(fā)展。22參考文獻(xiàn)1、 張軍安編 CorelDRAW 12短期培訓(xùn)教程出版社：西北工業(yè)大學(xué)2、 田博文編 Dreamweaver中文版基礎(chǔ)培訓(xùn)教程出版社：人民郵電出版社3、 孫良軍編 夢(mèng)幻網(wǎng)頁(yè)設(shè)計(jì)四合一出版社：中國(guó)青年出版社4、 張文編 精通CorelDRAW 9 出版社：清華大學(xué)出版社5、 方晨編 CorelDRAW X3實(shí)例教程出版社：上?？破?、 史廣飛、高建光編 CorelDRAW11中文版入門(mén)與提高出版社：清華大學(xué)出版社7、 東箭工作室編 CorelDRAW 9中文版初中級(jí)教程出版社：清華大學(xué)出版社- 0 - I 致謝本論文是在導(dǎo)師楊丹悉心指導(dǎo)下完成的。導(dǎo)師淵博的專(zhuān)業(yè)知識(shí)，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度，精益求精的工作作風(fēng)，誨人不倦的高尚師德，嚴(yán)以律己、寬以待人的崇高風(fēng)范，樸實(shí)無(wú)華、平易近人的人格魅力對(duì)我影響深遠(yuǎn)。不僅使我樹(shù)立了遠(yuǎn)大的學(xué)術(shù)目標(biāo)、掌握了基本的研究方法，還使我明白了許多待人接物與為人處世的道理。剛拿到畢業(yè)設(shè)計(jì)題目時(shí)，我一時(shí)還不知道該如何開(kāi)始做，經(jīng)過(guò)導(dǎo)師的指點(diǎn)和本組成員的探討，先對(duì)做的個(gè)人網(wǎng)站列了個(gè)綱目，然后找大量關(guān)于本設(shè)計(jì)的資料，我很快進(jìn)入狀態(tài)，和本組成員不斷商量該如何進(jìn)行下一步。本論文從選題到完成，每一步都是在導(dǎo)師的指導(dǎo)下完成的，傾注了導(dǎo)師大量的心血。 本論文的順利完成，也離不開(kāi)各位老師、同學(xué)和朋友的關(guān)心和幫助。在此感謝王曉蕾老師教導(dǎo)和曾任教于我的所有老師們；感謝蔣敏娟、卜維雁、周丹、陳玲同學(xué)的幫助；更要感謝我的父母謝謝他們對(duì)我的關(guān)心、支持和幫助；在三年的學(xué)習(xí)期間，得到很多同學(xué)的關(guān)心和幫助，在此表示深深的感謝。沒(méi)有他們的幫助和支持是沒(méi)有辦法完成我的畢業(yè)論文的，同窗之間的友誼永遠(yuǎn)長(zhǎng)存。 在此，謹(jǐn)向?qū)煴硎境绺叩木匆夂椭孕牡母兄x！- 0 - II 附錄(1)文字間隔語(yǔ)法：word-spacing:<值>允許值：normal|<長(zhǎng)度>初始值：normal適用于：所有元素向下兼容：是文字間隔屬性定義一個(gè)附加在文字之間的間隔數(shù)量。該值必須符合長(zhǎng)度格式，允許使用負(fù)值。例如：P EMword-spacing:0.4emP.note word-spacing:-0.2em(2)字母間隔語(yǔ)法：letter-spacing:<值>允許值：normal|<長(zhǎng)度>初始值：normal適用于：所有元素向下兼容：是字母間隔屬性定義一個(gè)附加在字符之間的間隔數(shù)量。該值必須符合長(zhǎng)度格式，允許使用負(fù)值。一個(gè)設(shè)為零的值會(huì)阻止文字的調(diào)整。 例如：H1 letter -spacing:0.1emP.note letter -spacing:-0.1em(3)文本修飾語(yǔ)法：text-decoration:<值>允許值：none|underline|overline|line-through|blink初始值：none適用于：所有元素向下兼容：否文本修飾屬性允許通過(guò)5個(gè)屬性中的一個(gè)來(lái)修飾文本：underline(下劃線(xiàn)),overline(上劃線(xiàn)),line-through(刪除線(xiàn)),blink(閃爍)或缺省地使用無(wú)。例如，使用下列語(yǔ)句可以使連接不再有下劃線(xiàn)：A:link,A:visited,A:activetext-decoration:none(4)文本縮進(jìn)語(yǔ)法：text-indent:<值>允許值：<長(zhǎng)度>|<百分比>初始值：0適用于：塊級(jí)元素向下兼容：是文本縮進(jìn)屬性可以應(yīng)用于塊級(jí)元素（P，H1，等），以定義該元素第一行可以接受的縮進(jìn)的數(shù)量。該值必須是一個(gè)長(zhǎng)度或一個(gè)百分比。若百分比則視上級(jí)元素的寬度而定。通用的文本縮進(jìn)用法是用于段的縮進(jìn)： P text-indent:5em(5)背景顏色語(yǔ)法：background-color:<值>允許值：<顏色>|transparent（透明）初始值：transparent（透明）適用于：所有對(duì)象向下兼容：否背景顏色屬性設(shè)定一個(gè)元素的背景顏色。例如：BODY background-color :whiteH1 background-color:#000080 為了避免與用戶(hù)的樣式表之間的沖突，任何背景顏色被使用的時(shí)候，背景圖象都應(yīng)該被指定。而大多數(shù)情況下，background-image:none都是合適的。(6)顯示語(yǔ)法：display:<值>允許值：block|inline|list-item|none初始值：block適用于：所有對(duì)象向下兼容：否 顯示屬性允許使用四個(gè)值中的一個(gè)來(lái)定義一個(gè)元素： block（在元素的前和后都會(huì)有換行）inline（在元素的前和后都不會(huì)有換行）list-item（與block相同，但增加了目錄項(xiàng)標(biāo)記）none（沒(méi)有顯示）每個(gè)元素都典型地由瀏覽器基于HTML規(guī)格建議的展示形式給出一個(gè)缺省的顯示值。顯示屬性可能并不安全，因?yàn)樗褂昧硗獾牟缓线m的格式顯示元素。使用值none將關(guān)閉指定元素及其子元素的顯示。- 2 - III
個(gè)人主頁(yè)