我的畢業(yè)設(shè)計論文.doc

前言Internet是目前世界上最大的計算機互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上百萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個好的Web站點對于一個機構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點向用戶提供的服務(wù)將越來越豐富，越來越人性化。 WWW使在全球范圍內(nèi)進行幾乎是實時的交互性多媒體信息交流成為可能。與許多正在涌現(xiàn)的技術(shù)不同，WWW相當廉價，并且是迄今為止最強大的信息交流工具。對于一個公司或個人來說，沒有理由不在Internet上展示自己。要展現(xiàn)自己，首先要有與眾不同的地方個性，當今社會，是一的個性張揚的社會，要想在Internet上表現(xiàn)自己就要設(shè)置個性網(wǎng)頁，這就用著了網(wǎng)頁設(shè)計工具dreamweaverflash等，通過設(shè)計個性網(wǎng)頁來表現(xiàn)自己的能力、展示自己的才華，這是每個即將畢業(yè)的計算機專業(yè)的大專生所期望的目錄第一部分 設(shè)計前期工作1.1 設(shè)計任務(wù)41.2 設(shè)計題目 .41.3準備工作.41.4 網(wǎng)頁制作流程 5第二部分 開發(fā)工具2.1 Dreamweaver簡介52.2 Flash簡介 .62.3HTML.6第三部分 代碼7第四部分 注意項.13第五部分 實習(xí)體會.15第一部分 設(shè)計的前期工作1. 1設(shè)計任務(wù)建立網(wǎng)站，設(shè)計ASP動態(tài)網(wǎng)頁。用行為、時間軸和代碼，其功能包括，用戶登錄、計數(shù)器、留言板等。1. 2設(shè)計題目 留言板1. 3準備工作搜集精美的圖片,到網(wǎng)站上查閱信息,下載留言板相關(guān)的代碼或直接下載留言板頁進行修改,以滿足需求.1. 4 網(wǎng)頁制作流程確定網(wǎng)站主體 搜集資料 規(guī)劃網(wǎng)站 選擇合適的制作工具 制作網(wǎng)頁 上傳測試廣告宣傳 維護更新 第二部分 開發(fā)工具2. 1 dreamweaver介紹不生成冗余代碼?？梢暬木W(wǎng)頁編輯器，都要把使用者的操作轉(zhuǎn)換成html代碼。一般的編輯器都會生成大量的冗余代碼，給網(wǎng)頁以后的修改帶來了極大的不方便，同時還增加了網(wǎng)頁文件的大小。Dreamweaver則在使用時完全不生成冗余代碼，避免了諸多麻煩。而且，通過設(shè)置，還可用Dreamweaver清除掉網(wǎng)頁文件原有的冗余代碼。 方便的代碼編輯?？梢暬庉嫼驮创a編輯都有其長處和短處。有時候，直接用源代碼編輯會很有效。Dreamweaver提供了html快速編輯器和自建的html編輯器，能方便自如的在可視化編輯狀態(tài)和源代碼編輯狀態(tài)間切換。強大的動態(tài)頁面支持。Dreamweaver的Behavior能在使用者不懂java script的情況下， 往網(wǎng)頁中加入豐富的動態(tài)效果。Dreamweaver還可精確的對層進行定位，再加上timeline功能，可生成動感十足的動態(tài)層效果。操作簡便。首先，Dreamweaver提供的歷史面板、html樣式、模版、庫等功能避免了重復(fù)勞動，使用者不必重復(fù)輸入相同的內(nèi)容、格式。其次，Dreamweaver能直接往頁面中插入Flash、Shockwave等插件，經(jīng)過設(shè)置后還可直接調(diào)用相應(yīng)的軟件對這些插件進行編輯。最后，Dreamweaver與Fireworks集成緊密，可直接調(diào)用Fireworks對頁面的圖象進行修改、優(yōu)化。 優(yōu)秀的網(wǎng)站管理功能。在定義的本地站點中，改變文件的名稱、位置，Dreamweaver會自動更新相應(yīng)的超級鏈接。Check in和Check out功能可協(xié)調(diào)多個使用者對遠程站點的管理。 便于擴展。使用者可給Dreamweaver安裝各種插件，使其功能更強大。使用者若有興趣，還可自己給Dreamweaver制作插件，使Dreamweaver更適應(yīng)個人的需求。 下圖就是Dreamweaver的界面，這一節(jié)不做任何詳細的解釋，只是讓讀者大體熟悉一下Dreamweaver的主要工作區(qū)域。 （Dreamweaver的運行界面） 和其它軟件一樣，Dreamweaver也有標題欄、菜單欄和狀態(tài)欄，這些不用詳細介紹。 Dreamweaver有兩組共八種浮動面板。浮動面板浮動在主窗口上，可隨意移動。這兩組浮動面板各含有四種，每次顯示一種，可用鼠標點擊面板的標題欄來進行切換顯示。還可用鼠標拖動各面板的標題欄，來分化、組合各組面板。每種面板均有不同的功能。 Dreamweaver的主要工作區(qū)域是Objects、Properties和Launcher三個面板。Objects面板還是浮動在主窗口上，可隨意移動。點擊Objects面板上的圖標是往頁面插入相應(yīng)的頁面元素。 Properties面板同樣是浮動在主窗口上，可隨意移動。Properties面板是用來設(shè)置選定的頁面元素的屬性。 Launcher面板也浮動在主窗口上，可隨意移動。點擊Launcher面板上的圖標可打開相應(yīng)的窗口或浮動面板。 Dreamweaver窗口狀態(tài)欄的右方是袖珍Launcher區(qū)。該區(qū)的圖標和Launcher面板上的圖標是一一對應(yīng)的關(guān)系.2. 2 Flash介紹Flash是用來編輯二維動畫的軟件，經(jīng)過幾代版本改進后，采用了矢量圖形和流式技術(shù)，迅速成為網(wǎng)上動畫的霸主。Flash能夠很好地支持聲音，具有交互功能，簡單易學(xué)，越來越多的教師以此平臺制作課件。Flash界面可分為工具箱、總譜區(qū)、層控制面板和舞臺四大支塊。Flash制作動畫比較簡單，你只要定義好各個關(guān)鍵幀，當中的過程由計算機自動生成。它在制作動畫方面和秘密武器是多層透明效果和變形技術(shù)，再結(jié)合按鈕符號的交互功能，就能制作出炫目的課件。Flash特別適合表現(xiàn)現(xiàn)實中難以實現(xiàn)的、抽象的概念或現(xiàn)象，像炮彈的軌跡圖，原子裂變效果等。只用Flash當然可以開發(fā)出一個完整的課件，而且“身材苗條”，適于網(wǎng)上傳播。但Flash并不是為課件定制的，在課件開發(fā)上存在一定欠缺，最好與其他編輯平臺配合使用。2. 3 HTML網(wǎng)頁必須有和這樣一對標簽元素作為HTML超文本文檔的開頭和結(jié)尾，這表示標簽內(nèi)的內(nèi)容是HTML超文本內(nèi)容。這對元素之間還包含兩個元素HEAD（文件頭）和BODY（文件體），HEAD包含有關(guān)文檔的信息但不會在網(wǎng)頁中顯示出來，HEAD中的主要元素是即主題，還有標簽，如果你想讓你的網(wǎng)頁能被搜索引擎查到，就要使用這種標簽。BODY代表文件體，也就是文件的內(nèi)容，也是在網(wǎng)頁中顯示的內(nèi)容。任何HTML文檔都必須包含HTML，HEAD，BODY這三種元素。 文件主題文件文本或圖片等內(nèi)容 很簡單，我們制作任何網(wǎng)頁只要使用上面的格式，然后在和之間插入相應(yīng)的文字就可以了。下面就是一個網(wǎng)頁的例子。 這是一個簡單的網(wǎng)頁 . 這是用戶可以看到的內(nèi)容. 瀏覽器中顯示的效果：. 這是用戶可以看到的內(nèi)容. 我們在文件體BODY中可以使用高級的格式，比如字體風(fēng)格的選擇，使用表格、圖片和超鏈接。下面我們就開始進入有關(guān)文件體BODY中使用的標簽的內(nèi)容。第三部分 代碼一、%if Request.ServerVariables(REQUEST_METHOD)=POST thenset fsFilesys=CreateObject(Scripting.FileSystemObject)set myText=fsFilesys.OpenTextFile(Server.MapPath(/)&/realchat/book/book.txt)Temp=myText.ReadallmyText.closeif Request(task)=insert ThenTname=request.form(name)Tsex=request.form(sex)Temail=request.form(email)turl=request.form(url)Tfrom=request.form(from)Tcomments=request.form(comments)Ttime=#&timeif Len(Tcomments)對不起！你還未留言。返回 %elseif Lcase(Left(Turl,7)http:/ ThenTurl=http:/&TurlEnd ifTurl=Lcase(Turl)set myText=fsFilesys.CreateTextFile(Server.MapPath(/)&/realchat/book/book.txt)myText.WriteLine(Tname)myText.WriteLine(Tsex)myText.WriteLine(Temail)myText.WriteLine(Turl)myText.WriteLine(Tfrom)myText.WriteLine(Tcomments)myText.writeLine(Ttime)myText.WriteLine(date)myText.writeLine(Temp)myText.Close%document.write(恭喜！您的留言已順利提交，請按這里查看)留言薄body bgcolor= background=images/bg.gif 我要看留言板  返回首頁姓名性別來自主頁URL                    E-mail留言                二、留言薄 我要寫留言返回首頁%do while TnameLine1Tsex=myText.ReadLineTemail=myText.ReadLineTurl=myText.ReadLineTfrom=myText.ReadLine%姓   名：性   別：Email：a href=mailto:主頁URL：a href= target=_blank來   自：th align=left bgcolor=留   言：th align=left bgcolor= 時   間： 日   期： 第四部分 注意事項 1. 在排布表格之前，請大家一定要好好思考一個最佳的方案，表格的嵌套盡量控制在三層以內(nèi)，并且應(yīng)該盡量避免 兩個標記，經(jīng)驗表明，這兩個標記會帶來許多麻煩。 2. 一個網(wǎng)頁要盡量避免用整個一張大表格，所有的內(nèi)容都嵌套在這個大表格之內(nèi)，因為瀏覽器在解釋頁面的元素時，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi)，那么很可能造成的后果就是，當瀏覽者敲入網(wǎng)址，他要先面對一片空白很長時間，然后所有的網(wǎng)頁內(nèi)容同時出現(xiàn)。如果必須這樣做，請使用 標記，以便能夠使這個大表格分塊顯示。 3. 排版中我們經(jīng)常會遇到需要進行首行縮進的處理，不要使用 或者全角空格來達到效果，規(guī)范的做法是在樣式表中定義 p text-indent: 2em; 然后給每一段加上 標記，注意，一般情況下，請不要省略 結(jié)束標記 。 4. 原則上，我們禁止用 來人為干預(yù)圖片顯示的尺寸，而且建議 標簽中不要帶上width 和height 兩個屬性，這是因為制作過程中，圖片往往需要反復(fù)的修改，這樣可以避免人為干預(yù)圖片顯示的尺寸，盡可能的發(fā)揮瀏覽器自身的功能；但是這樣的一個副作用是當網(wǎng)頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網(wǎng)頁在加載過程中抖動（如果圖片是插在一個固定大小的表格里的，不會有這個現(xiàn)象），尤其是當圖片的尺寸較大時，這種現(xiàn)象會很明顯，所以當預(yù)料到這種會明顯導(dǎo)致網(wǎng)頁抖動的情況會發(fā)生時，請大家務(wù)必在最后給 附上 width 和 height 屬性。 5. 為了最大程度的發(fā)揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用 來人工干預(yù)分段。 6. 不同語種的文字之間應(yīng)該有一個半角空格，但避頭的符號之前和避尾的符號之后除外漢字之間的標點要用全角標點，英文字母和數(shù)字周圍的括號應(yīng)該使用半角括號。 7. 所有的字號都應(yīng)該用樣式表來實現(xiàn)，禁止在頁面中出現(xiàn) 標記。 8. 請不要在網(wǎng)頁中連續(xù)出現(xiàn)多于一個 的 也盡量少使用全角空格（英文字符集下，全角空格會變成亂碼），空白應(yīng)該盡量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 圖片來實現(xiàn)。 9. 中英文混排時，我們盡可能的將英文和數(shù)字定義為verdana 和arial 兩種字體。 10. 行距建議用百分比來定義，常用的兩個行距的值是line-height:120%/150%. 11. 網(wǎng)站中的路徑全部采用相對路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣： 而應(yīng)該這樣： 12、嵌入圖形文本的使用較大的字體，建議不要在圖形中包括文本。 13、“網(wǎng)頁大小”定義為網(wǎng)頁的所有文件大小的總和，包括HTML文件和所有的嵌入的對象。用戶喜歡快的而不是新奇的站點。對于解調(diào)器用戶，網(wǎng)頁大小保持在34K以下為合適。 14、文 件 命 名 原 則 （1.） 每一個目錄中應(yīng)該包含一個缺省的html 文件，文件名統(tǒng)一用index.htm （2）文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線