網(wǎng)個(gè)人主設(shè)計(jì)及說(shuō)明書

1、百度文庫(kù)-讓每個(gè)人平等地提升自我個(gè)人網(wǎng)頁(yè)設(shè)計(jì)計(jì)劃書目錄1、網(wǎng)頁(yè)設(shè)計(jì)目的網(wǎng)頁(yè)設(shè)計(jì)需求淺談個(gè)人網(wǎng)頁(yè)設(shè)計(jì)目的2、網(wǎng)頁(yè)使用的工具和數(shù)據(jù)庫(kù)3、設(shè)計(jì)方案網(wǎng)站設(shè)計(jì)八步驟預(yù)計(jì)達(dá)到的效果具備哪些功能4、個(gè)人網(wǎng)頁(yè)功能模塊設(shè)計(jì)主頁(yè)個(gè)人簡(jiǎn)介我的朋友其他模塊5、小結(jié)參考文獻(xiàn)百度文庫(kù)-讓每個(gè)人平等地提升自我個(gè)人網(wǎng)頁(yè)設(shè)計(jì)計(jì)劃書1、網(wǎng)頁(yè)設(shè)計(jì)目的網(wǎng)頁(yè)設(shè)計(jì)需求淺談隨著互聯(lián)網(wǎng)的進(jìn)一步發(fā)展與成熟，網(wǎng)絡(luò)的帶寬進(jìn)一步加闊，網(wǎng)絡(luò)應(yīng)用 也越來(lái)越廣泛。網(wǎng)頁(yè)制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目 的網(wǎng)站，使得整個(gè)互聯(lián)網(wǎng)多姿多彩。以前，在網(wǎng)頁(yè)制作的時(shí)候，通常都是使用 Dreamweave來(lái)完成。由于 Dreamweave使用方便，操作簡(jiǎn)單

2、，即使沒(méi)有網(wǎng)絡(luò)編程經(jīng)驗(yàn)的制作人員也可 以設(shè)計(jì)出吸引人的網(wǎng)頁(yè)，因此，很多網(wǎng)頁(yè)設(shè)計(jì)者一直使用Dreamweave 0FrontPage2000集成在 Ofice2000辦公自動(dòng)化軟件中，其工作界面和操作風(fēng) 格和 Word 一樣，因此，Dreamweave相對(duì)于其他網(wǎng)頁(yè)制作軟件來(lái)說(shuō)，易學(xué) 易用，是網(wǎng)頁(yè)制作初學(xué)者的入門軟件。個(gè)人網(wǎng)頁(yè)設(shè)計(jì)目的我們這一學(xué)期學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)知識(shí)，同時(shí)也有相關(guān)數(shù)據(jù), 庫(kù)的知識(shí)，在此基礎(chǔ)上，我們現(xiàn)在要做一個(gè)網(wǎng)站，當(dāng)然就是要有一個(gè)精美 的網(wǎng)頁(yè)。在此次網(wǎng)頁(yè)設(shè)計(jì)中，我們要能更加的了解Dreamweaver強(qiáng)大的功能和更好的使用它。通過(guò)此次設(shè)計(jì)我們還要能夠知道靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)

3、頁(yè) 的區(qū)別。誠(chéng)然，次此設(shè)計(jì)的醫(yī)藥網(wǎng)上銷售系統(tǒng)的網(wǎng)頁(yè)，一方面是為了完成 我們的考試，但更重要的是把我們所學(xué)到的東西用在具體的實(shí)踐之中，所 以，這次設(shè)計(jì)的目的也是要我們更好的掌握和使用好相關(guān)知識(shí)與技術(shù)，以 便提高對(duì)網(wǎng)頁(yè)知識(shí)的更深層了解。第三點(diǎn)也是最要的一點(diǎn)是，把我們?cè)跁?本上學(xué)到的知識(shí)充分運(yùn)用到此次設(shè)計(jì)之中。使我們的在書上學(xué)到的東西不 僅僅停留在表面上，把這些東西都用在所要做的網(wǎng)頁(yè)上面。以達(dá)到老師要 求的效果和學(xué)以致用。2、網(wǎng)頁(yè)使用的工具和數(shù)據(jù)庫(kù)主要的使用工具有： Dreamweaver、Javascript、IIS和Access而在此次 設(shè)計(jì)中主要用到 Dreamweaver設(shè)置首頁(yè)，編輯功能，

4、排版功能，設(shè)計(jì)模版 / 功能，插入文本包括插入文本元素插入圖象和圖文混排和外部圖象。第二個(gè)主要工具就是IIS。系統(tǒng)不會(huì)默認(rèn)安裝IIS,但是我們可以通過(guò)控制面板中的“添加/刪除程序”對(duì)話框添加。安裝 IIS應(yīng)通過(guò)使用控制面板 的“添加/刪除程序”對(duì)話框，可以安裝IIS、添加可選組件或者刪除可選組件 來(lái)實(shí)現(xiàn)。安裝時(shí)，IIS安裝諸如通用文件、文檔以及Internet信息服務(wù)管理單元等可選組件。您可以選擇不安裝可選組件，但是如果不選擇某些組件， 可能會(huì)降低IIS功能或禁用 IIS服務(wù)。如果您不熟悉可選組件以及這些組件 如何影響IIS,請(qǐng)使用默認(rèn)設(shè)置安裝IIS。安裝結(jié)束后，可以閱讀 IIS聯(lián)機(jī)文檔中的安

5、裝IIS可選組件”，以便獲取更多信息。如果在安裝了 IIS后如果 Web瀏覽器返回”找不到服務(wù)器“錯(cuò)誤或”無(wú)法顯示該頁(yè)”錯(cuò)誤，則你可以使用 命令進(jìn)行測(cè)試：名稱解析服務(wù)器將IIS Web服務(wù)器的名稱解析為其IP地址，服務(wù)器響應(yīng)遠(yuǎn)程計(jì)算機(jī)的網(wǎng)絡(luò)請(qǐng)求。百度文庫(kù)-讓每個(gè)人平等地提升自我第三個(gè)主要的工具是數(shù)據(jù)庫(kù)ACCESS我們主要是用它來(lái)做一個(gè)數(shù)據(jù)庫(kù)，然后在數(shù)據(jù)庫(kù)里面建一個(gè)表，這樣我們做的數(shù)據(jù)庫(kù)才能顯示出來(lái)。要使用 數(shù)據(jù)庫(kù)，我們也要像IIS那樣先安裝它，、這個(gè)的安裝很簡(jiǎn)單，和我們的WORD 安裝一樣，我就不在詳細(xì)說(shuō)明里。JAVASCRIPT1一種基于對(duì)象的腳本語(yǔ)言,每個(gè)對(duì)象均有屬于自己的屬 性和方法。3

6、、設(shè)計(jì)方案網(wǎng)站設(shè)計(jì)八步驟由于目前所見(jiàn)即所得類型的工具越來(lái)越多，使用也越來(lái)越方便，所以 制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代 碼那樣。一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為 網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來(lái)之后與別人 一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己 特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì) 出一個(gè)滿意的網(wǎng)站。1）確定網(wǎng)站主題網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須 要有一個(gè)明確的主題。特別是

7、對(duì)于個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做 得內(nèi)容大而全，包羅萬(wàn)象。你沒(méi)有這個(gè)能力，也沒(méi)這個(gè)精力，所以必須要 找準(zhǔn)一個(gè)自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給 用戶留下深刻的印象。網(wǎng)站的主題無(wú)定則，只要是你感興趣的，任何內(nèi)容 都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。2）搜集材料明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言 道：巧婦難為無(wú)米之炊要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶， 你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既 可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后 把搜集的材料去粗取精，去偽存真，作

8、為自己制作網(wǎng)頁(yè)的素材。3）規(guī)劃網(wǎng)站/一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平， /規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的 樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng) 格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把 這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的 網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙?面會(huì)有詳細(xì)介紹。4）選擇合適的制作工具/盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用 簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)

9、制作涉及的工具比較多，首先就是網(wǎng) 頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者 當(dāng)然是 Dreamweaver和Frontpage 了，如果是初學(xué)者， Frontpage2000 是首選。除此之百度文庫(kù)-讓每個(gè)人平等地提升自我外，還有圖片編輯工具，如 Photoshop、Photoimpact 等；動(dòng)畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等。5）制作網(wǎng)頁(yè)/八、材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂

10、先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜幺先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后代十復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。,在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。6）上傳測(cè)試 /網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在涉點(diǎn)中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后3.上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。7）推廣

11、宣傳網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站 的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈。8）維護(hù)更新網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮， 不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。預(yù)計(jì)達(dá)到的效果最開(kāi)始，網(wǎng)頁(yè)呈現(xiàn)在你面前的時(shí)候，它就好像一張白紙，它需要你任意揮灑你的設(shè)計(jì)才思。在開(kāi)始的時(shí)候，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標(biāo)準(zhǔn)或者說(shuō)大多數(shù)訪問(wèn)者的瀏覽習(xí)慣，那么你可以在此基礎(chǔ)上加上自己的東西。我相信過(guò)我的網(wǎng)頁(yè)您可以更加深入的了解我和我的朋友們具備哪些

12、功能我的個(gè)人主頁(yè)我的家鄉(xiāng) 圖3-3功能模塊圖 /我的網(wǎng)頁(yè)主要包括了主頁(yè),個(gè)人簡(jiǎn)介，我的朋友和愛(ài)好，友情連接等， 主頁(yè)主要是用來(lái)顯示網(wǎng)頁(yè)的主要內(nèi)容。在主頁(yè)里，我嵌套了一副FLASH,在FLASH里面我又加入了一行字。個(gè)人簡(jiǎn)介主要是用來(lái)介紹自己和介紹自己的愛(ài)好，以便讓更多的人了解自己。友情連接主打紹了一些重要的朋友， 以便別人在瀏覽本網(wǎng)頁(yè)時(shí)可以更加了解我。本網(wǎng)頁(yè)還包括了很多東東，我 就不一個(gè)一個(gè)的說(shuō)明了。百度文庫(kù)-讓每個(gè)人平等地提升自我4、個(gè)人網(wǎng)頁(yè)功能模塊設(shè)計(jì)主頁(yè)圖4-1我的個(gè)人主頁(yè)首先用軟件做了個(gè)導(dǎo)航，并加入了炫彩字，我的主頁(yè)里面包括個(gè)人簡(jiǎn)介、我的朋友和其他模塊等等為了不顯得頁(yè)面空洞，在主頁(yè)上面

13、加入了一些介紹我的主頁(yè)的文字。個(gè)人簡(jiǎn)介圖4-2個(gè)人簡(jiǎn)介如圖，這就是我的個(gè)人簡(jiǎn)介，我在頁(yè)面里插入了我的照片，這里寫著 我的個(gè)人信息和我的班級(jí)學(xué)號(hào)等，在此，我還制作了留言板，可以讓大家 給我留言和提出建議等。我的朋友百度文庫(kù)-讓每個(gè)人平等地提升自我*口3 n at Hfta uo 穆內(nèi) - MAptfiurt9vau.bfird5 Q .EJF *而 m-1. 0 F.人II1A中wBfiXALSfia或的簟歲SEUtA在這里我將分享我的幾位好友和人家認(rèn)識(shí)！ ！他4我最/朋友！/ ! / /是我/生的! !卜 卜 感謝有你們陪伴！ 1 !:F7 J,一y1. f 叫, 卡 U.加13這里有我的高中

14、和大學(xué)。圖4-4我的學(xué)校/很美吧！/圖4-5我的家鄉(xiāng)百度文庫(kù)-讓每個(gè)人平等地提升自我圖4-6我的收藏還有我的學(xué)校、我的家鄉(xiāng)、我的收藏等模塊可以進(jìn)入，在這里相信你一定會(huì)有不少收獲的。5、小結(jié)通過(guò)制作網(wǎng)頁(yè)的過(guò)程我發(fā)現(xiàn)設(shè)計(jì)網(wǎng)頁(yè)要注意的問(wèn)題：(1)、網(wǎng)頁(yè)的標(biāo)題要簡(jiǎn)潔，明確。(2)、在文本要使用水平線，以分割不同部分。(3)、對(duì)重點(diǎn)段落要強(qiáng)調(diào)顯示。(4)、網(wǎng)頁(yè)中插入的圖片要盡量的小。(5)、圖形要附加文字說(shuō)明，以便關(guān)閉圖象時(shí)查看。(6)、網(wǎng)頁(yè)中引用的資料及商標(biāo)不能侵犯版權(quán)。 并且通過(guò)這個(gè)學(xué)期的學(xué)習(xí)，我學(xué)會(huì)了制作網(wǎng)頁(yè)，而且知道了知識(shí)的重 要性。開(kāi)始我以為，老師給我們的這次作業(yè)完成不了，因?yàn)槲覀兪堑谝淮?接

15、觸網(wǎng)頁(yè)，而且對(duì) Dreamweaver Fireworks Flash都不是很了解，但是通 過(guò)學(xué)習(xí)，我完成這次作業(yè)，而且還懂得了許多的知識(shí)。盡管如此，但是我 的網(wǎng)頁(yè)還存在著一些問(wèn)題，如顏色的搭配不是很好，框架的結(jié)構(gòu)，可能還 有其他一些我沒(méi)有發(fā)現(xiàn)的問(wèn)題，這些問(wèn)題都是需要注意的，我相信通過(guò)/學(xué)習(xí)與老師的悉心教導(dǎo)，下一次的網(wǎng)頁(yè)我將會(huì)做得更好。不足之處，希望 /老師指導(dǎo)與批評(píng)。百度文庫(kù)-讓每個(gè)人平等地提升自我參考文獻(xiàn)1張豐.精品課程網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)J.電腦知識(shí)與技術(shù),2008(22)2羅銳韌.ASP網(wǎng)頁(yè)程序設(shè)計(jì)M.北京：清華大學(xué)出版社，20053汪鑫等.Web程序設(shè)計(jì)M.北京：電子工業(yè)出版社，4鄧文淵，

16、陳惠貞，陳俊榮.ASP與網(wǎng)頁(yè)數(shù)據(jù)庫(kù)設(shè)計(jì)M.北京：中國(guó)鐵道出版社,/5宋昕.ASP網(wǎng)絡(luò)開(kāi)發(fā)技術(shù)入門與提高實(shí)用教程M.北京：中國(guó)鐵道出版社，/6李曉黎.ASP+SQL Server網(wǎng)絡(luò)系統(tǒng)應(yīng)用系統(tǒng)開(kāi)發(fā)與實(shí)例M.北京：人民郵電出版社，7馮立，周仲文，胡竹祥.基于的精品課程網(wǎng)絡(luò)平臺(tái)設(shè)計(jì)J.微計(jì)算機(jī)信息，2010(15)8何麗，王康生.高校精品課程網(wǎng)站前臺(tái)模塊化自主設(shè)計(jì)/J.內(nèi)江師范學(xué)院學(xué)報(bào),2010(4)9傅惠娟.基于模板的精品課程建站系統(tǒng)的研究與應(yīng)用J.計(jì)算機(jī)時(shí)代，2010(5)10常永英.程序設(shè)計(jì)教程(C#a).機(jī)械工業(yè)出版社,2008(5)百度文庫(kù)-讓每個(gè)人平等地提升自我11陸鑫，羅克露.精品課

17、程教學(xué)網(wǎng)站系統(tǒng)建設(shè)與教學(xué)信息化整體解決方案探索J.電子科技大學(xué)學(xué)報(bào)科技版,2005(7):55-59/人12龔志武.高校精品課程建設(shè)的研究與實(shí)踐J.現(xiàn)代遠(yuǎn)程教育研究，2008,(1):47-49113唐玉英，曾祥明.網(wǎng)站后臺(tái)管理系統(tǒng)應(yīng)用研究J.科技情報(bào)開(kāi)發(fā)與經(jīng)濟(jì),2006,16(23):257-258/14張弛，基于ASP的網(wǎng)站后臺(tái)安全解決方案J.網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2007,(2):80-8215羅力華，姜建國(guó).網(wǎng)站后臺(tái)管理系統(tǒng)的用戶權(quán)限管理的一種實(shí)現(xiàn)方案J.電子科技,2006,(0):62-6616普措才仁.基于 WEB的計(jì)算機(jī)網(wǎng)絡(luò)課程資源管理系統(tǒng)的設(shè)計(jì)與開(kāi)發(fā)J.1,中國(guó)科技信息2007(

18、19)17管正.Dreamweaver 8網(wǎng)頁(yè)制作與網(wǎng)站組建簡(jiǎn)明教程 M.北京：清華大學(xué)出版社，2007(5) 18范立新，岳彥芳，陳曹維.ASP發(fā)展面臨的問(wèn)題及對(duì)策J.全國(guó)先進(jìn)制造技術(shù)高層論壇暨 制造業(yè)自動(dòng)化、信息化技術(shù)研討會(huì)論文集,200519符靜波，馬輝明.中小型企業(yè)網(wǎng)站建設(shè)解決方案J.計(jì)算機(jī)應(yīng)用研 究,2001,18(11):141-14320劉志賀，姬婿，王亞平.asp技術(shù)在企業(yè)網(wǎng)站中的作用J.電腦知識(shí)與技術(shù)，(08):71-7221鞏政.塞于計(jì)算機(jī)網(wǎng)絡(luò)的考試系統(tǒng)設(shè)計(jì)J內(nèi)蒙古大學(xué)學(xué)報(bào)(自然科學(xué)版).200222顧小清.主題學(xué)習(xí)設(shè)計(jì)：信息技術(shù)與課程整合的實(shí)用模式M北京：教育科學(xué)出版社，200523王曉榮，習(xí)客.走向現(xiàn)代教育的網(wǎng)絡(luò)化學(xué)習(xí)型組織J思想理論教育,2002(7)24周