畢業(yè)設(shè)計(jì)（論文）個(gè)人網(wǎng)站（體育站）設(shè)計(jì)與實(shí)現(xiàn)

1、先鋒軟件職業(yè)技術(shù)學(xué)院先鋒軟件職業(yè)技術(shù)學(xué)院 畢業(yè)設(shè)計(jì)（論文）畢業(yè)設(shè)計(jì)（論文） （20082008 屆）屆） 題題 目目 個(gè)人網(wǎng)站（體育站）設(shè)計(jì)與實(shí)現(xiàn)個(gè)人網(wǎng)站（體育站）設(shè)計(jì)與實(shí)現(xiàn) 系系 別別 軟件系軟件系 專專 業(yè)業(yè) 軟件設(shè)計(jì)與開發(fā)軟件設(shè)計(jì)與開發(fā) 班班 級(jí)級(jí) 0804 姓姓 名名 指導(dǎo)教師指導(dǎo)教師 2008 年 月 日 目目 錄錄 第一章網(wǎng)站特點(diǎn).5 1.1 網(wǎng)站構(gòu)思 .5 1.2 開發(fā)工具的選用及介紹.5 第章網(wǎng)站頁面規(guī)劃.8 2.1 頁面設(shè)計(jì)定義：.8 2.2 頁面設(shè)計(jì)要求：.8 2.3 頁面設(shè)計(jì)流程： .9 第 3 章 網(wǎng)站頁面設(shè)計(jì).10 3.1 設(shè)計(jì)需求 .10 3.2 網(wǎng)站結(jié)構(gòu) .10

2、3.3 頁面結(jié)構(gòu)： .11 第章網(wǎng)站制作問題.22 4.1 常見問題.22 參考文獻(xiàn).23 附錄或相關(guān)資料.24 結(jié)束語.27 致謝.28 個(gè)人網(wǎng)站（體育站）設(shè)計(jì)與實(shí)現(xiàn) 【摘要】面對(duì)日益加快的生活節(jié)奏和信息社會(huì)日新月異的變化，internet 的快速普及，上網(wǎng)者已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁，而是希望更深入地參與到 網(wǎng)絡(luò)中。假如想上一個(gè)體育的網(wǎng)站了解一下當(dāng)天的足球戰(zhàn)報(bào)，那么我上網(wǎng)的目 的性就是非常的明確，直接看足球的結(jié)果。那么考慮一下的上網(wǎng)過程就是先敲 入網(wǎng)址，到主頁上，然后盡快的找到足球的欄目，再找到比分的鏈接。體育網(wǎng) 站現(xiàn)已是網(wǎng)絡(luò)經(jīng)濟(jì)的一匹黑馬。體育網(wǎng)站將成為網(wǎng)站中成功的佼佼者，豐富多 彩的體

3、育新聞會(huì)使你流連忘返。網(wǎng)頁內(nèi)的體育新聞可以說是網(wǎng)站構(gòu)成的基本元 素。組建體育網(wǎng)站先要規(guī)劃一個(gè)網(wǎng)站的整體結(jié)構(gòu)，做到條理清晰，使瀏覽者 不致迷路，同時(shí)還要使網(wǎng)頁美觀獨(dú)特，一目了然，優(yōu)點(diǎn)。 【關(guān)鍵詞】個(gè)人網(wǎng)站：頁面設(shè)計(jì)；dreamweaver；photoshop。 第第 1 1 章章 網(wǎng)站網(wǎng)站構(gòu)思及相關(guān)技術(shù)構(gòu)思及相關(guān)技術(shù) 如今 internet 飛速發(fā)展，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道， 它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。internet 上發(fā)布信息主要 是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在 internet“海洋”中按照一定的檢索方式將 所需要的信息從網(wǎng)站上下載

4、下來。因此網(wǎng)站建設(shè)在 internet 應(yīng)用上的地位顯而易見， 它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為 了讓志同道合的人一起欣賞，一起研究，一起來探討，本論文就是介紹如何建設(shè)個(gè)人 網(wǎng)站。 1.11.1 網(wǎng)站構(gòu)思網(wǎng)站構(gòu)思 該網(wǎng)站的特點(diǎn)： 1. 建有自己特色的網(wǎng)站及內(nèi)容。 2. 結(jié)構(gòu)層次協(xié)調(diào)且合理。 3. 插入視頻、音頻文件使內(nèi)容生動(dòng)。 4. 使用多種特效使頁面不顯得枯燥。 1.21.2 開發(fā)工具的選用及介紹開發(fā)工具的選用及介紹 dreamweaverdreamweaver mxmx 概述概述 dreamweaver mx 是美國(guó) macromedia 公司開發(fā)

5、的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng) 頁編輯器, 與 firework mx 、flash mx 一起，被人們喻為“網(wǎng)頁制作三劍客” 。隨著 互聯(lián)網(wǎng)(internet)的 html 技術(shù)不斷發(fā)展和完善，我們身邊出現(xiàn)了很多種網(wǎng)頁編輯器， 從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器 （則原始代碼編輯器） 。所見即所得網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上 手，您在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在 word 中進(jìn)行文本編輯幾乎一樣。同 frontpage 一樣，dreamweaver mx 就是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的可視化 網(wǎng)頁開發(fā)工具，利用它可以輕而

6、易舉地制作出跨越平臺(tái)限制的網(wǎng)頁。它能夠很好地支 持 active x、javascript、java、flash 和 shockwave 等，而且還能通過鼠標(biāo)拖動(dòng)的 方式從頭到尾制作動(dòng)態(tài)的 html 效果。dreamweaver mx 還采用 roundtrip html 技術(shù)， 使用這項(xiàng)技術(shù)，網(wǎng)頁可以在reamwaver mx 和 html 代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，而 html 語法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變?cè)械木庉嬃?xí)慣的同時(shí)，充分 享受到“所見即所得”帶來的方便。dreamweaver mx 最具有挑戰(zhàn)性和生命力的是它的 開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人可以輕易擴(kuò)展它的功能

7、。 dreamweaver mx 是一種全新概念的產(chǎn)品。利用它，開發(fā)人員、編程人員可以在多 種服務(wù)器平臺(tái)上、在一個(gè)軟件中完成支持幾種語言的動(dòng)態(tài)網(wǎng)頁的開發(fā)，產(chǎn)生和編輯用 asp（active server pages） 、jsp(java server pages)和 cold fusion 開發(fā)的 web 內(nèi) 容。由于 dreamweaver mx 是從低版本的 dreamweaver 環(huán)境衍生出來的，因此它也具有 十分完美的 html、java script 功能。 dreamweaver mx 的界面和工作環(huán)境比以前的 dreamweaver 版本更簡(jiǎn)潔、更具彈性， dreamweaver

8、 mx 同樣具備了與 fireworks、flash 和 shockwave 緊密集成的諸多優(yōu)點(diǎn)， 以及使用 dreamweaver mx 的可擴(kuò)展結(jié)構(gòu)來擴(kuò)展和定制 web 的功能。 dreamweaver mx 大大加速了網(wǎng)絡(luò)時(shí)代電子交易應(yīng)用中的項(xiàng)目交付。它提供了從網(wǎng) 頁和表單動(dòng)態(tài)生成到企業(yè)級(jí)的解決方案，如電子商店，庫存管理系統(tǒng)和企業(yè)內(nèi)部局域 網(wǎng)的數(shù)據(jù)庫應(yīng)用等功能。 基于 dreamweaver mx 的以上優(yōu)點(diǎn)，所以我們?cè)谶M(jìn)行網(wǎng)站的頁面設(shè)計(jì)和頁面布局時(shí) 采用這一軟件來完成的。 fireworksfireworks概述概述 fireworks 是一款用于網(wǎng)絡(luò)圖像設(shè)計(jì)和藝術(shù)處理的優(yōu)秀應(yīng)用軟件.

9、它最大的優(yōu)點(diǎn)在 于解決了圖像設(shè)計(jì)和網(wǎng)絡(luò)應(yīng)用的關(guān)鍵問題. fireworks 又是一個(gè)多才多藝的圖像和網(wǎng)頁設(shè)計(jì)工具.它強(qiáng)大的工具套餐使您在這 一個(gè)軟件里,可以獲得其他矢量圖像處理軟件和位圖圖像處理軟件所擁有的一些最好功 能.您可以自由的在 fireworks 中編輯對(duì)象,對(duì)它們進(jìn)行位圖效果的處理,例如添加斜角,光 暈,陰影等,或者應(yīng)用 photoshop 的濾鏡效果-當(dāng)您在編輯的時(shí)候,這些效果會(huì)自動(dòng)的 實(shí)時(shí)添加,你可以隨時(shí)看到添加后的圖像效果. fireworks 的出現(xiàn)使得網(wǎng)頁設(shè)計(jì)師處理網(wǎng)絡(luò)圖像時(shí),能從費(fèi)力的在一大堆圖像處理 軟件間切換來切換去中解放出來.在圖像的編輯過程中,設(shè)計(jì)師可以隨時(shí)觀察

10、圖像的效 果,隨時(shí)返回以前的操作,非常的便捷.它的圖像優(yōu)化功能使得創(chuàng)作的圖像既能獲得滿意 的品質(zhì)又能進(jìn)行適當(dāng)?shù)膲嚎s,從而適合網(wǎng)絡(luò)的傳輸和顯示。 第章第章網(wǎng)站頁面網(wǎng)站頁面規(guī)劃規(guī)劃 2.12.1 頁面設(shè)頁面設(shè)計(jì)定義計(jì)定義 網(wǎng)站結(jié)構(gòu)：應(yīng)該只為了實(shí)現(xiàn)一個(gè)目標(biāo)而努力，引領(lǐng)你的訪問者從主頁訪問到站點(diǎn) 中其它不同的頁面。 導(dǎo)航結(jié)構(gòu)：導(dǎo)航條的結(jié)構(gòu)主要為了方便訪問者在各頁面之間進(jìn)行切換。 文本內(nèi)容：相信人們會(huì)閱讀你頁面上的所有信息嗎？他們不會(huì)的，他們所做的事 情就是“瀏覽” 。 頁面設(shè)計(jì)時(shí)可摻入以下元素： 1文本格式化：頁面本身對(duì)文本和字體的格式化能力并不強(qiáng)，在頁面中，可以指 定文本尺寸、排列和其他的一些格式化

11、屬性（序號(hào)列表和無序號(hào)列表） ，但建議不要改 變字體，而應(yīng)當(dāng)使用缺省字體，你指定的字體在瀏覽者那里并不一定能夠找到，如果 確實(shí)有必要少量使用某種特殊字體，可以把這些字體象素化變?yōu)閳D像，然后將圖像插 入到頁面中。 2按鈕、圖標(biāo)和其他導(dǎo)航工具：可以幫助瀏覽者在頁面內(nèi)導(dǎo)航。 3背景：給頁面添加背景，包括紋理填充、水印式背景和長(zhǎng)條狀背景等等，可以 使得頁面更加美觀，給瀏覽者留下深刻的印象。 4圖形：可加入圖片、圖表和圖形等。 5表格：用來顯示按行和列組織的信息等。 6顏色：包括圖片的色彩、文本和背景的色彩等。 7多媒體元素：包括聲音、動(dòng)畫、視頻片斷等。 8頁面布局：在頁面上放置文本、圖形等元素，在元素

12、間添加橫線條，空白等， 并用表格、框架進(jìn)行排版。 2.22.2 頁面設(shè)計(jì)要求頁面設(shè)計(jì)要求 2.2.1 簡(jiǎn)潔： 設(shè)計(jì)并不再現(xiàn)具體的物象和特征，它要表達(dá)的是一定的意圖和要求，在適當(dāng)?shù)沫h(huán) 境里為人們所理解和接受。它與繪畫有內(nèi)在聯(lián)系，但又不同于繪畫，它以滿足人們的 實(shí)用和需求為目標(biāo)，因而它比繪畫更單純，清晰和精確。頁面設(shè)計(jì)屬于設(shè)計(jì)的一種， 同樣要求簡(jiǎn)練，準(zhǔn)確。 2.2.2 一致性： 一致性是表現(xiàn)一個(gè)站點(diǎn)的獨(dú)特風(fēng)格的重要手段之一。 要保持一致性，可以從頁面的排版下手，各個(gè)頁面使用相同的頁邊距。文本，圖 形之間保持相同的間距。主要圖形，標(biāo)題或符號(hào)旁邊留下相同的空白。如果在第一頁 的頂部放置了公司標(biāo)志，那么

13、在其他各頁面都放上這一標(biāo)志。如果使用圖標(biāo)導(dǎo)航，則 各個(gè)頁面應(yīng)當(dāng)使用相同的圖標(biāo)。一致性還包括：頁面中的每個(gè)元素與整個(gè)頁面以及站 點(diǎn)的色彩和風(fēng)格上的一致性。 2.2.3 對(duì)比度： 使用對(duì)比是強(qiáng)調(diào)突出某些內(nèi)容的最有效的辦法之一。好的對(duì)比度使內(nèi)容更易于辨 認(rèn)和接受。實(shí)現(xiàn)對(duì)比的方法很多，最常用的是使用顏色的對(duì)比。比如，內(nèi)容提要和正 文使用不同顏色的字體，內(nèi)容提要使用藍(lán)色，而正文采用黑色；也可以使用大的標(biāo)題， 也即是面積上的對(duì)比；還可以使用圖像對(duì)比，題頭的圖像明確的向?yàn)g覽者傳達(dá)本頁的 主題，這里同樣需要注意的是鏈接的色彩，在設(shè)計(jì)頁面時(shí)我們常常會(huì)只注意到未被訪 問的鏈接的色彩，而容易忽視訪問過的鏈接色彩將使

14、得鏈接的文字難地辨認(rèn)。 2.32.3 頁面設(shè)計(jì)流程頁面設(shè)計(jì)流程 1. web 上的內(nèi)容包羅萬象，版式豐富多彩，但無論怎樣的變化，好的 web 站點(diǎn)總 是有許多共同之處，例如： 2. 精心組織的內(nèi)容； 3. 格式美觀的正文； 4. 和諧的色彩搭配； 5. 較好的對(duì)比度，使得文字具有較強(qiáng)的可讀性； 6. 生動(dòng)背景圖案； 7. 頁面元素大小適中，布局勻稱； 8. 不同元素之間留有足夠空白，給人視覺上休息的機(jī)會(huì)； 9. 各元素之間保持平衡； 10. 文字準(zhǔn)確無誤，無錯(cuò)別字、無拼寫錯(cuò)誤； 2.42.4 頁面內(nèi)容組織頁面內(nèi)容組織 有了好的內(nèi)容，還必須知道如何更好地去表達(dá)它?，F(xiàn)在網(wǎng)頁已從過去的“如何做 網(wǎng)頁

15、設(shè)計(jì)”的技術(shù)階段進(jìn)入到“如何做好網(wǎng)頁設(shè)計(jì)”的提高階段。一個(gè)優(yōu)秀的網(wǎng)站， 除了含有豐富的內(nèi)容之外，最重要的就是要有清晰的頁面布局。換句話說，要?jiǎng)?chuàng)造一 個(gè)能吸引人們注意而且能保持吸引力的網(wǎng)站，必須是簡(jiǎn)單明了的布局，可讀性強(qiáng)，并 且能在瀏覽者心中建立信任感。有時(shí)在瀏覽網(wǎng)頁時(shí)，特別是瀏覽一些內(nèi)容豐富的大型 網(wǎng)站的主頁時(shí)，常感覺到網(wǎng)頁的內(nèi)容雖然既多且雜，但并不凌亂，反而顯得井然有序。 這是因?yàn)樵诰W(wǎng)頁上應(yīng)用了表格進(jìn)行排版。 2.52.5 頁面設(shè)計(jì)要點(diǎn)頁面設(shè)計(jì)要點(diǎn) 1. 構(gòu)思出所建網(wǎng)站初步輪廓。 2. 收集設(shè)計(jì)中所需求的資料及軟件。 3. 準(zhǔn)備好各類文件及文件夾位置、名字方便以后查找。 4. 熟悉頁面設(shè)計(jì)中

16、所用到的相關(guān)軟件及如何操作。 第第 3 3 章章 網(wǎng)站頁面設(shè)計(jì)網(wǎng)站頁面設(shè)計(jì) 3.13.1 設(shè)計(jì)需求設(shè)計(jì)需求 硬件需求： cpu：celeron（r）1.00ghz； 內(nèi)存：256mb。 軟件需求： 操作系統(tǒng)：windows xp 以上； 需求軟件：dreamweaver、macromedia fireworks 8、photoshop； 瀏覽器：ie8.0； 分辨率：最佳效果 1024768。 3.23.2 網(wǎng)站結(jié)構(gòu)網(wǎng)站結(jié)構(gòu) 網(wǎng)站頁面采用靜態(tài)的方式，靜態(tài)主頁方式包括： 1. 引頁：由一張圖片為主進(jìn)入網(wǎng)站首頁。 2. 首頁：由引頁進(jìn)入后，可以一眼看出此網(wǎng)站主題風(fēng)格及內(nèi)容。首頁內(nèi)容可以 由導(dǎo)航條作

17、出分類，其中可以包含：引頁、mylove（首頁）、我的相冊(cè)、各種收藏、 心情日記、個(gè)人簡(jiǎn)歷等。 3. 各級(jí)分頁：頁面色彩、背景須與首頁一致，以達(dá)到色彩統(tǒng)一，有層次感。 此次做的是 個(gè)人球迷網(wǎng)站。這個(gè)網(wǎng)站主要的目的就是 針對(duì)個(gè)人愛好 進(jìn)行了設(shè) 計(jì)，并且加入了自我介紹，以方便訪問者了解我。 總的來說，對(duì)于這個(gè)網(wǎng)站我是很滿意的。從布局，選色，做圖還有文字都是我花 了很多的時(shí)間。雖然不算專業(yè)性的網(wǎng)站，但是最后還是做成了，簡(jiǎn)單有意義。 結(jié)構(gòu)圖 ： 首頁 my love我的相冊(cè)各種收藏心情日記個(gè)人簡(jiǎn)歷雁過留聲 圖 3.1 主結(jié)構(gòu)圖 3.33.3 頁面結(jié)構(gòu)頁面結(jié)構(gòu)： 頁面內(nèi)容由： 標(biāo)題欄 導(dǎo)航條 公告欄 日

18、歷 鏈接區(qū) 正文信息等組成。 以下的是我在做此網(wǎng)站期間認(rèn)為比較不錯(cuò)的頁面以及它的實(shí)現(xiàn)過程,在此貼出來給大家 欣賞下。 3.3.1 引頁圖片如下： 圖 3.2 引頁 絲絲小雨，帶給我們多少溫柔與浪漫，這篇教程里，我們將會(huì)用 fireworks 里的運(yùn)動(dòng) 模糊濾鏡來制作出絲小雨的動(dòng)畫特效希望大家在網(wǎng)頁設(shè)計(jì)中能有幫助 第一步.先選擇一張做為背景的圖片： 圖 3.3 選則背景圖 第二步.轉(zhuǎn)換到層面板添加一個(gè)新圖層。 圖 3.4 新建圖層 第三步.選中第二層，回到圖片編輯窗口，用圖形工具在圖片上方拉出一個(gè)大出畫布， 然后填充為黑色的長(zhǎng)方形。 圖 3.5 編輯畫布 第四步.保持長(zhǎng)方形選中的狀態(tài)，為其添加效

19、果：效果雜點(diǎn)新增雜點(diǎn)，設(shè)置數(shù)量為： 400 圖 3.6 新增雜點(diǎn) 第五步.再為其添加濾鏡效果：濾鏡模糊運(yùn)動(dòng)模糊。 圖 3.7 增加運(yùn)動(dòng)模糊 第六步.接著調(diào)整它的透明度，這樣才能把背景顯示出來。 圖 3.8 調(diào)整透明度 第七步.這時(shí)候圖片有點(diǎn)像下雨的感覺吧。 圖 3.9 顯示調(diào)整透明度后圖片 第八步.要做成動(dòng)態(tài)下雨的效果，下面就是關(guān)鍵步驟！轉(zhuǎn)到幀面板為長(zhǎng)方形添加一幀。 圖 3.10 插入幀 第九步.調(diào)整該幀長(zhǎng)方形的位置，虛線為本來的位置，藍(lán)線是調(diào)整后的位置。 圖 3.11 調(diào)整幀位置 第十步.重復(fù) 8-9 的步驟再添加一幀。 第十一步.最后，回到層面板，選擇背景所在的層，雙擊該層名稱在彈出的對(duì)話

20、框中把 “共享交疊層”項(xiàng)勾上，作品到此也就完成了。 圖 3.12 共享交疊層 3.3.2 切換圖片： 每隔 2 秒都會(huì)出現(xiàn)形式多變的圖片,既增添了網(wǎng)站的內(nèi)容，又增添了不少色彩。 3.13 圖片切換效果 代碼如下： !- / bannerad var bannerad=new array(); var banneradlink=new array(); var adnum=0; bannerad0=picture/inter/a11.jpg; banneradlink0=#; bannerad1=picture/inter/a12.jpg; banneradlink1=#; bannerad2=

21、picture/inter/a17.jpg; banneradlink2=#; bannerad3=picture/inter/a14.jpg; banneradlink3=#; bannerad4=picture/inter/a15.jpg; banneradlink4=#; bannerad5=picture/inter/a16.jpg; banneradlink5=#; var preloadedimages=new array(); for (i=1;ibannerad.length;i+) preloadedimagesi=new image(); preloadedimagesi.

22、src=banneradi; function settransition() if (document.all) banneradrotator.filters.revealtrans.transition=math.floor(math.random()*23); banneradrotator.filters.revealtrans.apply(); function playtransition() if (document.all) banneradrotator.filters.revealtrans.play() function nextad() if(adnum nextad

23、() 3.3.3 導(dǎo)航條效果： 每次刷新頁面，所顯示的效果就不同，給人一種新穎的感覺。 圖 3.14 導(dǎo)航條效果 代碼如下： 首頁 西湖雨景 mylove 國(guó)際米蘭 3.3.4 圖片鼠標(biāo)效果： 當(dāng)鼠標(biāo)放到圖片上后都會(huì)有凹凸不平的層次感。 圖 3.15 圖片凹凸效果 代碼如下： 圖片鼠標(biāo)效果后續(xù)代碼：詳見附錄 第章第章網(wǎng)站制作問題網(wǎng)站制作問題 4.14.1常見問題常見問題 在這此制作過程中，遇到的問題多種多樣，在老師、同學(xué)的幫助下終于得到解決。 以下是經(jīng)常遇見的問題： 1. 在網(wǎng)頁制作中的，有時(shí)我們發(fā)現(xiàn)圖的高度和寬度值都被自動(dòng)加粗顯示了，從而 導(dǎo)致整個(gè)表格變形，出現(xiàn)這種情況的原因是我們操作不小心

24、，改變了部分文字、圖片 的大小、高度。 圖 4-1 表格的改變 2. 在 dreamweaver 中，插入空格需要在全角狀態(tài)下可以插入，半角狀態(tài)只能加一 次微小的距離，但當(dāng)用全角插入空格后卻與其余文字間位置不能對(duì)齊，須用全角半角 之間轉(zhuǎn)換加空格來對(duì)齊。 把半角切換到全角 圖 4.1 全角半角切換 3. 設(shè)置表格虛線 設(shè)置表格虛線的方法有如下三種： 方法一：作一個(gè) 1*2 的圖。半黑半白，再利用表格作成線。這種方法雖然麻煩， 但在任何瀏覽器中都可以瀏覽，兼容性最好。 方法二：在 css 里面設(shè)定。在 css 面板里新建一個(gè) style，選擇“redefine html tag” ，再在下拉菜單里選“table” ，在彈出的面板里，category 里選擇 border，在 border 里，將 top,left,right,bottom 都設(shè)成 1px，邊框顏色可以設(shè)成你所需要的顏 色。然后在 style 下拉框里選擇 dashed。確定以后所有的表格都會(huì)用虛線做邊框了。 但是，這個(gè)效果只有在瀏覽器里才能看到。 方法二只能在 ie5.5 里用，到了 netscape 里一點(diǎn)用處都沒有，除非你用做好的底圖填 充。 參考文獻(xiàn)參考文獻(xiàn) 1陳青dreamwe