醫(yī)藥網(wǎng)課程設(shè)計(jì)論文

1、<p><b>　　《網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)》</b></p><p><b>　　課程設(shè)計(jì)報(bào)告</b></p><p>　　設(shè)計(jì)題目： 醫(yī)藥網(wǎng) </p><p>　　專(zhuān) 業(yè)： 班級(jí)： </p><p>　　學(xué)生姓名：

2、 學(xué)號(hào)： </p><p>　　指導(dǎo)教師： </p><p><b>　　2011年12月</b></p><p><b>　　目錄</b></p><p><b>　　目錄2</b></p><p><

3、b>　　第1章 概述1</b></p><p>　　1.1 選題的目的1</p><p>　　第2章 主要技術(shù)3</p><p>　　2.1 技術(shù)分析3</p><p>　　2.2 功能分析5</p><p>　　第3章 總體設(shè)計(jì)與詳細(xì)設(shè)計(jì)7</p><p>

4、;　　3.1 總體設(shè)計(jì)7</p><p>　　3.1.1系統(tǒng)結(jié)構(gòu)圖7</p><p>　　3.2 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)9</p><p>　　3.3 詳細(xì)設(shè)計(jì)10</p><p>　　第4章 系統(tǒng)測(cè)試14</p><p>　　4.1設(shè)計(jì)和調(diào)試過(guò)程中遇到的問(wèn)題14</p><p>　　

5、4.2網(wǎng)站發(fā)布過(guò)程以及訪問(wèn)URL14</p><p><b>　　總 結(jié)15</b></p><p><b>　　參考文獻(xiàn)17</b></p><p><b>　　第1章 概述</b></p><p>　　1.1 選題的目的</p><p>

6、　　過(guò)去，醫(yī)藥企業(yè)在生產(chǎn)觀念的指導(dǎo)下，從企業(yè)自身和產(chǎn)品出發(fā)，把消費(fèi)者看作是具有同樣需求的整體市場(chǎng)，生產(chǎn)大量單一品種的產(chǎn)品，并采用普遍而廣泛的分銷(xiāo)渠道，采用同樣的廣告宣傳方式。這樣雖然可以降低成本，但因品種單調(diào)，消費(fèi)者無(wú)挑選余地，需求得不到真正的滿(mǎn)足，市場(chǎng)也無(wú)法拓展。 這時(shí)候，不同企業(yè)之間的競(jìng)爭(zhēng)主要是價(jià)格競(jìng)爭(zhēng)，市場(chǎng)也只區(qū)分成高價(jià)商品市場(chǎng)和低價(jià)商品市場(chǎng)。 到了 20 世紀(jì) 50 年代，隨著市場(chǎng)營(yíng)銷(xiāo)觀念的形成和發(fā)展，一些企業(yè)

7、相信營(yíng)銷(xiāo)己進(jìn)人了更大的和更加豐富的細(xì)分市場(chǎng)的時(shí)代，逐漸意識(shí)到開(kāi)發(fā)市場(chǎng)的最有效方法之一，就是要確定和滿(mǎn)足消費(fèi)者需求，以消費(fèi)者為中心。 但要做到這一點(diǎn)，營(yíng)銷(xiāo)人員就應(yīng)認(rèn)識(shí)到不同消費(fèi)者有不同的需求，由于他們的支付能力、消費(fèi)心理和消費(fèi)行為不同，對(duì)不同類(lèi)型廣告的反應(yīng)不同，有些是被信息性很強(qiáng)的長(zhǎng)篇廣告所說(shuō)服，有些則是被產(chǎn)品形象廣告所推動(dòng) … … 因此，不同的顧客有不同的需求。 這些似乎給營(yíng)銷(xiāo)人員出了難題，其實(shí)這正是進(jìn)行成功營(yíng)銷(xiāo)的機(jī)會(huì)。

8、只要能識(shí)別具有類(lèi)似需求的購(gòu)買(mǎi)者，有針對(duì)性地提供相應(yīng)的產(chǎn)品，并且運(yùn)用恰當(dāng)?shù)姆咒N(xiāo)渠道和廣告宣傳方式，企業(yè)就能在這部分市場(chǎng)經(jīng)營(yíng)的</p><p>　　1.1.1 關(guān)于公司宣傳網(wǎng)頁(yè)的網(wǎng)站建設(shè)的必要性分析</p><p>　　近幾年來(lái)，網(wǎng)站建設(shè)業(yè)務(wù)一直呈快速上升勢(shì)頭，行業(yè)市場(chǎng)越來(lái)越大。就國(guó)內(nèi)情況而言，沿海發(fā)達(dá)省市比中西部省市市場(chǎng)需求要大，業(yè)務(wù)普及工作也很到位，許多行業(yè)形成了競(jìng)相建設(shè)企業(yè)網(wǎng)站，開(kāi)展網(wǎng)

9、絡(luò)營(yíng)銷(xiāo)的局面。</p><p>　　新技術(shù)的應(yīng)用將促使企業(yè)網(wǎng)站建設(shè)更具魅力。隨著技術(shù)融合與發(fā)展，許多在其他行業(yè)熱門(mén)應(yīng)用的技術(shù)如視頻、三維動(dòng)畫(huà)、虛擬現(xiàn)實(shí)等技術(shù)都已經(jīng)實(shí)現(xiàn)向互聯(lián)網(wǎng)移植，未來(lái)的不久，他們就會(huì)出現(xiàn)在企業(yè)客戶(hù)網(wǎng)站上面；新的網(wǎng)絡(luò)編程語(yǔ)言（.net技術(shù)）和服務(wù)器CDN（內(nèi)容發(fā)布網(wǎng)絡(luò)）技術(shù)也將使網(wǎng)站結(jié)構(gòu)更緊密，訪問(wèn)更流暢，更能適應(yīng)新的要求。</p><p>　　1.1.2 本選題的現(xiàn)實(shí)意義

10、</p><p>　　本醫(yī)藥網(wǎng)頁(yè)設(shè)計(jì)的目的是通過(guò)網(wǎng)站提供實(shí)用的（商業(yè)、專(zhuān)業(yè)）信息發(fā)布、交流及檢索平臺(tái)．服務(wù)于老百姓：提供健康信息和基礎(chǔ)醫(yī)藥知識(shí)，并就某些產(chǎn)品質(zhì)量作出警示,提供政策法規(guī)宣傳、普及和擴(kuò)大相關(guān)公告通報(bào)的影響。</p><p>　　達(dá)到開(kāi)展網(wǎng)上營(yíng)銷(xiāo)，實(shí)現(xiàn)電子商務(wù)的目的。網(wǎng)站建設(shè)首先由網(wǎng)絡(luò)營(yíng)銷(xiāo)顧問(wèn)提出低成本回報(bào)的網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃方案。通過(guò)洞悉項(xiàng)目目標(biāo)客群的網(wǎng)絡(luò)營(yíng)銷(xiāo)策略，引發(fā)、借力企業(yè)與網(wǎng)

11、民，以至網(wǎng)民與網(wǎng)民之間的互動(dòng)，使企業(yè)以最小的營(yíng)銷(xiāo)投入，超越競(jìng)爭(zhēng)對(duì)手，獲得更高效的市場(chǎng)回報(bào)營(yíng)銷(xiāo)網(wǎng)站規(guī)劃網(wǎng)站前期策劃作為網(wǎng)絡(luò)營(yíng)銷(xiāo)的起點(diǎn)，規(guī)劃的嚴(yán)謹(jǐn)性、實(shí)用性將直接影響到企業(yè)網(wǎng)絡(luò)營(yíng)銷(xiāo)目標(biāo)的實(shí)現(xiàn)。網(wǎng)站建設(shè)商以客戶(hù)需求和網(wǎng)絡(luò)營(yíng)銷(xiāo)為導(dǎo)向，結(jié)合自身的專(zhuān)業(yè)策劃經(jīng)驗(yàn)，協(xié)助不同類(lèi)型企業(yè)，在滿(mǎn)足企業(yè)不同階段的戰(zhàn)略目標(biāo)和戰(zhàn)術(shù)要求的基礎(chǔ)上，為企業(yè)制定階段性的網(wǎng)站規(guī)劃方案。通過(guò)此網(wǎng)頁(yè)設(shè)計(jì)提高公司知名度進(jìn)而提升公司盈利效益。</p><p>

12、<b>　　第2章 主要技術(shù)</b></p><p><b>　　2.1 技術(shù)分析</b></p><p>　　2.1.1 Dreamweaver簡(jiǎn)介</p><p>　　Dreamweaver是由Macromedia公司推出的，用于網(wǎng)頁(yè)開(kāi)發(fā)和網(wǎng)站管理的專(zhuān)業(yè)化設(shè)計(jì)工具。它采用了多種新技術(shù)，具有設(shè)計(jì)和開(kāi)發(fā)網(wǎng)站過(guò)程中需要的網(wǎng)

13、站管理、網(wǎng)站設(shè)計(jì)、頁(yè)面制作、多媒體制作和動(dòng)畫(huà)制作等豐富實(shí)用的功能；它具有友好的操作界面，在文檔窗口中可以打開(kāi)各種浮動(dòng)面板，同時(shí)還可以使用系統(tǒng)內(nèi)置的多種對(duì)象進(jìn)行操作。</p><p>　　Dreamweaver啟動(dòng)后，會(huì)出現(xiàn)一個(gè)新的文檔操作窗口,該窗口包含如下的幾個(gè)部分：標(biāo)題欄、菜單欄、工作區(qū)、浮動(dòng)面板和狀態(tài)欄。標(biāo)題欄中主要顯示該文檔的標(biāo)題信息、文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應(yīng)用特性和訪

14、問(wèn)浮動(dòng)面板的簡(jiǎn)單方法；Dreamweaver啟動(dòng)后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入文字、插入圖象、添加背景以及其它頁(yè)面元素；浮動(dòng)面板提供了訪問(wèn)程序特性的簡(jiǎn)單方法，可以對(duì)浮動(dòng)面板進(jìn)行選擇、拖放、重新定位、移動(dòng)等操作，當(dāng)我們不需要使用某個(gè)移動(dòng)面板時(shí)，還可以用鼠標(biāo)單擊該面板右上角的關(guān)閉按鈕將其關(guān)閉，需要時(shí)再打開(kāi)；狀態(tài)欄位于窗口的最下端，用于顯示文檔的HTML標(biāo)記、文檔窗口大小、下載速度等信息。</p><p&g

15、t;　　2.1.2 網(wǎng)站圖片制作工具Photoshop簡(jiǎn)介 </p><p>　　Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件。它功能強(qiáng)大，操作界面友好，得到了廣大第三方開(kāi)發(fā)廠家的支持，從而也贏得了眾多的用戶(hù)的青睞。</p><p>　　ADOBE PHOTOSHOP最初的程序是由Mchigan大學(xué)的研究生Thomas創(chuàng)建，后經(jīng)

16、Knoll兄弟以及ADOBE公司程序員的努力ADOBE PHOTOSHOP產(chǎn)生巨大的轉(zhuǎn)變，一舉成為優(yōu)秀的平面設(shè)計(jì)編輯軟件。它的誕生可以說(shuō)掀起了圖象出版業(yè)的革命，目前ADOBE PHOTOSHOP最新版本為6.0，它的每一個(gè)版本都增添新的功能這使它獲得越來(lái)越多的支持者也使它在這諸多的圖形圖象處理軟件中立于不敗之地。 </p><p>　　Photoshop支持眾多的圖像格式，對(duì)圖像的常見(jiàn)操作和變換做到了非常精細(xì)的程

17、度，使得任何一款同類(lèi)軟件都無(wú)法望其頸背；它擁有異常豐富的插件(在Photoshop中叫濾鏡)，熟練后您自然能體會(huì)到"只有想不到，沒(méi)有做不到"的境界。</p><p>　　2.1.3 CSS樣式應(yīng)用</p><p><b>　　規(guī)則:選擇符 </b></p><p>　　任何HTML元素都可以是一個(gè)CSS1的選擇符。選擇符僅

18、僅是指向特別樣式的元素。例如， </p><p>　　P { text-indent: 3em } </p><p>　　當(dāng)中的選擇符是P。 </p><p><b>　　類(lèi)選擇符 </b></p><p>　　單一個(gè)選擇符能有不同的CLASS(類(lèi))，因而允許同一元素有不同樣式。例如，一個(gè)網(wǎng)頁(yè)制作者也許希望視其語(yǔ)言而定，

19、用不同的顏色顯示代碼 : </p><p>　　code.html { color: #191970 } </p><p>　　code.css { color: #4b0082 }以上的例子建立了兩個(gè)類(lèi)，css和html，供HTML的CODE元素使用。CLASS屬性是用于在HTML中以指明元素的類(lèi)，例如， </p><p>　　<P CLASS=warnin

20、g>每個(gè)選擇符只允許有一個(gè)類(lèi)。例如，code.html.proprietary是無(wú)效的。</p>類(lèi)的聲明也可以無(wú)須相關(guān)的元素: </p><p>　　.note { font-size: small }在這個(gè)例子，名為note的類(lèi)可以被用于任何元素。 </p><p>　　一個(gè)良好的習(xí)慣是在命名類(lèi)的時(shí)候，根據(jù)它們的功能而不是根據(jù)它們的外觀。上述例子中的note類(lèi)也可以命名

21、為small，但如果網(wǎng)頁(yè)制作者決定改變這個(gè)類(lèi)的樣式，使得它不再是小字體的話，那么這個(gè)名字就變得毫無(wú)意義了。 </p><p>　　ID 選擇符ID 選擇符個(gè)別地定義每個(gè)元素的成分。這種選擇符應(yīng)該盡量少用，因?yàn)樗哂幸欢ǖ木窒?。一個(gè)ID選擇符的指定要有指示符"#"在名字前面。例如，ID選擇符可以指定如下: </p><p>　　#svp94O { text-indent:

22、 3em }這點(diǎn)可以參考HTML中的ID屬性: </p><p>　　<P ID=svp94O>文本縮進(jìn)3em</P>關(guān)聯(lián)選擇符關(guān)聯(lián)選擇符只不過(guò)是一個(gè)用空格隔開(kāi)的兩個(gè)或更多的單一選擇符組成的字符串。這些選擇符可以指定一般屬性，而且因?yàn)閷盈B順序的規(guī)則，它們的優(yōu)先權(quán)比單一的選擇符大。例如， 以下的上下文選擇符 </p><p>　　P EM { background:

23、yellow }是P EM。這個(gè)值表示段落中的強(qiáng)調(diào)文本會(huì)是黃色背景；而標(biāo)題的強(qiáng)調(diào)文本則不受影響。 </p><p>　　聲明屬性一個(gè)屬性被指定到選擇符是為了使用它的樣式。屬性的例子包括顏色、邊界和字體。 </p><p>　　值聲明的值是一個(gè)屬性接受的指定。例如，屬性顏色能接受值red。 </p><p><b>　　組合</b></p&

24、gt;<p>　　為了減少樣式表的重復(fù)聲明，組合的選擇符聲明是允許的。例如，文檔中所有的標(biāo)題可以通過(guò)組合給出相同的聲明: </p><p>　　H1, H2, H3, H4, H5, H6 { </p><p>　　color: red; </p><p>　　font-family: sans-serif } </p><p>

25、;<b>　　繼承</b></p><p>　　實(shí)際上，所有在選擇符中嵌套的選擇符都會(huì)繼承外層選擇符指定的屬性值，除非另外更改。例如，一個(gè)BODY定義了的顏色值也會(huì)應(yīng)用到段落的文本中。 </p><p>　　有些情況是內(nèi)部選擇符不繼承周?chē)倪x擇符的值，但理論上這些都是特殊的。例如，上邊界屬性是不會(huì)繼承的；直覺(jué)上，一個(gè)段落不會(huì)有同文檔BODY一樣的上邊界值。 </

26、p><p><b>　　2.2 功能分析</b></p><p>　　2.2.1、宣傳的針對(duì)性</p><p>　　醫(yī)藥公司宣傳網(wǎng)站是以“針對(duì)對(duì)象”為導(dǎo)向的，宣傳內(nèi)容針對(duì)患者而展開(kāi)，因而內(nèi)容相對(duì)固定具體，這就為針對(duì)宣傳提供了較大的探索空間，有利于“小題大做”，對(duì)針對(duì)專(zhuān)題進(jìn)行深入而透徹地研究。</p><p>　　2.2.2、

27、內(nèi)容的整合性</p><p>　　公司宣傳網(wǎng)站的內(nèi)容以針對(duì)患者而展開(kāi)宣傳目的為中心線索，集合了所有與該宣傳相關(guān)內(nèi)容，在整合多知識(shí)的基礎(chǔ)上，組建邏輯有序的、符合患者認(rèn)知規(guī)律和特點(diǎn)的宣傳模塊，因此它在廣度和深度上都超過(guò)了單一進(jìn)行宣傳的效果。</p><p>　　2.2.3、受眾的特定性</p><p>　　任何一個(gè)公司宣傳網(wǎng)站都不是普遍適用的網(wǎng)站，一旦宣傳內(nèi)容確定，它就

28、相應(yīng)地有了特定的使用對(duì)象。不同的公司宣傳網(wǎng)站供不同層次的客戶(hù)瀏覽，具有較強(qiáng)的針對(duì)性。</p><p>　　2.2.4、宣傳的開(kāi)放性</p><p>　　開(kāi)放性包括兩層涵義，一是產(chǎn)品資源具有一定的擴(kuò)展性和整合性，包括與該產(chǎn)品宣傳相關(guān)的資源：二是宣傳產(chǎn)品資源在宣傳網(wǎng)站的應(yīng)用過(guò)程中還將被不斷添加補(bǔ)充。一次宣傳網(wǎng)站建設(shè)不可能將所有與宣傳相關(guān)的資源做到完善，因此公司宣傳網(wǎng)站的應(yīng)用過(guò)程也是網(wǎng)站不斷建設(shè)

29、與發(fā)展的過(guò)程。網(wǎng)站建設(shè)者在使用過(guò)程中，可以把自己獲取的與該宣傳相關(guān)的材料上傳到宣傳材料資源庫(kù)中，以供其他公司宣傳者材料共享，從而體現(xiàn)資源分散開(kāi)發(fā)、集中使用的原則。</p><p>　　2.2.5、功能的完備性</p><p>　　由公司宣傳網(wǎng)站的基本構(gòu)成可以看出，公司宣傳網(wǎng)站至少應(yīng)提供五方面的功能：展示與公司有關(guān)的宣傳資料，使公司內(nèi)外部人都盡可能地了解本公司，也就是說(shuō)要提高公司知名度，打出

30、去公司的品牌，使公司盡可能地產(chǎn)生品牌效應(yīng)；提供公司內(nèi)部員工資料，特別是高層管理者，讓人感到公司管理制度和人員安排井然有序；應(yīng)展示公司的產(chǎn)品，推薦最優(yōu)產(chǎn)品，讓人清晰的了解到你這個(gè)公司是干什么的，都提供了哪些優(yōu)質(zhì)的乳制產(chǎn)品；提供與員工溝通的郵件方式，方便員工給領(lǐng)導(dǎo)提寶貴的建議和反應(yīng)公司的一些問(wèn)題；公布公司的聯(lián)系方式，方便客戶(hù)與之聯(lián)系，擴(kuò)大銷(xiāo)量。此外它還應(yīng)具備一般的宣傳網(wǎng)站的功能，體現(xiàn)了功能的完備性和綜合性。</p><p

31、>　　第3章 總體設(shè)計(jì)與詳細(xì)設(shè)計(jì)</p><p><b>　　3.1 總體設(shè)計(jì)</b></p><p>　　3.1.1系統(tǒng)結(jié)構(gòu)圖</p><p><b>　　圖3-1系統(tǒng)結(jié)構(gòu)圖</b></p><p>　　新聞動(dòng)態(tài)：古代還未出現(xiàn)印刷術(shù)的時(shí)候，人們傳遞新聞主要是口語(yǔ)相傳；當(dāng)印刷術(shù)出現(xiàn)后，新聞

32、開(kāi)始以紙張形式流傳，但是由于交通原因，流通性不強(qiáng)，這就是小報(bào)；當(dāng)交通快速發(fā)展后，新聞傳遞速度加快，開(kāi)始大量印刷，出現(xiàn)報(bào)紙；隨著收音機(jī)的發(fā)明，又涌現(xiàn)一種新式媒介——廣播；隨著電視機(jī)的發(fā)現(xiàn)，一種圖音并茂的新媒介——電視出現(xiàn)；網(wǎng)絡(luò)的出現(xiàn)，又迫使媒介改編自身的形態(tài)，朝網(wǎng)絡(luò)化方向發(fā)展</p><p>　　產(chǎn)品展示頁(yè)是一種紡織品的展示，有推薦的針對(duì)客戶(hù)群的產(chǎn)品，讓人在了解產(chǎn)品的時(shí)候，一目了然，對(duì)產(chǎn)品的不同性能也能了然于心，這

33、樣能讓客戶(hù)在較短的時(shí)間有效地了解到公司所主推的產(chǎn)品。</p><p>　　留言反饋，之所以用這個(gè)功能是為了更好的增加客戶(hù)和公司的互動(dòng)溝通，每天高層領(lǐng)導(dǎo)中都要有人查閱這些留言，以便更好的了解客戶(hù)所提出的寶貴建議和反應(yīng)公司的一些問(wèn)題，也可以反映自己在使用產(chǎn)品中的一些小技巧等，這項(xiàng)留言的開(kāi)通，將使公司與客戶(hù)之間和諧相處，共同使公司發(fā)展的更好更快。</p><p>　　3.1.2系統(tǒng)設(shè)計(jì)草圖<

34、;/p><p><b>　　圖3-2設(shè)計(jì)流程圖</b></p><p>　　聯(lián)系我們頁(yè)是外界與公司交流聯(lián)系的渠道頁(yè)，如果客戶(hù)要訂貨的話，可以撥打電話或發(fā)郵件給公司，公司可在最短時(shí)間內(nèi)趕出這批貨并郵遞到對(duì)方客戶(hù)處，方便快速，有效地提高了銷(xiāo)售效益和業(yè)績(jī)狀況。招商代理：醫(yī)藥招商是善用企業(yè)資源滿(mǎn)足渠道商的需求并為市場(chǎng)的進(jìn)一步拓展和深化奠定基礎(chǔ)。</p><p&

35、gt;<b>　　圖 3-3首頁(yè)</b></p><p>　　公司首頁(yè)是指通過(guò)收集、整理與本網(wǎng)頁(yè)公司宣傳相關(guān)的文本、圖片、圖像、動(dòng)畫(huà)等知識(shí)內(nèi)容，以網(wǎng)頁(yè)宣傳為中心，按一定的組織策略進(jìn)行結(jié)構(gòu)化重組，最后以網(wǎng)頁(yè)形式制作成的具有較強(qiáng)交互性的網(wǎng)絡(luò)宣傳。通過(guò)專(zhuān)針對(duì)結(jié)構(gòu)化產(chǎn)品的展示，可以使客戶(hù)的瀏覽具有結(jié)構(gòu)化的特性，而不至于漫無(wú)目的，導(dǎo)致瀏覽效果的模糊。首頁(yè)一定要鮮明，讓人一目了然。</p>

36、<p>　　3.2 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì)</p><p><b>　　圖3-4 結(jié)構(gòu)設(shè)計(jì)</b></p><p>　　本醫(yī)藥網(wǎng)頁(yè)設(shè)計(jì)的目的是通過(guò)網(wǎng)站提供實(shí)用的（商業(yè)、專(zhuān)業(yè)）信息發(fā)布、交流及檢索平臺(tái)．服務(wù)于老百姓：提供健康信息和基礎(chǔ)醫(yī)藥知識(shí)，并就某些產(chǎn)品質(zhì)量作出警示,提供政策法規(guī)宣傳、普及和擴(kuò)大相關(guān)公告通報(bào)的影響。</p><p>&l

37、t;b>　　圖3.5 結(jié)構(gòu)圖</b></p><p>　　Dreamweaver啟動(dòng)后,會(huì)出現(xiàn)一個(gè)新的文檔操作窗口,該窗口包含如下的幾個(gè)部分：標(biāo)題欄、菜單欄、工作區(qū)、浮動(dòng)面板和狀態(tài)欄。標(biāo)題欄中主要顯示該文檔的標(biāo)題信息、文件名及該文件所在的文件夾等；菜單欄中包含各種操作命令、應(yīng)用特性和訪問(wèn)浮動(dòng)面板的簡(jiǎn)單方法。</p><p><b>　　3.3 詳細(xì)設(shè)計(jì)</

38、b></p><p>　　3.3.1效果圖實(shí)現(xiàn)</p><p>　　圖3-5實(shí)現(xiàn)背景顏色變化</p><p>　　表格的定位使得網(wǎng)站的設(shè)計(jì)更加的容易，可以事先用PHOTOSHOPS圖象處理軟件處理一些需要使用到的圖片，使它們看來(lái)更加美觀。按鈕和圖標(biāo)的設(shè)計(jì)也是體現(xiàn)網(wǎng)站風(fēng)格的一項(xiàng)重要內(nèi)容。其于頁(yè)面的設(shè)計(jì)與首頁(yè)的設(shè)計(jì)風(fēng)格相同，只是在布局和內(nèi)容上面有所差異。但是差異并

39、不太大，保持相同的風(fēng)格。制作簡(jiǎn)單，卻不失個(gè)性。</p><p><b>　　主要代碼：</b></p><p><b>　　<head></b></p><p>　　<title></title></p><p>　　<script language=&qu

40、ot;javascript"></p><p><b>　　<!--</b></p><p>　　function move(){</p><p>　　mouseX = event.x;</p><p>　　mouseY = event.y; </p><p>　　pic.s

41、tyle.left = mouseX;</p><p>　　pic.style.top = mouseY;</p><p><b>　　}</b></p><p>　　document.onmousemove = move;</p><p><b>　　//--></b></p>

42、<p><b>　　</script></b></p><p><b>　　</head></b></p><p><b>　　<body></b></p><p>　　.<img src="03.jpg" width=&quo

43、t;209" height="130" id="pic" style="position:absolute" /></p><p><b>　　</body></b></p><p><b>　　</html></b></p><

44、;p><b>　　<head></b></p><p>　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></p><p>　　<title>隔幾秒鐘自動(dòng)變換網(wǎng)頁(yè)背景顏色的特效丨芯晴網(wǎng)頁(yè)特效丨Csr

45、Code.Cn</title></p><p><b>　　</head></b></p><p>　　<body bgColor="#ffffff" onload="chgCol(); pingpong();"></p><p>　　<script langua

46、ge="JavaScript"></p><p>　　<!-- Hide from JavaScript-Impaired Browsers</p><p>　　var pos = 10;</p><p>　　function initArray() {</p><p>　　this.length = init

47、Array.arguments.length;</p><p>　　for (var i = 0; i < this.length; i++) {</p><p>　　this[i] = initArray.arguments[i];</p><p><b>　　}</b></p><p><b>　　}

48、</b></p><p>　　var col=new initArray("4b","5b","8b","8b");</p><p>　　col[0] = "yellow";</p><p>　　col[1] = "coral";<

49、;/p><p>　　col[2] = "orange";</p><p>　　col[3] = "red";</p><p>　　col[4] = "greenyellow";</p><p>　　col[5] = "lime";</p><p&g

50、t;　　col[6] = "turquoise";</p><p>　　col[7] = "coral";</p><p>　　col[8] = "blueviolet";</p><p>　　col[9] = "violet";</p><p>　　functi

51、on chgCol() {</p><p><b>　　pos++;</b></p><p>　　if (pos<0||pos>9) {</p><p><b>　　pos = 0;</b></p><p><b>　　}</b></p><p&

52、gt;　　document.bgColor = col[pos];</p><p>　　setTimeout("chgCol()",3000);</p><p><b>　　}</b></p><p>　　var yourwords = "不斷變化背景色彩";var buffer1="

53、 ";var buffer2=" ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left") { message2=message1.substring(2,messa

54、ge1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; }else { message2=&qu

55、ot; "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingp</p><p><b>　　</body></b></p><p><b>　　</html></b></

56、p><p>　　圖 3-6實(shí)現(xiàn)文字閃爍</p><p>　　首先確定網(wǎng)站的主題醫(yī)藥網(wǎng)，根據(jù)主題搜集資料，包括圖片資料和文字資料。資料搜集完畢后建立站點(diǎn)將資料保存進(jìn)去，以備調(diào)用。</p><p><b>　　主要代碼：</b></p><p><b>　　<head></b></p>

57、;<p>　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></p><p>　　<title></title></p><p><b>　　</head></b></p&

58、gt;<p><b>　　<body></b></p><p>　　<script language="JavaScript"></p><p>　　<!-- Begin</p><p>　　text = "歡迎光臨醫(yī)藥網(wǎng)"; </p><p

59、>　　color1 = "blue"; //文字的顏色</p><p>　　color2 = "red"; //轉(zhuǎn)換的顏色</p><p>　　fontsize = "8"; //字體大小</p><p>　　speed = 100; //轉(zhuǎn)換速度 (1000 = 1 秒) </p>&

60、lt;p><b>　　i = 0;</b></p><p>　　if (navigator.appName == "Netscape") {</p><p>　　document.write("<layer id=a visibility=show></layer><br><br>&l

61、t;br>");</p><p><b>　　}</b></p><p><b>　　else {</b></p><p>　　document.write("<div id=a></div>");</p><p><b>　　}

62、</b></p><p>　　function changeCharColor() {</p><p>　　if (navigator.appName == "Netscape") {</p><p>　　document.a.document.write("<center><font face=arial

63、 size =" + fontsize + "><font color=" + color1 + </p><p><b>　　">");</b></p><p>　　for (var j = 0; j < text.length; j++) {</p><p>　　if

64、(j == i) {</p><p>　　document.a.document.write("<font face=arial color=" + color2 + ">" + Text.charAt(i) + "</font>");</p><p><b>　　}</b></

65、p><p><b>　　else {</b></p><p>　　document.a.document.write(text.charAt(j));</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　doc

66、ument.a.document.write('</font></font></center>');</p><p>　　document.a.document.close();</p><p><b>　　}</b></p><p>　　if (navigator.appName == &q

67、uot;Microsoft Internet Explorer") {</p><p>　　str = "<center><font face=arial size=" + fontsize + "><font color=" + color1 + ">";</p><p>　　for

68、 (var j = 0; j < text.length; j++</p><p>　　</script></body></p><p><b>　　</html></b></p><p><b>　　第4章 系統(tǒng)測(cè)試</b></p><p>　　4.1設(shè)計(jì)

69、和調(diào)試過(guò)程中遇到的問(wèn)題</p><p>　　在網(wǎng)頁(yè)設(shè)計(jì)中遇到很多問(wèn)題，插入的圖片不好使,,插入特效的代碼不好使等諸多問(wèn)題,經(jīng)過(guò)參考課本，查閱資料和上網(wǎng)下載等方式將問(wèn)題全部解決。</p><p>　　4.2網(wǎng)站發(fā)布過(guò)程以及訪問(wèn)URL</p><p>　　當(dāng)網(wǎng)站制作好時(shí)，網(wǎng)站發(fā)布的內(nèi)容還是采用后臺(tái)程序錄入，錄入完成后，后臺(tái)程序?qū)浫氲男畔⒏鶕?jù)選定的模板自動(dòng)的制作成靜態(tài)網(wǎng)

70、頁(yè)保存在服務(wù)器上，而且這些靜態(tài)網(wǎng)頁(yè)的管理與維護(hù)也由后臺(tái)程序統(tǒng)一進(jìn)行，不需要人為干預(yù)。這樣避免了手工制作靜態(tài)頁(yè)面的大工作量，又不失動(dòng)態(tài)頁(yè)面的靈活性。</p><p>　　網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“？”；</p><p>　　網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶(hù)訪問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服

71、務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件；網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；</p><p><b>　　總 結(jié)</b></p><p>　　本學(xué)期的網(wǎng)業(yè)設(shè)計(jì)課程，對(duì)于我們學(xué)生來(lái)說(shuō)，可以激發(fā)學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)習(xí)的自覺(jué)性，自己動(dòng)腦、動(dòng)手，動(dòng)口，運(yùn)用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過(guò)自身的實(shí)踐，創(chuàng)作出積聚個(gè)人風(fēng)格、

72、個(gè)性的個(gè)人網(wǎng)頁(yè)。總體來(lái)說(shuō)，整個(gè)學(xué)期的學(xué)習(xí)過(guò)程，我學(xué)會(huì)了很多知識(shí)，雖然過(guò)程比較艱辛，但在INTENET領(lǐng)域中，有了一個(gè)展示自我的空間，我覺(jué)得很開(kāi)心、很有成就感。一.充分發(fā)揮動(dòng)手能力 作為網(wǎng)頁(yè)設(shè)計(jì)的初學(xué)者，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)非常感興趣，一心想設(shè)計(jì)出一個(gè)美觀、實(shí)用、內(nèi)容豐富的個(gè)人網(wǎng)頁(yè)。本學(xué)期的教改方案由以前學(xué)生單純接受知識(shí)變?yōu)橹鲃?dòng)參與教學(xué)活動(dòng)。在這樣的壓力和動(dòng)力下，通過(guò)自己動(dòng)手、動(dòng)腦，通過(guò)網(wǎng)絡(luò)資源，老師的指導(dǎo)，在不斷發(fā)現(xiàn)問(wèn)題和解決問(wèn)題的過(guò)

73、程中學(xué)到了很多知識(shí)，也增強(qiáng)了我的創(chuàng)作能力和動(dòng)手能力，在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，從構(gòu)思到設(shè)計(jì)、完善、維護(hù)，整個(gè)過(guò)程我都全身心投入，使我真正學(xué)到了網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)。二.在設(shè)計(jì)過(guò)程中不斷提高網(wǎng)頁(yè)設(shè)計(jì)水平 在本次網(wǎng)頁(yè)設(shè)計(jì)中，我不僅學(xué)到了很多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)方面的知識(shí)，也從中學(xué)會(huì)了關(guān)于網(wǎng)絡(luò)、編程等方面的知識(shí)。我運(yùn)用Dreamweaver等網(wǎng)軟件設(shè)計(jì)網(wǎng)頁(yè)，完善網(wǎng)頁(yè)。在這個(gè)過(guò)程中，我通過(guò)自學(xué)教材、上網(wǎng)查詢(xún)</p><p><

74、b>　　參考文獻(xiàn)</b></p><p>　　[1]陳強(qiáng),霍繼文,葉兵. 《網(wǎng)頁(yè)制作實(shí)用技術(shù)》[M].清華大學(xué)出版社 2008 </p><p>　　[2]劉海疆, 李東博.《網(wǎng)頁(yè)制作三劍客教程》[M]. 西安電子科技大學(xué)出版社 2009 </p><p>　　[3]張民，趙兵.《網(wǎng)頁(yè)設(shè)計(jì)制作技巧》[M]. 陜西工業(yè)出版社 2009</p&g

75、t;<p>　　[4]王家林，李利.《網(wǎng)頁(yè)設(shè)計(jì)入門(mén)》[M]. 人民出版社 2009</p><p>　　[5]陳達(dá)杰，張偉.《網(wǎng)頁(yè)簡(jiǎn)單應(yīng)用教程》[M]. 山西工業(yè)出版社 2009</p><p>　　[6]張杰，王家才.《網(wǎng)頁(yè)制作技巧與實(shí)例》[M]. 重慶工業(yè)出版社 2009</p><p>　　[7]陳春，賈圓圓.《網(wǎng)頁(yè)制作入門(mén)技巧》[M]. 人民出