時間：2022-04-28 10:25:50
導(dǎo)語：在網(wǎng)站制作畢業(yè)論文的撰寫旅程中，學(xué)習(xí)并吸收他人佳作的精髓是一條寶貴的路徑，好期刊匯集了一篇優(yōu)秀范文，愿這些內(nèi)容能夠啟發(fā)您的創(chuàng)作靈感，引領(lǐng)您探索更多的創(chuàng)作可能。
摘要：本文是音樂網(wǎng)站的一個設(shè)計報告，根據(jù)設(shè)計實踐，分析開發(fā)語言、服務(wù)器和數(shù)據(jù)庫的優(yōu)劣；分析整個設(shè)計流程，數(shù)據(jù)結(jié)構(gòu)；分析網(wǎng)站所用到的技術(shù)及其優(yōu)勢。以及對關(guān)鍵性技術(shù)進行合理的說明。
引言
隨著互聯(lián)網(wǎng)的普及與發(fā)展，網(wǎng)站已逐漸成為形象宣傳、產(chǎn)品展示推廣、商務(wù)貿(mào)易，信息溝通的最方便快捷的橋梁。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務(wù))的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。下面是就我們小組制作音樂網(wǎng)站整個過程書面說明：
一：如何規(guī)劃
1.1、網(wǎng)站類型的確定
為了完成畢業(yè)設(shè)計，我們小組所有成員結(jié)合畢業(yè)設(shè)計所要求的題目進行討論，并上網(wǎng)查看相關(guān)信息，初步?jīng)Q定做專業(yè)性的音樂網(wǎng)站，專門向音樂愛好者提供一個音樂視聽空間，這樣可以結(jié)合自己的興趣以及專業(yè)知識做出一個非常棒的音樂網(wǎng)站。為了盡快完成任務(wù)，我們小組成員全體行動起來，畢竟我們都是新手，這么一個大型的音樂網(wǎng)站，覺得有點力不從心，后來經(jīng)過我們詳細的分析各個組員的專業(yè)水平及做事態(tài)度等等，決定了我們的最佳分工方式，并且彼此保證一定盡最大的努力本論文由整理提供
做好自己的工作。
1.2、網(wǎng)站規(guī)劃書
確定好做音樂網(wǎng)站后，我們將進行下一個步驟——做一個網(wǎng)站規(guī)劃書。這個步驟是必不可少的部分，是建設(shè)一個網(wǎng)站的前期工作。一個網(wǎng)站的成功與否與建站前的網(wǎng)站規(guī)劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費用，進行必要的市場分析等。只有詳細的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進行。
網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對市場進行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費用、測試、維護等做出規(guī)劃。網(wǎng)站規(guī)劃對網(wǎng)站建設(shè)起到計劃和指導(dǎo)的作用，對網(wǎng)站的內(nèi)容和維護起到定位作用。寫網(wǎng)站規(guī)劃書一般都有一定的格式，我們根據(jù)本網(wǎng)站的具體要求，加上小組成員的共同商討，最后決定把網(wǎng)站按以下幾個方面完成：
（一）、建站前的市場分析1.自身條件和市場優(yōu)勢：我們學(xué)的就是這個專業(yè)，我們對于我們專業(yè)知識有信心，對音樂方面，我們平時對它亦十分的感興趣。現(xiàn)在的年輕人都愛好音樂，一個好的專業(yè)音樂網(wǎng)站正是大家所期待的。2.有關(guān)行業(yè)的市場及其競爭者的分析：現(xiàn)在有網(wǎng)上有許多的音樂網(wǎng)站，怎么樣才能讓我們的音樂網(wǎng)站有特點呢！我們決定做一個純音樂網(wǎng)站。
（二）、建站的目的和功能定位3.建站的目的；為廣大音樂愛好者提供一個專業(yè)的音樂服務(wù)，同時把自己的知道應(yīng)用，實踐。4.確定網(wǎng)站的功能定位；只提供音樂視聽，下載服務(wù)。
（三）、網(wǎng)站技術(shù)解決方案1.操作系統(tǒng)：WINXP、WIN98、WINME、WIN2000、WIN20032.網(wǎng)站安全性措施：數(shù)據(jù)庫加密技術(shù)3.服務(wù)器：Apache，HelixUniversalInternetServer4.程序開發(fā)：PHP5.數(shù)據(jù)庫；MYSQL（四）、網(wǎng)站內(nèi)容規(guī)劃1.網(wǎng)站頁面結(jié)構(gòu)：2．網(wǎng)站主體結(jié)構(gòu)
（五）、網(wǎng)站引擎（后臺）的設(shè)計：用PHP開發(fā)的，用MySQL數(shù)據(jù)庫
（六）、網(wǎng)站前臺的設(shè)計：用一些網(wǎng)頁開發(fā)工具，使頁面看起來美觀大方
（七）、流媒的制作：提供音樂的視聽支持
（八）、網(wǎng)站維護與測試：完善和擴展網(wǎng)站的功能
（九）、建站日程
（十）、總結(jié)
有了這樣的大綱，我們就可以根據(jù)它來輕松地規(guī)劃我們的網(wǎng)站了。分別落實到每個小組成員身上，我就負責(zé)網(wǎng)站引擎（后站）的開發(fā)。根據(jù)分工情況，小組成員各自上網(wǎng)查找資料，分析資料，首先把各自分配到的內(nèi)容寫好，然后把每人寫好的內(nèi)容合成，初步進行統(tǒng)一整理，不足之外再由小組成員共同修改，使各塊內(nèi)容前后銜接，條理清晰。經(jīng)過多次的反復(fù)修改排版之后，最后大一起審核，終于把一份完整的網(wǎng)站規(guī)劃書完成了。
二：如何開發(fā)
2.1、前臺方面
2.1.1、制作軟件
本網(wǎng)站主要采用我們熟悉的軟件（DreamweaverMX,FlashMX和Photoshop）。
Flash主要是用來制作引導(dǎo)頁及每個網(wǎng)頁上的動畫，Photoshop主要是用來處理圖片，Dreamweaver是做本網(wǎng)站的主要軟件。
2.1.2、基本因素
設(shè)計一個網(wǎng)站，首先應(yīng)該考慮下列八條基本因素，這些因素對網(wǎng)站的成功與否有著重要的影響。（1）、整體布局網(wǎng)站主頁就好象是宣傳欄或者店面——對訪問者產(chǎn)生第一印象，都希望盡量給人留下好的印象，不是嗎？一般來說，好的網(wǎng)站應(yīng)該給人有這樣的感覺：干凈整潔、條理清楚、專業(yè)水準、引人入勝。網(wǎng)頁應(yīng)該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會讓訪問者無所適從——離開是最好的選擇，就象一些商店，播放震耳欲聾的發(fā)燒音樂，你要做的唯一決定就是離開那里，越快越好。本網(wǎng)站采用藍色為主調(diào)，經(jīng)過多次討論采用二分欄，給人有清爽之感，整體干凈整潔，條理清楚。
（2）、信息無論商業(yè)站點還是個人主頁，都必須給人們提供有一定價值的內(nèi)容才能留住訪問者，因為我們?nèi)祟惪偸俏├菆D，第一個問題總是：“對我有什么用處？”所以，必須提供某些有價值的東西，當然并不是說必須提供某些免費的物品——免費書籍、免費入場券、免費度假等，這些“有價值的東西”可以是：信息、娛樂、勸告、對一些問題的幫助、提供志趣相投者聯(lián)絡(luò)的機會、鏈接到有用的網(wǎng)頁，等等。如果經(jīng)營的是企業(yè)網(wǎng)站，需要提供關(guān)于產(chǎn)品或服務(wù)的信息：容易理解、容易查詢、容易訂貨。因此，本網(wǎng)站設(shè)有還待于完善，使用戶可以花更多的時間在我們的網(wǎng)站上逗留。
（3）、速度我們都知道，頁面下載速度是網(wǎng)站留住訪問者的關(guān)鍵因素，如果20—30秒還不能打開一個網(wǎng)頁，一般人就會沒有耐心。至少應(yīng)該確保主頁速度盡可能快，最好不要用大的圖片和比較大的音樂文件。但是許多網(wǎng)頁設(shè)計者往往忽視了這一點,為了視覺上的美觀在網(wǎng)頁上插了一些大而無意義的圖案背景，使用大量的JAVASCRIPT等控件來顯示自己的水平，這樣只會使網(wǎng)頁的顯示速度大大降低。結(jié)果可能在你網(wǎng)頁的文字內(nèi)容未顯示前,讀者已因等的不耐煩離開了。所以我們時時提醒自己，網(wǎng)站首頁就像一個廣告牌。當開車經(jīng)過一個廣告牌時，沒有時間閱讀上面的詳細說明，也不可能贊賞其復(fù)雜的圖案，廣告標志從眼前一閃而過，必須在一瞬間給人留下印象。網(wǎng)上訪問者也是“一閃而過”本論文由整理提供，所以，得保證首頁簡單而快速。
（4）、圖形和版面設(shè)計圖形和版面設(shè)計關(guān)系到對網(wǎng)頁的第一印象，圖象應(yīng)集中反映網(wǎng)頁所期望傳達的主要信息。顏色也是影響網(wǎng)頁的重要因素，不同的顏色對人的感覺也有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽光，是一種快活的顏色；考慮到瀏覽者及網(wǎng)站性質(zhì)，本網(wǎng)站采用藍色調(diào)，藍色---是最具涼爽，清新，專業(yè)的色彩。
（5）、文字的可讀性我們?nèi)匀挥脧V告牌的比喻來說明，文字要在廣告牌上突出，周圍應(yīng)該留有足夠的空間。也許你曾到過一些網(wǎng)站，要么擁擠不堪的文字覺得好像只有把腦袋鉆進去才能閱讀，要么深色的背景給人的感覺好像處于非常狹窄的空間里，而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難；紫色、橙色和紅色讓人眼花繚亂。顏色的運用除了能夠起到強調(diào)整體文字中特殊部分的作用之外，對于整個文案的情感表達也會產(chǎn)生影響。這涉及色彩的情感象征性問題，限于篇幅，在這里不做深入探討。另外需要注意的是文字顏色的對比度，它包括明度上的對比、純度上的對比以及冷暖的對比。這些不僅對文字的可讀性發(fā)生作用，更重要的是，你可以通過對顏色的運用實現(xiàn)想要的設(shè)計效果、設(shè)計情感和設(shè)計思想。參考報紙的編排方式，為方便而又快速閱讀，可以將你的內(nèi)容分欄設(shè)計，甚至兩欄也要比一滿頁的視覺效果要好。本網(wǎng)站采用的就是二分欄。另一種能夠提高文字可讀性的因素是所選擇的字體，通用的字體(Arial,TimesNewRoman,GaramondandCourier)最易閱讀，特殊字體用于標題效果較好，但是不適合正文（試想瀏覽整頁的Gothic,Script,Westminster,orCloister會是怎樣的感受）。因為閱讀費力，你的眼睛很快就會疲勞，不得不轉(zhuǎn)移到其他頁面。
（6）、網(wǎng)頁標題的可讀性必須盡量使你的網(wǎng)頁易于閱讀，除了分欄之外（將頁面縱向分割），也需要利用標題和副標題將文檔分段。為所有標題和副標題設(shè)置同一字體，并將標題字體加大一號，使瀏覽者一眼就可以看到要點，以便找出并繼續(xù)閱讀有興趣的內(nèi)容。標題的重要性可見一斑，要認真寫好每個標題！也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容，不過不要用難以閱讀的顏色。（這些本網(wǎng)站在設(shè)計過程中都經(jīng)過討論后做到了）。（7）、導(dǎo)航由于人們習(xí)慣于從左到右、從上到下閱讀，所以主要的導(dǎo)航條應(yīng)放置在最顯眼的地方，對于較長頁面來說，在最底部設(shè)置一個簡單導(dǎo)航也很有必要（如關(guān)于我們，聯(lián)系方式，意見反饋等等）。確定一種你滿意的模式之后，最好將這種模式應(yīng)用到同一網(wǎng)站的每個頁面，這樣，瀏覽者就知道如何尋找信息。
（8）、詞語一個網(wǎng)站如果只有漂亮的外觀而詞語錯誤連篇、語法混亂，同樣是失敗的，對于網(wǎng)站所有者和負責(zé)人將產(chǎn)生很壞的影響，人們會用許多貶義詞來評價你：粗心大意、懶惰、外行、沒水平等等。所以在設(shè)計過程中，要求每個組員認真對待，審核每個寫上的內(nèi)容。
2.1.3、內(nèi)容編排
經(jīng)過整組成員的討論及分析，整個網(wǎng)站主要分為四大部分：
（1）片頭
（2）主頁
（3）子頁(主要內(nèi)容包括：通俗音樂,本站會員,幫助等等)
2.2、后臺方面
2.2.1、腳本語言
后臺采用的語言：PHP語言、腳本語言--Javascript語言。功能：來實現(xiàn)網(wǎng)上互相交流等。PHP是一套服務(wù)器端的腳本環(huán)境，當用戶從瀏覽器向Web服務(wù)器請求PHP文件時，PHP腳本開始運行，然后Web服務(wù)器調(diào)用PHP，PHP全面讀取請求的文件，執(zhí)行所有腳本命令，并將Web頁傳送給瀏覽器。Javascript主要用于接受用戶的輸入，并且把其他的一些組件捆綁在一起。最主要的web瀏覽器都內(nèi)建了Javascript引擎，它能接受這些無格式的Javascript文本代碼，并在客戶段將突發(fā)的指令翻譯。Php語言的特點:多數(shù)WEB開發(fā)者眼中，ASP和JSP都被認為是領(lǐng)跑者，而PHP卻被認為是個弱小的“掙扎者”，或者說它是一門被貶低為業(yè)余者才使用的語言，不值得參與企業(yè)Web開發(fā)的競爭。在我看來，PHP沒有被當作競爭者的理由是評論者缺乏對它的了解，而且也不了解用于Web開發(fā)的其他操作系統(tǒng)。和一些觀點相反，Windows不再占有Web虛擬主機服務(wù)市場的最大份額，我猜想它在Web開發(fā)這一領(lǐng)域里也在被摧城拔寨。1、在企業(yè)開發(fā)里為什么沒有PHP？很顯然，PHP被認為落后ASP和JSP太多，以至于它是沒有什么用的，但是這恰恰與事實不符。PHP本身就是一門強大的語言。它事實上在每個發(fā)行版的Linux上都有，在MacOSX上也有。獲取開發(fā)和使用PHP代碼的構(gòu)件（building-block）工具和軟件都是免費的。用于開發(fā)PHP應(yīng)用程序的商業(yè)集成開發(fā)環(huán)境（commercialintegrateddevelopmentenvironments，IDES）也可以找到——這樣的工具有Komodo（它運行在Linux和Windows上）和ZendStudio（這個應(yīng)用程序能夠運行在任何帶有Java運行環(huán)境的操作系統(tǒng)上）。你幾乎可以在每個Web虛擬主機上運行由PHP建立的網(wǎng)站，而不要考慮服務(wù)器所運行的是什么操作系統(tǒng)，這一事實讓PHP更加具有吸引力。2、PHP能夠提供什么？先把PHP周圍有什么忘掉一會兒，而考慮一下PHP自身能夠提供什么。它是一門強健的服務(wù)器端語言，能夠提供相當多的功能，而且能夠迅速地為頁面提供服務(wù)。3、容易使用使用C或者Perl或者具有類似風(fēng)格和句法的另一種語言的任何用戶都能夠很快上手PHP。盡管它是設(shè)計用在Web上的，但是它也能夠作為命令行語言使用。你正在編寫的Web應(yīng)用程序需要每個小時或者每天執(zhí)行一次某些代碼嗎？使用cron或者類似的計劃安排管理器，你可以計劃安排PHP代碼在你希望的時候執(zhí)行，使用普通的命令解釋腳本或者批處理文件就能夠執(zhí)行這樣的代碼。不需要自動調(diào)用瀏覽器就能夠查看專門的網(wǎng)頁，從而執(zhí)行你的事件，也沒有必要依賴來訪者的點擊來告訴你的系統(tǒng)：特定的代碼需要在特定的時候被執(zhí)行。PHP在這一領(lǐng)域可擴展性的事實是絕對具有吸引力的。4、PHP的好處我不是JSP或者ASP的老手，在此我也不想貶低這些語言。相反，我會把注意力放在PHP的好處上。（1）本地化PHP讓你能夠為網(wǎng)站的訪問者提供本地化的服務(wù)。當用戶點擊進入網(wǎng)站的時候，網(wǎng)站會根據(jù)他們?yōu)g覽器的設(shè)置自動地以其母語向其提供頁面。要實現(xiàn)這一點不需要使用用于語言翻譯的煩雜文件，而是使用和本地化的C程序所具有的相同能力，通過一個叫做gettext的系統(tǒng)實現(xiàn)的。如果被請求的語言文件存在，那么用戶所看到的文本就是其母語；如果語言文件不存在，那么文本就是缺省的英語或者其他任何你所指定的語言。許多本地化的UNIX應(yīng)用程序都將gettext作為標準，它讓第三方的翻譯變得輕而易舉。（2）輕易地使用命令行PHP支持在需要的地方設(shè)置和執(zhí)行命令行程序。使用標準的UNIXdiff工具，它能夠生成錯誤最后一次修改同要使用電子郵件發(fā)送到錯誤的所有者的當前注釋之間的不同。PHP代碼對在系統(tǒng)上所編寫的兩個文件執(zhí)行diff，將其輸出作為輸入，再生成一個要發(fā)送的電子郵件。這封電子郵件是通過PHP自己來發(fā)送的。（3）其他好處上面的只是我在自己程序里所用到的強大功能中的兩個，而還其他的功能。例如，你可以：即時創(chuàng)建簡單的Flash動畫。即時創(chuàng)建PDF文檔。使用高級數(shù)學(xué)功能，以及面向?qū)ο蟮木幊碳夹g(shù)。讀取和寫入到本地和IMAP郵箱。在PHP里就可以使用任何標準的Internet協(xié)議。想要編寫基于PHP的FTP、Web或者新聞客戶端？沒有問題！只使用PHP你就完全能夠編寫出使用標準TCP/IP套接字的客戶端和服務(wù)器，并以此創(chuàng)建自己的協(xié)議。實現(xiàn)對加密的支持，以及對各種數(shù)據(jù)庫服務(wù)器的支持。在編寫的Web應(yīng)用程序需要每個小時或者每天執(zhí)行一次某些代碼嗎？使用cron或者類似的計劃安排管理器，你可以計劃安排PHP代碼在你希望的時候執(zhí)行，使用普通的命令解釋腳本或者批處理文件就能夠執(zhí)行這樣的代碼。不需要自動調(diào)用瀏覽器就能夠查看專門的網(wǎng)頁，從而執(zhí)行你的事件，也沒有必要依賴來訪者的點擊來告訴你的系統(tǒng)：特定的代碼需要在特定的時候被執(zhí)行。PHP在這一領(lǐng)域可擴展性的事實是絕對具有吸引力的。4、PHP的好處我不是JSP或者ASP的老手，在此我也不想貶低這些語言。相反，我會把注意力放在PHP的好處上。（1）本地化PHP讓你能夠為網(wǎng)站的訪問者提供本地化的服務(wù)。當用戶點擊進入網(wǎng)站的時候，網(wǎng)站會根據(jù)他們?yōu)g覽器的設(shè)置自動地以其母語向其提供頁面。要實現(xiàn)這一點不需要使用用于語言翻譯的煩雜文件，而是使用和本地化的C程序所具有的相同能力，通過一個叫做gettext的系統(tǒng)實現(xiàn)的。如果被請求的語言文件存在，那么用戶所看到的文本就是其母語；如果語言文件不存在，那么文本就是缺省的英語或者其他任何你所指定的語言。許多本地化的UNIX應(yīng)用程序都將gettext作為標準，它讓第三方的翻譯變得輕而易舉。（2）輕易地使用命令行PHP支持在需要的地方設(shè)置和執(zhí)行命令行程序。使用標準的UNIXdiff工具，它能夠生成錯誤最后一次修改同要使用電子郵件發(fā)送到錯誤的所有者的當前注釋之間的不同。PHP代碼對在系統(tǒng)上所編寫的兩個文件執(zhí)行diff，將其輸出作為輸入，再生成一個要發(fā)送的電子郵件。這封電子郵件是通過PHP自己來發(fā)送的。（3）其他好處上面的只是我在自己程序里所用到的強大功能中的兩個，而還其他的功能。例如，你可以：即時創(chuàng)建簡單的Flash動畫。即時創(chuàng)建PDF文檔。使用高級數(shù)學(xué)功能，以及面向?qū)ο蟮木幊碳夹g(shù)。讀取和寫入到本地和IMAP郵箱。在PHP里就可以使用任何標準的Internet協(xié)議。想要編寫基于PHP的FTP、Web或者新聞客戶端？沒有問題！只使用PHP你就完全能夠編寫出使用標準TCP/IP套接字的客戶端和服務(wù)器，并以此創(chuàng)建自己的協(xié)議。實現(xiàn)對加密的支持，以及對各種數(shù)據(jù)庫服務(wù)器的支持。我覺得，那些尋找頂級Web開發(fā)語言而排除掉PHP的人是極其短見的。無論是像錯誤追蹤系統(tǒng)這樣的高級功能，還是簡單地重復(fù)使用頁眉和頁腳這樣的普通功能，我都使用PHP編寫過。我用PHP編寫過半靜態(tài)的頁面，也編寫過全功能的多媒體演示。我不是唯一一個使用PHP的人。如果PHP不值得引起注意，如果它只是小兒科或者愛好者的語言，那它為什么會是在Web開發(fā)上成長最快的語言呢？如果它沒有ASP或者JSP那么強大，那么它為什么會被用在流量巨大Web網(wǎng)站上？例如Yahoo，據(jù)說它就是由PHP建成的。5、開發(fā)人員習(xí)慣用熟悉的產(chǎn)品我敢肯定，ASP和JSP有它們各自的強項，但是我相信人們是用它們不是因為它們能夠提供比PHP更加強大的功能，而是因為人們已經(jīng)了解了它們，并希望以自己習(xí)慣的方法編寫代碼。排除PHP只能表示對這一語言的無知。
2.2.2、數(shù)據(jù)庫本站采用MYSQL數(shù)據(jù)庫,MySQL數(shù)據(jù)庫可以稱得上是目前運行速度最快的SQL語言數(shù)據(jù)庫。除了具有許多其它數(shù)據(jù)庫所不具備的功能和選擇之外，MySQL數(shù)據(jù)庫是一種完全免費的產(chǎn)品，用戶可以直接從網(wǎng)上下載數(shù)據(jù)庫，用于個人或商業(yè)用途，而不必支付任何費用。MySQL是完全網(wǎng)絡(luò)化的跨平臺關(guān)系型數(shù)據(jù)庫系統(tǒng)，同時是具有客戶機/服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫管理系統(tǒng)。它具有功能強，使用簡單，管理方便，運行速度快，安全可靠性強等優(yōu)點，特別適用于Web站點或應(yīng)用軟件的數(shù)據(jù)庫后端的開發(fā)工作，用戶可利用許多語言編寫訪問MySQL數(shù)據(jù)庫的程序。作為開放源代碼運動的產(chǎn)物之一，聞名遐邇的速度和易用性使MySQ關(guān)系數(shù)據(jù)庫管理系統(tǒng)越來越受到人們的青睞，應(yīng)用范圍也越來越廣。開放源代碼所提供的設(shè)計更新間隔正是系統(tǒng)同企業(yè)實際操作進行同步所需要的，至少是在盡可能地同步。由于MySQL數(shù)據(jù)庫與php的結(jié)合更是完美無缺。我選擇了MySQL作為我們的數(shù)據(jù)庫。總體來說，MySQL數(shù)據(jù)庫具有以下主要特點：1同時訪問數(shù)據(jù)庫的用戶數(shù)量不受限制；2可以保存超過50,000,000條記錄；3是目前市場上現(xiàn)有產(chǎn)品中運行速度最快的數(shù)據(jù)庫系統(tǒng)；4用戶權(quán)限設(shè)置簡單、有效。
2.2.3、網(wǎng)站服務(wù)器
網(wǎng)站的服務(wù)器我首選的當然是apache服務(wù)器的。ApacheServe的前身是NCSA的httpd，曾經(jīng)在1995年成為最為流行的萬維網(wǎng)的服務(wù)器。因為強大的功能和靈活的設(shè)置及平臺移植性，ApacheServer取得了廣泛的信賴。ApacheServer的主要功能有：1、支持最新的HTTP1.1協(xié)議（RFC2616）。2、極強的可配置和可擴展性，充分利用第三方?？斓墓δ堋?、提供全部的源代碼和不受限制的使用許可（License）。4、廣泛應(yīng)用于Windows2000/NT/9x、Netware5.x，OS/2和UNIX家族極其他操作系統(tǒng)，所支持的平臺多達17余種。5、強大的功能，涵蓋了用戶的需求，包括：認證中的DBM數(shù)據(jù)庫支持；錯誤和問題的可定制響應(yīng)的目錄導(dǎo)向功能；不受限的靈活的URL別名機制和重定向功能；虛擬主機（多宿主主機）支持多個域主頁共存一臺主機；超強的日志文件功能；利用站點的分析；拓展于維護等等。正因為這些強大的優(yōu)勢，使ApacheServer與其他的Web服務(wù)器相比，充分展示了高效、穩(wěn)定及功能豐富的特點。ApacheServer已用于超過600萬個Internet站點。于是我決定用apache作為我們這個網(wǎng)站的服務(wù)器
2.2.4、網(wǎng)站的內(nèi)部數(shù)據(jù)結(jié)構(gòu)
本站也可以說是一個網(wǎng)絡(luò)應(yīng)用管理信息系統(tǒng)（MIS），管理信息系統(tǒng)（MIS）是一個由人、計算機等組成的能進行信息的收集、傳遞、存儲、加工和使用的系統(tǒng)。隨著科技的發(fā)展，信息的膨脹，企業(yè)信息化成了企業(yè)在競爭中處于不敗地位的有效手段之一。而MIS不僅能夠及時全面地提供信息和數(shù)據(jù)，簡化統(tǒng)計工作，對不同的管理層次提出不同的報告之外，還能根據(jù)過去的數(shù)據(jù)預(yù)測未來的情況。因此，采用何種方法開發(fā)出一種兼顧開發(fā)效率和運行效率,同時滿足分布式事件處理功能的管理信息系統(tǒng)就顯得尤為重要。而本網(wǎng)站正是利用到了一些網(wǎng)絡(luò)三層結(jié)構(gòu)的知識。一說到三層式結(jié)構(gòu)，一般人總是先想到JSP/Servlet，其實用任何語言都可以實現(xiàn)網(wǎng)絡(luò)的三層結(jié)構(gòu)，而本站亦可以說是一個網(wǎng)絡(luò)音樂管理系統(tǒng)，我在做這個網(wǎng)絡(luò)后臺是首先想到也就是要用三層網(wǎng)絡(luò)結(jié)構(gòu)來組織我們的數(shù)據(jù)。下面我簡單的介紹一下什么是網(wǎng)絡(luò)應(yīng)用程序的三層體系結(jié)構(gòu)，所謂三層結(jié)構(gòu)是針對于過去的主機終端模式或者服務(wù)器客戶機模式區(qū)別而成的，它的特點是在后臺有一個后端數(shù)據(jù)支持服務(wù)器，在中端有一群應(yīng)用服務(wù)器，提供結(jié)合用戶業(yè)務(wù)和具體應(yīng)用的相關(guān)系統(tǒng)解決方案，在前端會有很多的接入設(shè)備，通過接入設(shè)備與客戶機。連接在三層結(jié)構(gòu)當中，數(shù)據(jù)流的流動方式是從后端數(shù)據(jù)支持層流向應(yīng)用層，進而流向前端接入層，最后達到用戶層。如果把它和電視系統(tǒng)比較就可以看到，前端接入層就象電視機，而中間應(yīng)用層就象是電視發(fā)射設(shè)備，而后端的數(shù)據(jù)支持層就象一個電視臺，這樣由前、中、后構(gòu)成一個完整的系統(tǒng)。系統(tǒng)的三層體系結(jié)構(gòu)如圖1。
整個管理信息系統(tǒng)采用Browser/Web/DataBase的三層體系結(jié)構(gòu)。Web服務(wù)器接受請求，通過應(yīng)用程序服務(wù)器執(zhí)行一個Java服務(wù)器端小程序Servlet并返回其輸出，從而實現(xiàn)與客戶機進行信息資源的交互。數(shù)據(jù)庫服務(wù)器用來存儲管理信息系統(tǒng)中所用到的各種數(shù)據(jù)，數(shù)據(jù)由數(shù)據(jù)庫管理程序直接錄入。系統(tǒng)的客戶端只需要一個瀏覽器即可。相關(guān)人員通過瀏覽器來查詢、增加、修改、刪除數(shù)據(jù)，對信息進行管理。
2.2.5、后臺程序設(shè)計思想
本站使用了模塊化的設(shè)計思想，使用模塊化的設(shè)計思想可以實現(xiàn)代碼的重復(fù)利用，易維護、易使用、易編寫，可以在支持PHP的任何平臺上工作，還不要重新編寫，體現(xiàn)了“一次編寫，隨處運行”的思想，有利于高效、高速的開發(fā)網(wǎng)站，有利于經(jīng)驗的交流。本站的部分模塊及其功能如下：預(yù)定義模塊（config.php）：定義本網(wǎng)站的基本信息（如站名、域名、背景色等），管理員，數(shù)據(jù)庫等基本信息公共模塊(public.php):預(yù)定義一些使用頻率較頻繁的函數(shù)（如用戶是否登陸判斷、出錯判斷等）數(shù)據(jù)管理模塊：音樂數(shù)據(jù)的添加、刪除、修改、更新。幫助模塊：提供一定的幫助。用戶登陸模塊：提供用戶的登陸服務(wù)。
2.2.6、正在進行中的后臺部分功能的擴展與完善
1、需要完善的地方界面的完善，雖說現(xiàn)在這個界面已經(jīng)可以用了，我們不是專業(yè)的美工，總是有不盡人意的地方，這種感覺是一個長期過程，我想我們要想做到完美，可能不需要一段時間的培養(yǎng)與積累。腳本代碼的優(yōu)化，做一個程序總是不可避免的產(chǎn)生一些冗長而累贅的代碼，為了加速后臺的運行，我們需要對程序進行代碼優(yōu)化。2、需要進行的功能擴展論壇：現(xiàn)在的留言板不能方便的用戶進行交流，為了更好的增加用戶之間的交流與互動，有必要增加一個論壇，現(xiàn)在這個工作正在制作中，這個論壇的引擎（也就是說后臺）我已經(jīng)開發(fā)完了，現(xiàn)在要做的就是前臺的設(shè)計。
三：本網(wǎng)站實現(xiàn)的關(guān)鍵技術(shù)
下面就是本人認為的關(guān)鍵技術(shù)及其實現(xiàn)方法
3.1、用戶是否登陸的判斷
在許多頁面中的一些特殊的功能是需要驗證用戶是否是登陸的。這就需要我們做一個函數(shù)，以便在需要的時候可以方便的調(diào)用它。但是它的實現(xiàn)是有點難度的。
首先是數(shù)據(jù)庫連接模塊，代碼如下
3.2、數(shù)據(jù)庫的使用
本網(wǎng)站之所以說是動態(tài)網(wǎng)站，正是因為有強大的數(shù)據(jù)庫支持，我才可以大言不慚說我們的音樂網(wǎng)站是一個動態(tài)網(wǎng)站。我們里面幾乎所有的功能模塊都是用數(shù)據(jù)庫來實現(xiàn)的。也只有這樣我們的網(wǎng)站才是動態(tài)更新的。首先是數(shù)據(jù)表的建立，本站目前來說還只是一個純的音樂網(wǎng)站。這里面幾乎全部的數(shù)據(jù)都是來自數(shù)據(jù)庫，但是要對眾多的數(shù)據(jù)進行分類不是一件容易的事情，經(jīng)過幾天的努力，并求助于網(wǎng)絡(luò)，總算是把我們的數(shù)據(jù)進行了分類，并建立了數(shù)據(jù)表。下面就是建立本站相關(guān)表的SQL語句://歌手地域表province`),KEY`user_id`(`user_id`))TYPE=MyISAM;而我們這里用到的主要是數(shù)查詢，其中多表查詢和數(shù)據(jù)的溢出處理發(fā)了我一些時間，下面就簡單的介紹一下。(1)多表查詢：本網(wǎng)站有許多地方用必需要用到多表查詢。MySQL數(shù)據(jù)庫是一種關(guān)系數(shù)據(jù)庫，它的多表查詢有許多方式，我在這里采用了一種比看起來比較簡單的方式，例如，我需要查找最新加入的前4張CD的歌手和CD信息：語言的甜餅機制，這是最不好控制的地方，至少我認為是這樣的，php的session真的不好弄，有時候出錯也另人不可思議。這也許是眾多php學(xué)習(xí)者和使用者頭痛的地方，我也上網(wǎng)于助過，不過得到的答案也不是那么的另人滿意。不知道新版的php5有沒有好好的解決這個問題。直到現(xiàn)在我也沒能弄清這個問題，看來我還得研究一下這個東東才行。
3.4、php面向?qū)ο蟮木幊谭椒?，如果用到了php面向?qū)ο蟮姆椒ǖ脑挘蔷褪菍＜壹壍膒hp程序員啦，現(xiàn)在雖說有些地方已經(jīng)用到了這個方法（例如客戶論證機制，登陸的判斷機制等等），但是還不是真正意義上的面象對向的編程。一個好的程序員不僅到學(xué)好程序開發(fā)語言，而更主要的是明白怎么樣去編程，即編程的思想。這就是為什么一個非計算機專業(yè)人可以考過高級程序員，但卻無法真正的去寫程序。這四年我認為我真正學(xué)到的也就是這一點（即編程的方法）。
四：如何體現(xiàn)專業(yè)性與實用相結(jié)合
1、本網(wǎng)站集文字、圖片、色彩、動畫于一體，通過它，可以一下子就抓住用戶視線，給用戶留下印相，增加用戶的回頭率。2、合理的數(shù)據(jù)組織結(jié)構(gòu)可以讓網(wǎng)站速度提升，而合理的界面布局可以使用戶可以很快的找到他自己需到的東西。3、提供動態(tài)的數(shù)據(jù)更新，可隨時更新、更正、省時省力，節(jié)省了大筆的人力及財力。4、數(shù)據(jù)的模塊化，使得我們可以更好更容易的進行網(wǎng)站更新和維護。
五：心得，體會
通過這次設(shè)計，我們學(xué)到了很多新的知識，溫故遺忘的知識，并充分發(fā)揮了團隊合作精神，在設(shè)計過程中，互幫互助。特別是在制作前期，與企業(yè)商談時，更是學(xué)到了很多從未學(xué)過的知識，更加體現(xiàn)到社會與學(xué)校的不同之處。整個設(shè)計下來，我們對這三個軟件有了更好的掌握，深入使用各個功能，對自己的設(shè)計生涯有了很好的提高。對于個人而言，在這個工程中讓我過了一把癮，在這個過程中我學(xué)到了不少的知識，真正體會到了什么才是“完美結(jié)合”——Apache、PHP、MySQL的結(jié)合，知道了知識只有實踐才是真正的有價值,同時在這個過程中遇到了到現(xiàn)在都還不能很好解決的問題（見上15頁的三—3和三—4）。在以后的學(xué)習(xí)工作中我一定會逐步的去解決我所遇到的問題。
六：后記
兩個月的時間一晃就過去了，這我們網(wǎng)站的制作過程中，我們非常感謝同學(xué)們?yōu)閷ξ覀兊木W(wǎng)站所進行的測試，同時也感謝他們?yōu)槲覀兯岢龅膶氋F意見，使我們的網(wǎng)站得以完善。在這個過程中，我們更想感謝的是席泓老師，如果沒有她的指導(dǎo)和幫助，我想我們的網(wǎng)站無法完成的這么順利。同時我們還要感謝4年來學(xué)校領(lǐng)導(dǎo)，老師對我我們的教育和幫助，給予了我們學(xué)習(xí)計算機知識和技能的機會，使我們才有今天才有機會來制作這個網(wǎng)站，相信不會讓您們失望！當然，其中肯定還有很多不足之處，希望您們繼續(xù)批評指正，使我們的專業(yè)水平日趨提高。在此表示衷心的謝意！
論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁是一種特殊的HTML網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的Web頁面，使用Web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。
網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入FLASH動畫利用Java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點等技術(shù)。
Web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個優(yōu)秀的Web頁面，一個美觀而實用的Web頁面往往需要綜合利用各種技術(shù)。
二、概述
1.網(wǎng)站名稱：“濟南中天環(huán)保設(shè)備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁
三、目的
運用已經(jīng)掌握的知識完成一個環(huán)境保護企業(yè)網(wǎng)站。通過此次設(shè)計可以達到全面理解、運用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運用Dreamweaver制作網(wǎng)頁的基礎(chǔ)上再加以實踐，進一步提高、加強自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計一個企業(yè)站點，以達到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁面風(fēng)格獨特。
五、設(shè)計工具
Dreamweaver、Flash、Photoshop等。
六、站點構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁24個。主頁是一個總目錄的網(wǎng)頁，里面加有網(wǎng)頁動畫效果“滾動字幕”及Flash動畫，本站幾個主要分網(wǎng)頁分別為：公司簡介、資質(zhì)認證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個網(wǎng)頁的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁面，背景色采用跟主頁一樣的藍色，淡藍色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flash動畫與鏈接頁，左下方是用Photoshop
處理過的圖片，與主頁是一致的。右邊的標題是用Photoshop制作的圖片，小標題采用斜體加黑，這樣制作豐富了頁面內(nèi)容，使整個頁面條理清晰。服務(wù)承諾分條目標示，一目了然。最后的“空氣凈化服務(wù)范圍”標題，即可以鏈接到空氣凈化服務(wù)范圍頁面。
標題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍色，調(diào)整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面，背景色與Flash動畫，鏈接頁與主頁保持一致。這一頁的主要內(nèi)容是用表格形式來固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面，左下方的圖片與右邊的標題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個outlookexpress電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機通訊軟件，已經(jīng)被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機組，各種醫(yī)療器械設(shè)備及實驗室設(shè)備等頁面由頁面“產(chǎn)品介紹”鏈接的，并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁面整齊劃一，設(shè)計風(fēng)格保持一致，加上淡藍色的背景，給人簡潔、明了、大方的感覺。
七所用各技術(shù)的特點
1.Dreamweaver:Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Dreamweaver是當前主流的站點和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強。Dreamweaver的介入，使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。
Dreamweaver的主要特點：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。Dremweaver能與您喜愛的設(shè)計工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動開啟Firework或Photoshop來進行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會自動更新所有鏈接。使用支援文字，HTML碼，HTML屬性標簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當您正使用Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。
夢幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascadingstylesheets的動態(tài)HTML支援和鼠標換圖效果，聲音和動畫的DHTML效果資料庫可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報告。
2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡便。他不僅提供強大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機等設(shè)備中采集圖像，并對他們進行編輯、修復(fù)、以及調(diào)整效果，同時可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時保留色調(diào)和紋理圖層。Photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設(shè)計網(wǎng)頁，photoshop是不可或缺的工具，是強大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁動畫的利器。嚴格來說，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁編輯工具。F1ash是制作動感網(wǎng)頁的權(quán)威。對于使用者來說，只需很短時間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁動畫?？梢宰屩谱髡唠S心所欲地實現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強大交互性的網(wǎng)頁動畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當復(fù)雜的對象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動畫集可以插入到html文檔中，也可以單獨制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八網(wǎng)頁制作的優(yōu)缺點
比較明確，風(fēng)格統(tǒng)一。并運用了一些其它的設(shè)計軟件加以輔助設(shè)計。使網(wǎng)頁更加具有動感，形式豐富。就內(nèi)容而言，比較豐富。大量運用了圖片，并進行了文字說明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實踐。
論文摘要：網(wǎng)頁的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁的主體，而圖片則能夠美化和增色你的網(wǎng)頁。那些包含了設(shè)計精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁能吸引人的一個有力保證。
一、介紹
超鏈接是網(wǎng)頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁是一種特殊的html網(wǎng)頁，使用框架網(wǎng)頁可以同時瀏覽幾個不同的web頁面，使用web頁面顯示一致的用戶界面和靈活的頁面內(nèi)容。
網(wǎng)頁制作的高級技術(shù)包括：在網(wǎng)頁中插入flash動畫利用java或者javascript制作網(wǎng)頁的動態(tài)效果。網(wǎng)頁中使用插件，視頻等web組件以及創(chuàng)建、和管理站點等技術(shù)。
web頁面往往是具有各種各樣的頁面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁制作技術(shù)，不可能創(chuàng)作出一個優(yōu)秀的web頁面，一個美觀而實用的web頁面往往需要綜合利用各種技術(shù)。
二、概述
1. 網(wǎng)站名稱：“濟南中天環(huán)保設(shè)備有限公司”
2. 步驟：
(1) 確立主題
(2) 收集資料
(5) 美化網(wǎng)頁
三、目的
運用已經(jīng)掌握的知識完成一個環(huán)境保護企業(yè)網(wǎng)站。通過此次設(shè)計可以達到全面理解、運用網(wǎng)頁制作的知識，并使之得以融會貫通，在掌握運用dreamweaver制作網(wǎng)頁的基礎(chǔ)上再加以實踐，進一步提高、加強自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計一個企業(yè)站點，以達到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁面風(fēng)格獨特。
五、設(shè)計工具
dreamweaver、flash、photoshop等。
六、站點構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁24個。主頁是一個總目錄的網(wǎng)頁，里面加有網(wǎng)頁動畫效果“滾動字幕”及flash動畫，本站幾個主要分網(wǎng)頁分別為：公司簡介、資質(zhì)認證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營業(yè)績、聯(lián)系方式。還有許多子網(wǎng)頁。
2.頁面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個網(wǎng)頁的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁面，背景色采用跟主頁一樣的藍色，淡藍色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為flash動畫與鏈接頁，左下方是用photoshop
處理過的圖片，與主頁是一致的。右邊的標題是用photoshop制作的圖片，小標題采用斜體加黑，這樣制作豐富了頁面內(nèi)容，使整個頁面條理清晰。服務(wù)承諾分條目標示，一目了然。最后的“空氣凈化服務(wù)范圍”標題，即可以鏈接到空氣凈化服務(wù)范圍頁面。
標題“服務(wù)范圍和承諾”是用photoshop制作的，先用油漆桶工具把背景色填充為與頁面相同的淡藍色，調(diào)整文字的大小與位置，兩邊分別加上符號“【”、“】”和“”，使圖片看起來更加美觀。
經(jīng)營業(yè)績頁面，背景色與flash動畫，鏈接頁與主頁保持一致。這一頁的主要內(nèi)容是用表格形式來固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與flash寬度一致。整個頁面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來的經(jīng)營業(yè)績。
聯(lián)系方式頁面，左下方的圖片與右邊的標題都是用photoshop制作的，在聯(lián)系方式中還添加了一個outlook express電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點擊給公司發(fā)送郵件。outlook express作為全球范圍內(nèi)的聯(lián)機通訊軟件，已經(jīng)被越來越多的人所接受，無論是與同事和朋友交換電子郵件，還是加入新聞組進行思想與信息的交流，outlook express都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁面背景相同的藍色并對畫面進行淡化處理。右邊的標題是在photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號“”，“「”，“”，“”，使圖片放置頁面中顯得美觀，更突出了主題內(nèi)容。
fls－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機組，各種醫(yī)療器械設(shè)備及實驗室設(shè)備等頁面由頁面“產(chǎn)品介紹”鏈接的，并且均以淡藍色為背景底色。頁面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用photoshop制作成的。
所有頁面整齊劃一，設(shè)計風(fēng)格保持一致，加上淡藍色的背景，給人簡潔、明了、大方的感覺。
七 所用各技術(shù)的特點
1.dreamweaver : dreamweaver是美國macromedia公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。dreamweaver是當前主流的站點和網(wǎng)頁編輯器，其代碼簡潔、兼容性和整體功能都很強。dreamweaver的介入，使得網(wǎng)頁一些部分的實現(xiàn)變得更加直觀簡便。
dreamweaver的主要特點：
最佳的制作效率
dreamweaver可以用最快速的方式將fireworks，freehand，或photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。dremweaver能與您喜愛的設(shè)計工具，如playback flash，shockwave和外掛模組等搭配，不需離開dremweaver便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使dreamweaver自動開啟firework或photoshop來進行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計，更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，dreamweaver會自動更新所有鏈接。使用支援文字，html碼，html屬性標簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。
無可比擬的控制能力
dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver支援精準定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。
所供即所得
dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強的支援能力給third-party廠商，包含asp， apache，broadvision， cold fusion，icat， tango與自行發(fā)展的應(yīng)用軟體。當您正使用dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。
夢幻樣版和xml
dreamweaver將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出xml內(nèi)容。
全方位的呈現(xiàn)
利用dreamweaver設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱門瀏覽器上。對于cascading style sheets的動態(tài)html支援和鼠標換圖效果，聲音和動畫的dhtml效果資料庫可在netscape和microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當有新的瀏覽器上市時，只要從dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報告。
2.photoshop:adobe photoshop 在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡便。他不僅提供強大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機等設(shè)備中采集圖像，并對他們進行編輯、修復(fù)、以及調(diào)整效果，同時可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。photoshop中的高級繪圖工具，可自動生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時保留色調(diào)和紋理圖層。photoshop的強大工具可以使操作者不管制作任何圖像都游刃有余。對于設(shè)計網(wǎng)頁，photoshop是不可或缺的工具，是強大的圖片處理工具。
3.flashmx: macromedia公司出品的flash是制作網(wǎng)頁動畫的利器。嚴格來說， f1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁編輯工具。f1ash是制作動感網(wǎng)頁的權(quán)威。對于使用者來說，只需很短時間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁動畫。可以讓制作者隨心所欲地實現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強大交互性的網(wǎng)頁動畫。
flash是一種繪制矢量圖形和創(chuàng)作互動多媒體動畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當復(fù)雜的對象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。flash創(chuàng)建的動畫集可以插入到html文檔中，也可以單獨制作網(wǎng)頁。使網(wǎng)頁的效果更加完美。
八 網(wǎng)頁制作的優(yōu)缺點
比較明確，風(fēng)格統(tǒng)一。并運用了一些其它的設(shè)計軟件加以輔助設(shè)計。使網(wǎng)頁更加具有動感，形式豐富。就內(nèi)容而言，比較豐富。大量運用了圖片，并進行了文字說明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁制作，做出的效果還是有些稚嫩的，需要以后不斷的實踐。
Flash文件可以邊下載邊播放，F(xiàn)lash適合制作網(wǎng)絡(luò)傳輸?shù)木W(wǎng)頁動畫。Flash的動態(tài)網(wǎng)站制作的特點是體積小，可邊下載邊播放，這樣就避免了用戶長時間的等待。只需安裝插件即可。Flash動態(tài)網(wǎng)頁提供的Shoc喻avcFlash插件很小，小于170KB。由于用戶對網(wǎng)絡(luò)帶寬的要求不斷提高，用戶希望瀏覽速度的不斷提高，F(xiàn)lash動態(tài)網(wǎng)頁優(yōu)勢明顯，主要表現(xiàn)為:①及時性:文件使用的是矢量圖技術(shù)，具備文件小、速度傳輸快、采用流式技術(shù)播放的特點，動畫文件是邊下載邊播放，如果速度控制得好，就感覺不到下載文件的過程。即使是在網(wǎng)絡(luò)狀況較差的時候也不需要長時間等待。②增加網(wǎng)站吸引力:Flash網(wǎng)站其視聽沖擊力會讓我們有眼前一亮的感覺，動畫+聲音的模式讓你同時得到視覺和聽覺的享受，在瀏覽者中留下了很深的印象。③互動性:沒有人喜歡一個死氣沉沉的網(wǎng)站，F(xiàn)lash網(wǎng)站有其強大的互動性是最明顯的優(yōu)勢，網(wǎng)站里穿插Flash短片，F(xiàn)lashMV、Flash按鈕、Flash導(dǎo)航、Flash圖標等元素，這一切滿足了瀏覽者對網(wǎng)站的更高要求，以豐富的互動性實現(xiàn)了強烈的視聽享受。④壓縮技術(shù):Flash記錄的只是控制動作和關(guān)鍵幀，生成的比較小巧的播放文件(*.sw勻，用Flash制作的動畫、文件是矢量的，無論把它放大多少倍的狀態(tài)下都不會失真。
設(shè)計Flash動態(tài)網(wǎng)站的過程
1.網(wǎng)頁的形式與設(shè)計
①網(wǎng)頁版式設(shè)計及風(fēng)格，動態(tài)網(wǎng)頁往往包含很大的信息量。Ffash動態(tài)網(wǎng)頁的超鏈接特征，使它有無限擴展的空間。Flash動態(tài)網(wǎng)頁上是一個假想的三維空間，它是由多個具體的二維平面空間組成。二維的平面空間即是網(wǎng)頁。網(wǎng)頁是借助各個構(gòu)成元素的位置關(guān)系、比例關(guān)系以及動靜變化等空間因素表現(xiàn)出來的。各個元素的形象的色彩變化、大小變化、彎曲變化、紋理的變化、能豐富平面的視覺深度，使之產(chǎn)生的空間效果富有彈性層次。瀏覽者在視覺感受空間設(shè)計的同時，也會產(chǎn)生不同的心理感受。②導(dǎo)航菜單設(shè)計，F(xiàn)lash動態(tài)網(wǎng)頁瀏覽的基礎(chǔ)是導(dǎo)航菜單設(shè)計。導(dǎo)航菜單設(shè)計的簡潔、有效，可以使瀏覽者迅速找到所需要的信息。設(shè)計導(dǎo)航菜單還要注意簡潔，易用。③色彩設(shè)計，F(xiàn)lash動態(tài)網(wǎng)頁色彩搭配既是一項技術(shù)性也是藝術(shù)性工作，因此，設(shè)計者還要遵循相應(yīng)的藝術(shù)規(guī)律，才能設(shè)計出性格獨特、色彩鮮明的網(wǎng)站。一個頁面的色彩設(shè)計盡量不要超過4種色彩，用太多的色彩讓人沒有側(cè)重，沒有方向，會顯得雜亂無章。
2.FlashAetionseript腳本
Actionscrlpt是Flash的腳本語言，是Flash內(nèi)置的編程語言，是從好幾種程序語言中深化而來的。可以實現(xiàn)各種動畫特效，對影片的良好控制，強大的人機交互及與網(wǎng)絡(luò)服務(wù)器的交互功能，在Flash的應(yīng)用程序和內(nèi)容中體現(xiàn)數(shù)據(jù)處理、強大交互性等功能。FlashAction己經(jīng)成為設(shè)計輔助重要的手段，實時計算都是由Action來完成很多意想不到的動態(tài)效果，F(xiàn)lashAction的靈活運用會使動態(tài)網(wǎng)站設(shè)計達到一定高度層次。ActiollscriPt使用英文單詞和元件提供了一種為Flash影片設(shè)置指令的方法。用戶可以用鼠標或鍵盤與動畫實現(xiàn)交互功能。單擊動畫中的按鈕，跳轉(zhuǎn)繼續(xù)播放動畫的其他部分;可以在輸入信息到表單中等等。使用ActionscriPt可以擴展Flash創(chuàng)作動態(tài)網(wǎng)站的能力。
作者：侯素紅單位：石家莊理工職業(yè)學(xué)院
尊敬的各位領(lǐng)導(dǎo)，各位評委大家好:
首先感謝大家給我這個機會來這里參加競聘，我叫，我競聘的崗位是網(wǎng)頁設(shè)計員。
年大學(xué)一畢業(yè)我就進入新華社從事新華網(wǎng)福建頻道的網(wǎng)頁設(shè)計制作，技術(shù)支持，網(wǎng)絡(luò)維護工作工作，至今已整整5年了?；厥淄?，慶幸自己在新華社福建分社新聞信息中心這個溫暖的集體里，各級領(lǐng)導(dǎo)熱心的指導(dǎo)下，各位同仁積極的支持下，在過去的5年中，得到了學(xué)習(xí)，成長，鍛煉的機會，很好地完成了自己的崗位職責(zé)。
對于競聘網(wǎng)頁設(shè)計員的崗位，我用六個字來概括我競聘這個崗位的優(yōu)勢與認識，那就是"誠心，成長，誠意"。
一，首先是"誠心"
本人本著誠摯踏實的心態(tài)，認真負責(zé)的對待工作，在過往的工作中較好的完成本職工作并履行崗位職責(zé)。
1，參與福建頻道改版工作，完善頻道內(nèi)容建設(shè)，執(zhí)行網(wǎng)站日常維護工作。
年至今新華網(wǎng)福建頻道進行了五次全面改版，那幕和同仁并肩點燈的情景歷歷在目。但回首:除對頻道首頁面進行數(shù)次修改外，通過一次次的改版新華網(wǎng)福建頻道的內(nèi)容日見豐富，各個子欄目也日益完善，不但原有傳統(tǒng)子欄目，如經(jīng)濟，旅游等的頁面得到改進，還設(shè)計制作了多個新增子欄目的網(wǎng)頁，如房產(chǎn)，名牌，誠信，體育，稅收，統(tǒng)戰(zhàn)等。在完成頻道改版任務(wù)之外還在日常工作中，我隨時根據(jù)頻道內(nèi)容建設(shè)需要添加或修改網(wǎng)頁，完善頻道內(nèi)容，做好網(wǎng)站的日常維護工作。
2，建設(shè)網(wǎng)群用戶網(wǎng)站與各市縣區(qū)在線網(wǎng)站，根據(jù)要求制作網(wǎng)站應(yīng)用系統(tǒng)
在過往的工作中，網(wǎng)群用戶的網(wǎng)站建設(shè)也是工作中的重點。年來本人設(shè)計制作了多家網(wǎng)群用戶網(wǎng)站，計有漳州新聞網(wǎng)，福建省委統(tǒng)戰(zhàn)部網(wǎng)站，莆田國土資源局網(wǎng)站，寧德蕉城在線，福建體壇網(wǎng)，福建體育彩票網(wǎng)，福建體育商情網(wǎng)，福建國稅之窗等；以及各市縣區(qū)在線網(wǎng)站，如莆田在線，南安在線，豐澤在線等。在網(wǎng)站建設(shè)中我不斷推陳出新，網(wǎng)頁設(shè)計簡潔大方，清新流暢，獲得了用戶的認同；我還設(shè)計制作了這些網(wǎng)站的后臺管理應(yīng)用系統(tǒng)，并根據(jù)用戶的需要為其制作了專門的應(yīng)用系統(tǒng)，如福建省委統(tǒng)戰(zhàn)部網(wǎng)站的各地市統(tǒng)戰(zhàn)單位信息上報系統(tǒng)，寧德蕉城在線的新聞評論系統(tǒng)，福建體育彩票網(wǎng)的開獎查詢系統(tǒng)，福建體育商情網(wǎng)的供求信息系統(tǒng)等，完善了這些網(wǎng)站的功能，豐富了網(wǎng)站的內(nèi)容。
3，制作專題與直播報道網(wǎng)站，參與網(wǎng)上現(xiàn)場直播活動
年以來福建頻道重點開展了專題報道與網(wǎng)上現(xiàn)場直播網(wǎng)站的建設(shè)，這兩項業(yè)務(wù)的網(wǎng)頁設(shè)計工作也主要由我負責(zé)；到此共設(shè)計制作了包括福建預(yù)防禽流感，構(gòu)建海峽西岸經(jīng)濟區(qū)專題，好戰(zhàn)士鄭忠華專題，百年小平八閩追憶，舍已救人好戰(zhàn)士鄭忠華專題報道，八閩防抗第5號強臺風(fēng)"海棠"，紅土地上紅支書學(xué)習(xí)張仁和專題報道，首屆海峽兩岸圖書交易會，福建人民紀念抗戰(zhàn)勝利60周年，八閩健兒征戰(zhàn)十運會等數(shù)十個專題報道網(wǎng)站；還成功設(shè)計了涵江區(qū)首屆文化藝術(shù)節(jié)暨經(jīng)貿(mào)洽談會，紀念長征70周年走進寧化蘇區(qū)，海峽兩岸名牌大學(xué)校長論壇，第屆漳州花博會暨農(nóng)洽會，第九屆中國國際投資貿(mào)易洽談會等網(wǎng)上現(xiàn)場直播網(wǎng)站，并參加了各次的網(wǎng)上現(xiàn)場直播活動，為直播提供良好的技術(shù)支持，保證了直播的順利完成，并在現(xiàn)場直播活動中與同事配合，成功應(yīng)用了網(wǎng)絡(luò)現(xiàn)場音頻視頻直播，豐富了直播的內(nèi)容，使現(xiàn)場直播活動達到了更好的效果。
4，配合營銷人員開展業(yè)務(wù)
作為技術(shù)人員，在工作中還積極配合營銷人員開展業(yè)務(wù)，對他們在業(yè)務(wù)開展中遇到的相關(guān)問題幫助解答，應(yīng)對客戶的咨詢問題；對已經(jīng)簽下的合同，根據(jù)合同內(nèi)容要求及時制作完成，很好的配合了中心業(yè)務(wù)的開展。
5，保障中心的上網(wǎng)線路暢通與各部門的電腦正常運行，對網(wǎng)絡(luò)服務(wù)器進行的日常維護
定期對中心的網(wǎng)絡(luò)線路與電腦進行保養(yǎng)維護，及時升級殺毒軟件，查殺病毒；對出現(xiàn)故障的電腦與線路，當天排除故障，保證同事們的工作不受影響。對于應(yīng)用于網(wǎng)絡(luò)業(yè)務(wù)的服務(wù)器，也定期對其進行日常的系統(tǒng)維護，及時添加系統(tǒng)補丁，進行系統(tǒng)優(yōu)化，保證安全，防范攻擊，使服務(wù)器能夠正常運行。
20世紀40年代科學(xué)字發(fā)明了計算機之后，人們的工作效率大大提高，但是單個計算機能夠存儲和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計算機連接起來。
網(wǎng)頁制作的心得體會----網(wǎng)頁制作論文摘要通過這次個人網(wǎng)頁的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網(wǎng)上的第一個作品，那種成就感是無法用語言形容的。所以我覺得這次制作網(wǎng)頁我已經(jīng)達到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個完全關(guān)于自己的個人網(wǎng)頁，既然是介紹自己，就應(yīng)該讓觀者在瀏覽了之后了解自己其人
關(guān)鍵字頁面設(shè)計ASP和數(shù)據(jù)庫
1.一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網(wǎng)頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。
2.題材最好是你自己擅長或者喜愛的內(nèi)容。比如：您對詩歌感興趣，可以放置自己的詩詞;對足球感興趣，可以報道最新的球場戰(zhàn)況等等。這樣在制作時，才不會覺得無聊或者力不從心。
3.不要太濫或者目標太高。“太濫”是指到處可見，人人都有的題材;“目標太高”是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點，你要超過它是很困難的。
選定了一個好的題材，是不是可以立刻動手制作了?不，經(jīng)驗告訴我們，必須要先規(guī)劃框架。這是很重要的一步!每個網(wǎng)站都是一項龐大的工程。好比造高樓，沒有設(shè)計圖紙，規(guī)劃好結(jié)構(gòu)，盲目的建造，結(jié)果往往是倒塌;也好比寫文章，構(gòu)思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規(guī)劃架構(gòu)好自己網(wǎng)站，不要急于求成。
規(guī)劃一個網(wǎng)站，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其當你要制作一個很大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，十分累人，也十分費錢。
大綱列出來后，你還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。
一、構(gòu)建突出職業(yè)素養(yǎng)的教學(xué)評價體系
1、基礎(chǔ)評價
基礎(chǔ)評價是指該課程是否應(yīng)該開設(shè)，以及開設(shè)該課程的目標?；A(chǔ)評價主要是通過訪談相關(guān)專業(yè)教師，調(diào)研行業(yè)、企業(yè)專家，學(xué)生，并且通過對兄弟院校的人才培養(yǎng)方案、課程表轉(zhuǎn)、教學(xué)計劃、任務(wù)等的查閱來確定是否開設(shè)該課程，以及該課程適合于哪些學(xué)生，該課程在整個的課程體系中處于什么位置，該課程所對應(yīng)的崗位，該課程所選取的項目是否合理、是否能過突出學(xué)生的職業(yè)技能等等。
2、教學(xué)環(huán)境的評價
教學(xué)環(huán)境的評價是指對課程實施過程中的教學(xué)用具、設(shè)備，師資隊伍，教學(xué)計劃，教案，課件，教材等教學(xué)的資源情況所作的評價。從課程教學(xué)設(shè)備方面評價，重點在開設(shè)該課程的教學(xué)設(shè)備是否具備，例如教學(xué)實訓(xùn)室，校外實訓(xùn)中心，投影，計算機等其他教學(xué)設(shè)備；從課程教學(xué)方面評價，重點在該課程的教學(xué)方案是否完整，師資是否符合實際要求，例如，課程整體設(shè)計、單元設(shè)計、考核方案、教案、教材、學(xué)習(xí)資料、課程網(wǎng)站等是否完整；課程的教學(xué)團隊是否有企業(yè)人員的融入，是否有企業(yè)的生產(chǎn)經(jīng)歷，是否是雙師等等。
3、教學(xué)過程的評價
教學(xué)過程的評價是指通過學(xué)生評價、教師評價、行內(nèi)企業(yè)評價、專家評價等多元化的評價方式對整個教學(xué)的過程進行評價。重點包括教學(xué)計劃的執(zhí)行情況，教學(xué)方法是否突出也職業(yè)素養(yǎng)，教學(xué)環(huán)境是否滿足實際的需要。
4、教學(xué)成果的評價
教學(xué)成果的評價是指對學(xué)生取得成果的評價，即對學(xué)生的評價。重點是通過學(xué)生間的互評、教師對學(xué)生的評價，企業(yè)人員對學(xué)生的評價，學(xué)生自身的評價四大方面，并且評價也不只是單一的“一錘定音”，在學(xué)期末通過傳統(tǒng)的知識考試進行的評價。（1）網(wǎng)站制作課程教學(xué)成果評價方案設(shè)計為突出學(xué)生職業(yè)素養(yǎng)培養(yǎng)這一核心問題，我課題組設(shè)計了網(wǎng)站制作課程的教學(xué)成果評價方案，該方案分為過程考核評價和結(jié)果考核評價。把過程考核評價分成了在教學(xué)過程中的階段性的小教學(xué)項目的考核，主要評價學(xué)生對知識點和技能點的掌握情況，把結(jié)果考核評價分成了課上教學(xué)產(chǎn)品、課下教學(xué)產(chǎn)品的考核，這兩項的考核評價方式要求學(xué)生利用ppt匯報，另外，學(xué)生可以通過參與學(xué)院及企業(yè)的實際項目來加分，結(jié)果考核評價主要評價學(xué)生的團隊合作能力、職業(yè)道德等職業(yè)素養(yǎng)。各部分具體權(quán)重：過程評價中評價內(nèi)容為教學(xué)項目1———教學(xué)項目4的評價，占總分30%，培養(yǎng)學(xué)生的職業(yè)素養(yǎng)包括：語法的記憶、設(shè)計員基本素質(zhì)、網(wǎng)站設(shè)計的步驟，評價過程采用獨立上機操作和小組匯報的形式。結(jié)果性評價中評價內(nèi)容為課上及課下教學(xué)項目的評價，占總分的70%，培養(yǎng)學(xué)生的職業(yè)素養(yǎng)包括：產(chǎn)品需求分析能力、產(chǎn)品合作開發(fā)能力、獨立制作能力，產(chǎn)品展示能力，評價過程采用ppt匯報的形式。（2）網(wǎng)站制作課程教學(xué)成果評價方案實施在過程考核評價中對每個教學(xué)項目考核評價結(jié)束后都要給學(xué)生進行及時的反饋，使學(xué)生了解自身的不足，切不可都課程結(jié)束時再反饋給學(xué)生，評價的目的是要使學(xué)生不斷的進步而不是單純的考試成績。對結(jié)果考核評價中涉及的課下教學(xué)產(chǎn)品，我們要鼓勵學(xué)生小組合作完成，并引導(dǎo)學(xué)生遵循企業(yè)實際的工作流程，教師要給予咨詢、輔導(dǎo)及服務(wù)。課程結(jié)束后教師要按照各部分的權(quán)重給出成績，成績一律采用五級制，即優(yōu)秀、良好、中、及格、不及格來對學(xué)生做出綜合且公正的評價。
二、研究成果分析
為了驗證突出職業(yè)素養(yǎng)的《網(wǎng)站制作》課程教學(xué)評價體系對學(xué)生的制作網(wǎng)站綜合能力的促進作用以及職業(yè)素養(yǎng)的提高。我課題組成員對我系實踐班的學(xué)生、行內(nèi)專家、企業(yè)人員進行了座談及問卷調(diào)查。結(jié)果表明，有90%的同學(xué)認為新的課程教學(xué)評價體系對掌握各方面的技能有幫助，也充分調(diào)動了他們的學(xué)習(xí)興趣及自主學(xué)習(xí)能力。有85%的行內(nèi)專家及企業(yè)人員認為新的課程教學(xué)評價體系能夠極大地突出學(xué)生的職業(yè)素養(yǎng)，符合企業(yè)用人的需要。
三、總結(jié)
高職教育不是單一的把學(xué)生培養(yǎng)成為具備專業(yè)知識的技術(shù)人員，而是要將其培養(yǎng)成不僅要具備某一領(lǐng)域的技術(shù)，而且能可持續(xù)發(fā)展的高素質(zhì)的技能型人才。因此，推進突出職業(yè)素養(yǎng)培養(yǎng)的課程評價體系的改革已經(jīng)成為高職教學(xué)改革的核心問題。今后的研究，我們要進一步完善《網(wǎng)站制作》課程教學(xué)評價體系的方案及實施過程，使學(xué)生與企業(yè)零距離，進而提高網(wǎng)站制作方向的就業(yè)率。
作者：孫曉娟 單位：遼寧林業(yè)職業(yè)技術(shù)學(xué)院
自從互聯(lián)網(wǎng)進入商業(yè)應(yīng)用以后，人們對互聯(lián)網(wǎng)的依賴程度逐漸增強，網(wǎng)民數(shù)量逐年穩(wěn)步上升。在眾多的網(wǎng)絡(luò)行為中，電子商務(wù)應(yīng)用占據(jù)了很大部分。CNNI《C第29次中國互聯(lián)網(wǎng)絡(luò)發(fā)展狀況統(tǒng)計報告》中的最新數(shù)據(jù)顯示：截至2011年12月底，中國網(wǎng)民數(shù)量達到5.13億，全年新增網(wǎng)民5580萬人。讓眾多網(wǎng)民們在互聯(lián)網(wǎng)上流連忘返的一個重要去處就是——網(wǎng)站。同樣的，中國網(wǎng)站的數(shù)量也與日俱增，2011年12月底達到了230萬個。這個數(shù)字似乎顯示了網(wǎng)站欣欣向榮的局面，然而令人遺憾的是，CNNIC數(shù)據(jù)顯示，中國網(wǎng)站的使用率卻非常低，其中近八成網(wǎng)站幾乎處于閑置狀態(tài)。
1電子商務(wù)網(wǎng)站重構(gòu)策
1.1電子商務(wù)網(wǎng)站重構(gòu)策劃
網(wǎng)站的瀏覽量及使用率過低便滋生了另一個行業(yè)，那就是企業(yè)對網(wǎng)絡(luò)營銷的重視和利用，在注重網(wǎng)站內(nèi)容提高的同時，大多數(shù)企業(yè)加大網(wǎng)絡(luò)營銷的推廣力度，不惜砸以重金采用名目繁多的網(wǎng)絡(luò)推廣手段。這樣有可能網(wǎng)站排名和網(wǎng)站訪問量都不錯，但是卻沒有有效的轉(zhuǎn)化率、回報率，這時就應(yīng)該思考網(wǎng)站自身的原因。所以，網(wǎng)站重構(gòu)及網(wǎng)站重構(gòu)策劃日益得到相關(guān)人士的重視。電子商務(wù)網(wǎng)站重構(gòu)策劃，屬于電子商務(wù)的一個部分，是網(wǎng)絡(luò)營銷策劃中的一個方面，是網(wǎng)站策劃人員的工作范圍之一。由于網(wǎng)站工作內(nèi)容不斷細分，用戶對網(wǎng)站專業(yè)化程度、網(wǎng)站易用性等要求不斷提高，因而誕生的一個工作類別。網(wǎng)站重構(gòu)策劃歸根到底就是網(wǎng)站架構(gòu)的梳理、優(yōu)化、整合與框架布局的重新搭建，應(yīng)該說，網(wǎng)站重構(gòu)屬于一種理念。這里我們思考“以用戶體驗為中心”的設(shè)計理念來重構(gòu)網(wǎng)站，從電子商務(wù)應(yīng)用的角度，它包括網(wǎng)站目標定位、網(wǎng)站用戶訪談、網(wǎng)站的結(jié)構(gòu)梳理、用戶體驗流程設(shè)計、網(wǎng)站框架設(shè)計、網(wǎng)站交互設(shè)計等內(nèi)容。
1.2電子商務(wù)網(wǎng)站重構(gòu)策劃的原因
分析網(wǎng)站重構(gòu)的原因可以從三方面來考慮：
(1)企業(yè)原因。網(wǎng)站比比皆是，也許網(wǎng)站的點擊率很高，網(wǎng)站排名也靠前，但是企業(yè)網(wǎng)站的收益不理想，也是企業(yè)投資所得到的回報率(ROI)不理想。衡量企業(yè)投資收益的度量標準最常用的是“轉(zhuǎn)化率”，通過跟蹤用戶在網(wǎng)站瀏覽的過程中有多少被“轉(zhuǎn)化”到了下一個步驟，就可以衡量網(wǎng)站達到企業(yè)“商業(yè)目的”的效率有多高，通常需要重構(gòu)的網(wǎng)站在這方面是不盡人意的。所以通過網(wǎng)站重構(gòu)，不僅可以提高用戶訪問的有效性，還可以降低企業(yè)成本。
(2)用戶原因。用戶訪問網(wǎng)站，是希望網(wǎng)站能夠給自己帶來效率，“以用戶體驗為中心”的設(shè)計理念就是站在用戶的角度，考慮網(wǎng)站訪問的可用性和方便性，從而能主動地訪問網(wǎng)站，這直接帶來網(wǎng)站訪問量和企業(yè)的網(wǎng)站收益。
(3)網(wǎng)站自身原因。在研究網(wǎng)站的過程中，發(fā)現(xiàn)網(wǎng)站自身也存在許多隱患因素，常見的因素是由下列構(gòu)成的：
①網(wǎng)站程序安全性不高。
②網(wǎng)站結(jié)構(gòu)不系統(tǒng)。
③網(wǎng)站不符合W3C等國家通行標準。
④網(wǎng)站可擴展性差。
⑤網(wǎng)站色彩豐富，但欄目布局雜亂。
在網(wǎng)站重構(gòu)策劃中，考慮了這三方面的因素才能使得網(wǎng)站的“存活”的更久。
2“以用戶為中心”的網(wǎng)站設(shè)計理念
2.1“以用戶為中心”的設(shè)計理念
“以用戶為中心”的設(shè)計是一門高度綜合的交叉學(xué)科。要求必須具備認知科學(xué)知識，才能構(gòu)想適當?shù)木W(wǎng)站界面和用法；要具備營銷知識才能對網(wǎng)站的整體市場策略和定位進行深入思考；要善于與客戶(即用戶)交流溝通才能洞悉客戶在網(wǎng)站上的真實動機；要有戰(zhàn)略的思維才能對網(wǎng)站的整體架構(gòu)和布局作出有正見的決策；要有美圖設(shè)計的眼光才能使得網(wǎng)站排版賞心悅目；當然還要能夠編程用戶體驗(UserExperience，簡稱UE)是指“人們對于針對使用或期望使用的產(chǎn)品、系統(tǒng)或者服務(wù)的認知印象和回應(yīng)?！币虼?，用戶體驗是一種純主觀的、在用戶使用一個產(chǎn)品(服務(wù))的過程中建立起來的心理感受。又因為它是純主觀的，所以帶有一定的不確定因素。因而個體差異也就決定了每個用戶的真實體驗是無法通過其他途徑來完全模擬或再現(xiàn)的。不過設(shè)計者可以界定一個明確的用戶群體，這些用戶體驗的共性是能夠經(jīng)由良好設(shè)計的實驗來認識到?！耙杂脩魹橹行牡脑O(shè)計方法(UCD)”是AJAX之父的JesseJamesGarrett提出來的。用UCD來進行網(wǎng)站設(shè)計關(guān)注的是網(wǎng)站的思路而不是工具或技術(shù)。他灌輸了關(guān)于“網(wǎng)站用戶體驗開發(fā)的總體概念”，即從戰(zhàn)略和信息架構(gòu)需求到視覺設(shè)計。這種方法有助于任何一個網(wǎng)站開發(fā)團隊去創(chuàng)建一個成功的用戶體驗。
2.2“以用戶為中心”的五個要素及網(wǎng)站設(shè)計思路
用戶體驗的整個流程開發(fā)，要考慮到用戶有可能采取的每個行動的每種可能，并且站在用戶的角度去理解整個過程的每個步驟的期望值。因此，可以把設(shè)計用戶體驗的工作分解成五個要素。將用戶在網(wǎng)站中的瀏覽過程看作是用戶對整個網(wǎng)站的體驗，將這個過程自下而上地設(shè)計成五個層面：戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。見圖1所示。在最低的戰(zhàn)略層只關(guān)心網(wǎng)站如何滿足我們的戰(zhàn)略(同時也滿足用戶的需求)，在最高的表現(xiàn)層只關(guān)心網(wǎng)站所呈現(xiàn)的最具體的細節(jié)，這樣，隨著層面的上升，網(wǎng)站的決策就一點點地變得具體，并關(guān)系到越來越精細的細節(jié)中，同時，每個層面都是根據(jù)它下面的層面來決定的。所以，表現(xiàn)層由框架層來決定，框架層則建立在結(jié)構(gòu)層的基礎(chǔ)上，結(jié)構(gòu)層的設(shè)計基于范圍層，范圍層則是根據(jù)戰(zhàn)略層來制定的。這種依賴性具有“連鎖反應(yīng)”，層層制約，共同保障著整體網(wǎng)站建設(shè)的進程和質(zhì)量。
(1)戰(zhàn)略層。戰(zhàn)略層關(guān)注用戶的需求，也就是用戶希望從網(wǎng)站上得到什么，這對應(yīng)的就是企業(yè)的網(wǎng)站目標和用戶需求。明確這些因素就知道：企業(yè)為什么建這個網(wǎng)站；企業(yè)要從這個網(wǎng)站上得到什么；用戶要從這個網(wǎng)站上得到什么。
(2)范圍層。進入范圍層，網(wǎng)站建設(shè)關(guān)注網(wǎng)站的內(nèi)容需求和功能，要弄清楚如何去滿足戰(zhàn)略目標，也如何滿足用戶需求，即網(wǎng)站要建設(shè)什么。用戶的需求會有優(yōu)先級別之分，需要站在用戶的立場，采用一些方法去收集需求和確定需求優(yōu)先級。
(3)結(jié)構(gòu)層。戰(zhàn)略層的決策和范圍層都有些抽象，進入結(jié)構(gòu)層，要轉(zhuǎn)移到用戶體驗的具體因素，實質(zhì)是范圍層的內(nèi)容建設(shè)的具體化。通過對用戶需求的優(yōu)先排序，綜合多個學(xué)科內(nèi)容，用戶交互設(shè)計和信息架構(gòu)來構(gòu)建用戶體驗。
(4)框架層。充滿概念的結(jié)構(gòu)層中開始形成了大量的需求(這些需求來自戰(zhàn)略目標的需求)，在框架層，需要更進一步提煉這些結(jié)構(gòu)，確定很詳細的界面外觀、導(dǎo)航和信息設(shè)計，這樣能使晦澀的結(jié)構(gòu)變得更直觀實在，逐步將下層的抽象過渡到了具體。
(5)表現(xiàn)層。五層模型的頂端，實質(zhì)就是用戶會首先注意到的：視覺設(shè)計。在表現(xiàn)層，內(nèi)容、功能和美學(xué)匯集到一起產(chǎn)生出網(wǎng)站的最終設(shè)計，這就是最終的網(wǎng)站設(shè)計效果。表現(xiàn)層將滿足其他四個層面的所有目標。
3電子商務(wù)網(wǎng)站重構(gòu)策劃的核心及內(nèi)容
3.1電子商務(wù)網(wǎng)站重構(gòu)策劃的核心
以“用戶為中心”的設(shè)計理念去重構(gòu)電子商務(wù)網(wǎng)站，策劃的核心內(nèi)容是：從用戶需求層、管理戰(zhàn)略層、編輯運營層對電子商務(wù)網(wǎng)站進行重新詮釋、并定位包裝，使網(wǎng)站在既有基礎(chǔ)之上，更滿足用戶的使用需求、更符合管理層的戰(zhàn)略定位、更便于運營人員的編輯使用。
3.2網(wǎng)站重構(gòu)的內(nèi)容
用UCD進行網(wǎng)站重構(gòu)，需要站在用戶的角度，按照UCD五要素從下至上進行分析和構(gòu)建。首先進行網(wǎng)站目標的定位，從戰(zhàn)略高度確定網(wǎng)站目標；為了實現(xiàn)網(wǎng)站目標，進行網(wǎng)站用戶訪談，分析得出用戶的需求；將用戶需求進行優(yōu)先級別排序后，梳理網(wǎng)站的結(jié)構(gòu)；進行網(wǎng)站框架設(shè)計，進一步提煉滿足用戶需求的結(jié)構(gòu)層次，用詳細的界面外觀、導(dǎo)航設(shè)計和信息設(shè)計等詮釋網(wǎng)站的內(nèi)容；最后，考慮到用戶的感官活動，通過視覺設(shè)計和網(wǎng)站交互設(shè)計，將網(wǎng)站的內(nèi)容、功能、和美學(xué)高度融合在一起，最后是一氣呵成，整體網(wǎng)站展示在用戶眼前。
4電子商務(wù)網(wǎng)站重構(gòu)的策劃流程
根據(jù)UCD的思路，網(wǎng)站重構(gòu)策劃的流程如下：首先進行網(wǎng)站目標定位(戰(zhàn)略層設(shè)計，確定網(wǎng)站目標)——用戶訪談(范圍層設(shè)計，了解用戶需求及其優(yōu)先級別)——用戶體驗流程設(shè)計(結(jié)構(gòu)層設(shè)計，通過流程體驗確定用戶界面的友好)——網(wǎng)站框架設(shè)計(框架層設(shè)計，確定網(wǎng)站詳細的界面外觀、導(dǎo)航和信息設(shè)計)——網(wǎng)站交互設(shè)計/交互菜單(表現(xiàn)層設(shè)計，網(wǎng)站內(nèi)容、外觀和視覺元素融為一體)——網(wǎng)站策劃原型展示。
5電子商務(wù)網(wǎng)站重構(gòu)策劃過程中的注意事項
在電子商務(wù)網(wǎng)站的重構(gòu)策劃過程中，也需要注意以下事項：
(1)注意承前啟后。應(yīng)該盡量對原有的網(wǎng)站體系進行形式或內(nèi)容上的傳承，并在此基礎(chǔ)上發(fā)展、深化。
(2)標準化開發(fā)。網(wǎng)站開發(fā)時貼近最新技術(shù)形勢，使用標準化開發(fā)，從而可以促進多平臺模塊的互通，也強化了相互之間的溝通渠道。
(3)建立完整的用戶體驗流程，設(shè)計完善的交互菜單。
精品課程建設(shè)是高等學(xué)校本科教學(xué)質(zhì)量與教學(xué)改革工程的重要范疇，建設(shè)精品課程的目的是實現(xiàn)優(yōu)秀教學(xué)資源共享，精品課程網(wǎng)站是實現(xiàn)這一目的的重要平臺。我校醫(yī)學(xué)寄生蟲學(xué)在2001年就建成寄生蟲教研網(wǎng)站，為學(xué)生提供了幾代教師歷經(jīng)60年，在教學(xué)和科研工作中積累了豐富的教學(xué)資源。隨著教學(xué)改革的深入，現(xiàn)代教育技術(shù)水平的提高，我們在對醫(yī)學(xué)寄生蟲學(xué)精品課程建設(shè)的同時，不斷地加強對課程網(wǎng)站完善與更新，以求達到精品課程網(wǎng)站所具有的相應(yīng)標準規(guī)范，并在網(wǎng)站建設(shè)中充分展現(xiàn)出學(xué)科建設(shè)的鮮明特色。本文從課程網(wǎng)站制作的實踐中對優(yōu)質(zhì)精品課程網(wǎng)站的設(shè)計理念與建設(shè)內(nèi)容做出一些探討。
1設(shè)計原則
1．1明確以學(xué)生為服務(wù)主體
在精品課程的建設(shè)中，由于建設(shè)目的與主要使用者的區(qū)別，一門課程往往應(yīng)該建設(shè)兩個網(wǎng)站，即申報網(wǎng)站和課程網(wǎng)站。申報網(wǎng)站是以評審專家為主要使用者，而課程網(wǎng)站服務(wù)對象主要是學(xué)生(泛指所有學(xué)習(xí)者，以下同)，所以應(yīng)明確課程網(wǎng)站服務(wù)的主體是學(xué)生，這是課程網(wǎng)站設(shè)計原則之根本。在此原則下，切實地從學(xué)生的角度出發(fā)，從網(wǎng)站的設(shè)計到建設(shè)內(nèi)容盡可能地考慮滿足學(xué)生的需求，努力做到實現(xiàn)精品課程的高層次、大尺度的共享、交流、提高［1］。
1．2充分融入學(xué)科建設(shè)特色
在全國高等醫(yī)科院校眾多的寄生蟲學(xué)課程中，我們的醫(yī)學(xué)寄生蟲學(xué)精品課程建設(shè)具有“科研促教學(xué)、教學(xué)有創(chuàng)新”這一鮮明特色。通過一些模塊的設(shè)計，如“創(chuàng)新教育”、“學(xué)術(shù)動態(tài)”、“課外科研”等欄目，充分把本學(xué)科建設(shè)特色融入到課程網(wǎng)站建設(shè)中。這些具有學(xué)科建設(shè)特色的欄目是學(xué)生了解本學(xué)科創(chuàng)新教育內(nèi)容的窗口，同時展示了創(chuàng)新教育的實踐成果，激發(fā)了學(xué)生積極參與創(chuàng)新教育實踐的主動性。
1．3恰當運用制作技術(shù)手段我們的課程網(wǎng)站開發(fā)比較早，但隨著教學(xué)改革的深入和網(wǎng)站制作技術(shù)提高，為網(wǎng)站的完善與維護提出了新的要求，如圖、文、音、像并茂的教學(xué)資源;師生交互、動態(tài)網(wǎng)頁、時時更新的網(wǎng)絡(luò)功能等。我們運用不斷發(fā)展的現(xiàn)代網(wǎng)站制作技術(shù)與手段，實現(xiàn)了精品課程網(wǎng)站逐步“升級”。建設(shè)了由本學(xué)科教師可時時維護更新的網(wǎng)站管理后臺，制作、上傳各類使用簡捷、方便下載、網(wǎng)頁美觀的教學(xué)資源等。使各種技術(shù)為網(wǎng)絡(luò)化教育服務(wù)，把精神(教學(xué)理念、教學(xué)設(shè)計、教學(xué)方式)與物質(zhì)(教學(xué)內(nèi)容、教學(xué)資源)完美、實用地呈現(xiàn)在這個網(wǎng)絡(luò)平臺上。
2建設(shè)內(nèi)容
2．1網(wǎng)站的欄目根據(jù)課程網(wǎng)站建設(shè)的統(tǒng)一規(guī)范
標準和上述設(shè)計原則，醫(yī)學(xué)寄生蟲學(xué)課程網(wǎng)站設(shè)計為一級欄目、二級欄目及三級欄目。其中主要欄目結(jié)構(gòu)如圖1所示。
2．2首頁的設(shè)計
網(wǎng)站首頁設(shè)計的風(fēng)格、內(nèi)容體現(xiàn)著精品課程網(wǎng)站的整體風(fēng)格與內(nèi)涵，也應(yīng)該一目了然地表現(xiàn)出學(xué)科建設(shè)特色。
2．2．1網(wǎng)頁色調(diào)
網(wǎng)站的色調(diào)是網(wǎng)頁畫面的靈魂，對學(xué)習(xí)者有情緒影響和心理暗示的作用。醫(yī)學(xué)寄生蟲學(xué)網(wǎng)站的主色調(diào)是黃色，輔色調(diào)是紅、藍色。主色調(diào)和輔色調(diào)藝術(shù)性地和諧搭配，并巧妙地遵循了醫(yī)學(xué)生同時具有文理性質(zhì)的專業(yè)特點，滿足文理性質(zhì)對色調(diào)偏好［2］。再加上寄生蟲、顯微鏡、標本館等圖片對Logo的點綴，突出了學(xué)科內(nèi)容，引人注目。主要版面內(nèi)容是白底黑字，網(wǎng)站首頁的整體效果是清新、簡潔、明了。
2．2．2網(wǎng)頁內(nèi)容
內(nèi)容上選擇了能充分體現(xiàn)本學(xué)科“科研促教學(xué)，教學(xué)有創(chuàng)新”的欄目，如學(xué)術(shù)動態(tài)、成果專利等，通過“學(xué)術(shù)論文”、“推薦本科生閱讀”、“seminar時間安排表”這樣的直接鏈接，讓學(xué)生了解寄生蟲學(xué)的最新研究動態(tài)，選擇參加感興趣的學(xué)術(shù)活動。另外，通過課堂上對本科生的調(diào)查結(jié)果，把學(xué)生最感興趣、使用率最高的教學(xué)資源制作成快捷鍵，如教學(xué)課件、教授講堂、考試考核、課外科研、病例討論等，方便學(xué)生快速查找學(xué)習(xí)。最新公告和標本圖庫是首頁上的兩個動態(tài)版塊，大量、清晰的標本圖片和即時更新的學(xué)科公告，從內(nèi)容到形式科學(xué)地結(jié)合起來，既美觀了頁面，又實現(xiàn)了內(nèi)容展示。
2．3特色鮮明的建設(shè)內(nèi)容
2．3．1實踐教學(xué)
實踐教學(xué)是醫(yī)學(xué)寄生蟲學(xué)教學(xué)的重要組成部分，建設(shè)成一級欄目，包含了實驗大綱、實驗課多媒體課件這類常見的二級欄目。此外，還增加了實驗課堂錄像和實習(xí)基地欄目，實驗課堂是綜合性設(shè)計性實驗課的教學(xué)錄像，豐富了醫(yī)學(xué)寄生蟲學(xué)教學(xué)音像資源。實習(xí)基地主要內(nèi)容是教師指導(dǎo)預(yù)防醫(yī)學(xué)生畢業(yè)實習(xí)的實踐工作與成果，包括畢業(yè)生科研實習(xí)課題、論文等。實踐教學(xué)的內(nèi)容反映了我校在醫(yī)學(xué)寄生蟲學(xué)教學(xué)中充分重視實踐部分，并開拓了課堂內(nèi)外的實踐活動，取得了良好的效果。
2．3．2創(chuàng)新教育
創(chuàng)新教育欄目下有三個子欄目:即課外科研、創(chuàng)新基地、挑戰(zhàn)杯競賽。課外科研中主要介紹每學(xué)年開展的本科生課外科研課題，參與學(xué)生發(fā)表的論文、獲得的成果和獎項;軟硬件俱全的創(chuàng)新基地，為學(xué)生開展一系列的科研活動提供了有力的保障。堅持在“教與學(xué)中求創(chuàng)新”，取得了優(yōu)異的成績。學(xué)生從立項、實施到項目參評，完成了“科研思維、方法、操作”全面的培養(yǎng)與鍛煉。這個欄目讓“學(xué)有余力”的本科生了解創(chuàng)新教育的內(nèi)容，并激發(fā)學(xué)生積極參與的主動性。
2．3．3學(xué)術(shù)研究
這個欄目包括研究方向、承擔(dān)課題、論文專著、成果專利。主要介紹我們教學(xué)團隊在醫(yī)學(xué)寄生蟲學(xué)研究領(lǐng)域的工作與成績，同時反映出國內(nèi)外發(fā)展研究動態(tài)。這個內(nèi)容的建設(shè)，不僅提供給學(xué)生、教師大量的科研信息，也是初步培養(yǎng)學(xué)生科研興趣與志向的平臺。
2．4人性化的交互平臺
精品課程網(wǎng)站必須具備一個教師與學(xué)生之間的交互平臺，這是對在校生課堂教學(xué)的延伸和必要的補充，更為遠程學(xué)習(xí)者提供了直接交流的場所。我們以“師生互動”一級欄目，實現(xiàn)教師與學(xué)生、學(xué)生與學(xué)生之間教與學(xué)的交流。頁面設(shè)計簡潔方便，同時具有專業(yè)交流網(wǎng)站的流行元素(如頭像、表情)，符合使用者上網(wǎng)交流習(xí)慣?？茖W(xué)的后臺管理系統(tǒng)，可讓全體任課教師參與在線答疑，并能通過“審核機制”對互動內(nèi)容進行“監(jiān)督”，確保了網(wǎng)站內(nèi)容準確與健康。師生互動欄目整體設(shè)計人性化、易操作，大大提高了醫(yī)學(xué)寄生蟲學(xué)精品課程網(wǎng)絡(luò)教育的效果。
課程網(wǎng)站建設(shè)在精品課程建設(shè)中扮演著重要的角色。單純依靠技術(shù)人員制作不出優(yōu)秀的精品課程，只有學(xué)科教師和技術(shù)人員相配合，圍繞課程的教學(xué)活動進行設(shè)計和實施，以實用為導(dǎo)向，將先進教育理念與技術(shù)相結(jié)合，把信息技術(shù)滲透到精品課程建設(shè)的各個環(huán)節(jié)中，才能制作出優(yōu)秀的精品課程網(wǎng)站，為全國的高校教師和學(xué)生學(xué)習(xí)提供優(yōu)秀的教學(xué)資源，從而提高學(xué)生的信息素養(yǎng)和學(xué)習(xí)能力，達到全面提升我國高校教學(xué)質(zhì)量的目的。
隨著Web技術(shù)的發(fā)展，采用傳統(tǒng)營銷和網(wǎng)絡(luò)營銷相結(jié)合的方式已成為各類公司發(fā)展的必然選擇。在網(wǎng)絡(luò)營銷中比較有效的手段是建立一個適合自己公司規(guī)模的網(wǎng)站［1－2］。目前網(wǎng)站開發(fā)的主流平臺有LAMP(Linux操作系統(tǒng)、Apache網(wǎng)絡(luò)服務(wù)器、MySQL數(shù)據(jù)庫、PHP編程語言)，J2EE和“．Net”商業(yè)軟件。由于PHP、MYSQL具有免費、開源等多方面優(yōu)點，因此受到整個IT界的關(guān)注。從網(wǎng)站的流量來說，70%以上的訪問流量是LAMP來提供的，LAMP是最強大的網(wǎng)站解決方案［3］。
本文將結(jié)合一個職場咨詢網(wǎng)站———卓企網(wǎng)的開發(fā)過程，對基于PHP與MYSQL數(shù)據(jù)庫相結(jié)合的網(wǎng)站開發(fā)所涉及的開發(fā)環(huán)境，需求分析，功能模塊，數(shù)據(jù)庫操作與安全等進行分析與討論。
1開發(fā)環(huán)境分析
1．1開發(fā)語言的選擇
作為當今網(wǎng)站開發(fā)的3種主流語言:ASP．NET、PHP、JSP，它們存在的各自優(yōu)點與不足如表1所示［4－5］。本項目確定以PHP為開發(fā)的語言環(huán)境的原因:
1)免費。因為項目較小不適合采用付費的ASP．NET和JSP的開發(fā)平臺。
2)支持性強。中國現(xiàn)在很多中小型網(wǎng)站甚至一些大型網(wǎng)站，如百度、新浪等都加入了PHP的大家庭，從而能更簡單地解決開發(fā)過程中遇到的各種難題。
3)移植性好。盡管最初是被設(shè)計用于基于Linux的ApacheWeb服務(wù)器系統(tǒng)，但現(xiàn)在的PHP已經(jīng)被移植到了任何操作系統(tǒng)并兼容任何標準Web服務(wù)器軟件，即絕大部分的Web主機提供商都會支持PHP，因此根據(jù)需要更改主機將會非常方便。
4)語言簡單。由于PHP同C編程語言有很多相似之處，對于熟悉相關(guān)語法的開發(fā)人員來說，PHP則非常容易上手。
5)發(fā)展迅速。由于是開放源代碼產(chǎn)品，PHP將繼續(xù)快速發(fā)展，更為重要的是相關(guān)漏洞補丁將免費地定期植入到核心庫中。此外還有PHP實現(xiàn)對加密的支持以及對各種數(shù)據(jù)庫服務(wù)器的支持等。
1．2開發(fā)環(huán)境搭建
目前，基于PHP的開發(fā)平臺較多。一般開發(fā)人員喜歡LAMP的開發(fā)環(huán)境，有一定開發(fā)經(jīng)驗的人可以選擇相關(guān)的服務(wù)器、數(shù)據(jù)庫、數(shù)據(jù)庫管理軟件和操作系統(tǒng)來構(gòu)建自己的PHP開發(fā)平臺。為了便于開發(fā)人員更好地利用PHP來開發(fā)網(wǎng)站，市場上也出現(xiàn)了多種集成的PHP開發(fā)環(huán)境，如AMPS-erv，WAMP，XMAPP，AppServ，PHPStudy。目前主流的是ZendStudioPHP集成開發(fā)環(huán)境。ZendStudio包括了PHP開發(fā)所有必須的部件，通過一整套編輯、調(diào)試、分析、優(yōu)化和數(shù)據(jù)庫工具。ZendStudio縮短了開發(fā)周期，簡化了復(fù)雜的應(yīng)用方案，已經(jīng)成為目前最強大的PHP集成開發(fā)環(huán)境。ZendStudio的強大之處，除了一般編輯器所具有的代碼高亮、語法自動縮進、書簽功能外，其內(nèi)置的調(diào)試器可以支持本地和遠程(debugserv-er)2種調(diào)試模式，支持諸如跟蹤變量、單步運行、斷點、堆棧信息、函數(shù)調(diào)用、查看實時輸出等多種高級調(diào)試功能。另外，最新版(ZendStudio5．5．1)對中文的支持也是非常穩(wěn)定的［6］。
1．3環(huán)境搭建注意事項
對于對PHP開發(fā)環(huán)境不甚了解的開發(fā)人員建議不要自己搭配開發(fā)環(huán)境，各軟件的版本之間支持性不一樣有可能會造成版本沖突，而且復(fù)雜的配置問題也很難解決。此外在正式開發(fā)之前還應(yīng)注意如下問題。
1)PHP語言版本問題。開發(fā)前，必須確定要使用的版本和服務(wù)器所支持的版本是否一致?，F(xiàn)在主要存在2種版本:PHP4和PHP5。不同版本對SESSION、異常處理、函數(shù)、變量有效范圍和支持的數(shù)據(jù)類型等都有不同。前期若不注意這些問題會給后期的開發(fā)帶來很多不必要的麻煩與不安全。
2)服務(wù)器問題。Windows平臺上，用PHP寫的程序要求是部署在apache服務(wù)器上。如果部署在IIS上，可能由于IIS對PHP支持不是很好，經(jīng)常出現(xiàn)一些莫名其妙的問題。并且IIS使用中，有些設(shè)置必須要手工修改。比如上傳文件時，需要設(shè)置可寫權(quán)限，還要重新設(shè)置上傳文件大小，比較煩瑣。而使用apache服務(wù)器則不存在這些問題。
3)數(shù)據(jù)庫問題。PHP可以使用的數(shù)據(jù)庫管理系統(tǒng)有MySQL、ORACLE等。MySQL由于開源、免費、小巧、高效而受到開發(fā)人員一致的青睞。對于中、小型應(yīng)用系統(tǒng)，MySQL是一款非常理想的數(shù)據(jù)庫服務(wù)器軟件。除了支持標準的ANSISQL語句外，它還支持多種平臺。在Unix/Linux系統(tǒng)上，MySQL也支持多線程運行方式。和PHP、Apache一樣，MySQL也屬于開放源代碼軟件。MySQL對其提供權(quán)限訪問、建立、刪除等一系列支持，使之成為中小型PHP網(wǎng)站的首選。
2基于PHP語言的開發(fā)模型
PHP語言以其免費、開源等多方面優(yōu)點，逐步成為中小型企業(yè)網(wǎng)站開發(fā)語言的首選。具體開發(fā)步驟如下:
2．1需求分析
一個網(wǎng)站項目的確立是建立在各種各樣的需求上面的，這種需求往往來自于客戶的實際需求或者出于公司自身發(fā)展的需要，其中客戶的實際需求占了絕大部分。面對網(wǎng)站開發(fā)擁有不同知識層面的客戶，項目負責(zé)人對用戶需求的理解程度，在很大程度上決定了此類網(wǎng)站開發(fā)項目的成敗，因此，如何更好地的了解、分析、明確用戶需求，并且能夠準確、清晰以文檔的形式表達給參與項目開發(fā)的每個成員，保證開發(fā)過程按照滿足用戶需求為目的正確項目開發(fā)方向進行，是每個網(wǎng)站開發(fā)項目管理者需要面對的問題。除了基本的用戶需求分析要點(模塊、流程、帶寬、最大同時訪問量等)外，需求分析還需要注意以下問題:①需求分析來自項目接收方的負責(zé)人或由其確定或認可;②需求最好以文件方式確定下來;③與需求方進行深入有效的分析與討論，告知其需求的可行性和代價。
2．2功能模塊設(shè)計
根據(jù)需求得出的需求報告在與客戶進行討論之后得到的雙方都認可的確定稿之后，網(wǎng)站的開發(fā)人員根據(jù)高內(nèi)聚低耦合的思想結(jié)合相關(guān)的知識與經(jīng)驗結(jié)合成若干大模塊。
2．3數(shù)據(jù)庫設(shè)計與實施
包含需求分析、概念設(shè)計、邏輯設(shè)計、物理設(shè)計、系統(tǒng)實施、運行與維護等多個階段。在數(shù)據(jù)庫設(shè)計與實施的各個環(huán)節(jié)應(yīng)注意以下問題:網(wǎng)站數(shù)據(jù)庫是網(wǎng)站的核心，數(shù)據(jù)安全性至關(guān)重要。數(shù)據(jù)損壞、丟失、被非法復(fù)制都會引起很多不必要的麻煩，而且有時會帶來非常大的不良影響與損失，甚至觸犯他人的合法利益，且造成的錯誤很難恢復(fù)。MYSQL數(shù)據(jù)庫采取以下安全措施［7］:
1)賬戶安全。MySQL每一賬戶都由用戶名、密碼以及位置(一般由服務(wù)器名、IP或通配符)組成，其包括合理權(quán)限和安全檢查。合理權(quán)限的目的就是通過給不同類型的賬戶賦予不同的權(quán)限，給同一用戶不同數(shù)據(jù)庫或數(shù)據(jù)表以不同權(quán)限來實現(xiàn)在保證數(shù)據(jù)庫安全的前提下進行合理的授權(quán)。MySQL數(shù)據(jù)庫主要使用3種不同類型的安全檢查:登錄驗證、授權(quán)、訪問控制。
2)存儲數(shù)據(jù)加密［8］。在應(yīng)用程序的大量信息中，也許你只想對很小的一部分進行加密，如用戶的密碼等。這些密碼不應(yīng)該以明文的形式保存，它們應(yīng)該以加密的形式保存在數(shù)據(jù)庫中。一般情況下，大多數(shù)系統(tǒng)(這其中包括MySQL本身)都是使用哈希算法對敏感數(shù)據(jù)進行加密的。
3)數(shù)據(jù)庫字符集與編碼［9］。安裝的Web服務(wù)器軟件，例如Apache，默認的編碼都不是UTF－8。當從以UTF－8編碼的頁面中的表單輸入數(shù)據(jù)時，前臺瀏覽正常，在phpMyAdmin里查看時，中文則變成亂碼。解決辦法可以將MySQL的默認編碼改成UTF－8或連接數(shù)據(jù)庫時指定數(shù)據(jù)的編碼(mysqli_query($dbc，“SETNAMES‘UTF8’”)，就可以告知MySQL采用UTF－8編碼傳輸數(shù)據(jù)了［10］。
4)功能模塊實現(xiàn)。功能模塊實現(xiàn)的要求:盡量少的代碼，盡量詳盡的注釋，盡量工整的書寫形式。功能模塊實現(xiàn)的目標為:高復(fù)用性、高可靠性、高效率、高安全性、高可讀性等。
3實例
以PHP語言為基礎(chǔ)，開發(fā)了職場咨詢網(wǎng)站———卓企網(wǎng)。卓企網(wǎng)主要包括檢索模塊、專家咨詢模塊、維護模塊、會員互動模塊、問題討論模塊、文檔瀏覽模塊、登陸注冊模塊、幫助模塊和其他輔助模塊等九大模塊，如圖1所示。
圖1卓企網(wǎng)包括的模塊
每一個大模塊包括一些功能模塊，如在卓企網(wǎng)的會員互動模塊中，包括留言、顯示留言、刪除留言等。實現(xiàn)“留言”模塊的前臺代碼如圖2所示，與之對應(yīng)的后臺處理代碼如圖3所示。
圖2“留言”模塊的前臺處理代碼
圖3“留言”模塊的后臺處理代碼
具體的流程是用戶在留言窗口(如圖4)留言并點擊提交后頁面將相關(guān)數(shù)據(jù)傳送至后臺處理頁面，后臺處理代碼調(diào)用用戶的session值查找對應(yīng)的身份信息后將留言插入數(shù)據(jù)庫，待正確無誤后跳轉(zhuǎn)回留言頁面并刷新留言板，從而用戶可以馬上就看到自己的留言(圖5)。
由于PHP語言的免費、開源、高可靠性、可移植性，并且可與MYSQL數(shù)據(jù)庫、Apache服務(wù)器完美結(jié)合，逐步已經(jīng)成為當今網(wǎng)站的主流。
精品課程建設(shè)是高等學(xué)校教學(xué)質(zhì)量與教學(xué)改革工作的重要組成部分，是一項深化教學(xué)改革，提高教學(xué)質(zhì)量的系統(tǒng)工程，其建設(shè)的核心是解決好課程內(nèi)容建設(shè)問題。課程內(nèi)容建成后的共享與應(yīng)用是精品課程建設(shè)的關(guān)鍵點和落腳點。現(xiàn)階段課程內(nèi)容的共享主要采用的是精品課程網(wǎng)站的形式，通過互聯(lián)網(wǎng)將優(yōu)質(zhì)的教育資源共享給廣大的學(xué)習(xí)者。精品課程網(wǎng)站的實現(xiàn)可以采用多種方式，本文主要針對利用CMS來完成精品課程網(wǎng)站。CMS具有許多基于模板的優(yōu)秀設(shè)計，可以加快網(wǎng)站開發(fā)速度和減少網(wǎng)站開發(fā)成本。
一、內(nèi)容管理系統(tǒng)（CMS）概述
內(nèi)容管理系統(tǒng)（ContentManagementSystem，簡稱CMS）它的出現(xiàn)主要是為了解決在信息更新、網(wǎng)站維護和網(wǎng)站升級過程中所出現(xiàn)的高成本、低效率的問題。針對企事業(yè)單位網(wǎng)站建設(shè)的需求經(jīng)過深入分析后設(shè)計開發(fā)的，專門面向網(wǎng)站內(nèi)容編輯與的應(yīng)用系統(tǒng)，具有靈活的產(chǎn)品架構(gòu)、嚴密的安全性、無限的擴展性和伸縮性，能夠高效構(gòu)建起各種網(wǎng)站應(yīng)用型平臺。重點解決各種非結(jié)構(gòu)化或半結(jié)構(gòu)化的數(shù)字資源的采集、管理、利用、傳遞和增值，易于與其他應(yīng)用相集成和功能擴展，并可以快速進行部署。
二、內(nèi)容管理系統(tǒng)（CMS）的特點
CMS把一個網(wǎng)站的內(nèi)容（如文字，圖片）與網(wǎng)站的組件分離開來，將各個頁面連接到一起，控制頁面的顯示。通過CMS可以方便地管理、、維護網(wǎng)站的內(nèi)容，而不再需要寫HTML代碼或使用Dreamweaver建立每一個頁面。所以內(nèi)容管理系統(tǒng)的使用人員不需要編程基礎(chǔ)、網(wǎng)頁設(shè)計基礎(chǔ)就可以出布局合理頁面美觀的信息。CMS將頁面的顯示進行了模板化，由于采用了統(tǒng)一的頁面標記，所以只要更換頁面模板就可以完成整站的改版工作。對于用戶管理可以根據(jù)不同的用戶組分配不同的權(quán)限，各組用戶根據(jù)自己的權(quán)限來進行網(wǎng)站建設(shè)和信息、信息審核等操作。CMS本身提供了許多功能模塊，如文章、圖片、下載、分類信息等，并集成自定義模型、自定義字段等功能組合成強大、易用、擴展性強的開源網(wǎng)站管理軟件。CMS具有完善的SEO（搜索引擎優(yōu)化）為網(wǎng)站的推廣起到了至關(guān)重要的作用。CMS在優(yōu)化顯示性能方面普遍采用了頁面靜態(tài)化技術(shù)提高系統(tǒng)的承載能力。CMS提供了內(nèi)容搜索功能，實現(xiàn)的方式多種多樣，有標題檢索、站內(nèi)第三方搜索引擎全文檢索、站內(nèi)自建搜索引擎標題或者全文檢索等。同時CMS還提供了豐富的二次開發(fā)接口，方便與其他系統(tǒng)對接。
三、精品課程網(wǎng)站設(shè)計
精品課程組人員根據(jù)國家精品課程建設(shè)實施綱要以及對精品課程建設(shè)的要求，結(jié)合所要建設(shè)課程的學(xué)科特點，完成欄目的設(shè)計，提出網(wǎng)站界面設(shè)計要求。制作者根據(jù)所選用的CMS系統(tǒng)完成課程網(wǎng)站主頁模板的定制、導(dǎo)航的設(shè)計、內(nèi)容頁的選用等工作。同時要根據(jù)課程的需要添加相應(yīng)的通用模塊使網(wǎng)站的功能更加完善。根據(jù)國家精品課程申報要求，課程網(wǎng)站至少提供課程的教學(xué)大綱、授課教案、習(xí)題、實踐指導(dǎo)、參考文獻目錄等材料，以及至少3位主講教師每人不少于45分鐘的現(xiàn)場教學(xué)錄像，錄像按照“國家精品課程教學(xué)錄像上網(wǎng)技術(shù)標準”制作。在此要求基礎(chǔ)上，課程組人員結(jié)合所要制作的精品課程的學(xué)科特點設(shè)計出符合課程特色的一級欄目和二級欄目。在精品課程網(wǎng)站欄目確定后，搜集和提供網(wǎng)站界面素材，界面設(shè)計要用最少的操作最明顯的提示來完成網(wǎng)站的使用。四、精品課程網(wǎng)站開發(fā)
（一）CMS的獲取與服務(wù)器的架設(shè)
根據(jù)課程網(wǎng)站設(shè)計的要求選擇合適的CMS，通過登錄CMS的官方站點進行軟件的下載。以科訊CMS為例，可以登錄進行軟件下載，選擇合適的版本，把程序下載到本機之后在根目錄下進行解壓。如果需要上傳到空間調(diào)試的可以使用FTP工具將KesionCMSFREE上傳到空間。本機調(diào)試需要進行服務(wù)器的架設(shè)工作，首先需要安裝IIS服務(wù)器，然后打開Internet信息服務(wù)，把主目錄指向到科汛程序文件，并且啟用父路徑。打開瀏覽器，輸入http//，進入之后輸入默認用戶名、密碼登錄后臺。
（二）配置網(wǎng)站信息
登錄系統(tǒng)后臺之后在基本信息設(shè)置中設(shè)置精品課程網(wǎng)站名稱，網(wǎng)站標題，網(wǎng)站首頁生成形式；專題是否啟用生成靜態(tài)，允許上傳的文件類型，網(wǎng)站版權(quán)信息，網(wǎng)站META關(guān)鍵詞等。為網(wǎng)站的首頁和各個二級頁面進行模板綁定。網(wǎng)站的每一頁都包括各種各樣的內(nèi)容塊。可以使用現(xiàn)有的模板，也可以根據(jù)現(xiàn)有的模板進行相應(yīng)的模塊布局修改，達到精品課程網(wǎng)站的要求。為了方便師生交流，開啟用戶注冊功能和留言論壇功能，設(shè)置關(guān)鍵字屏蔽和留言審核，學(xué)生留言經(jīng)過管理員審核之后才能顯示在網(wǎng)頁中。
（三）網(wǎng)站頁面的制作
通過對網(wǎng)站首頁模板的模塊布局調(diào)整建立適合于精品課程的網(wǎng)站首頁，精品課程的網(wǎng)站首頁通常包含院校名稱、精品課程名稱、導(dǎo)航欄、申報材料、課程簡介、課程負責(zé)人、課程特色、課程公告、師資隊伍、在線調(diào)查等內(nèi)容。根據(jù)系統(tǒng)默認的主頁模板通過布局的調(diào)整和相關(guān)元素的添加完成主頁框架的制作。根據(jù)首頁中的各項內(nèi)容收集相關(guān)的文字和圖片材料進行頁面的完善工作。網(wǎng)站頂部的banner和logo需要專業(yè)美工人員進行設(shè)計，作品要符合精品課程網(wǎng)站的要求，做到簡明、醒目、信息完整無誤。網(wǎng)站主頁制作好之后利用CMS添加欄目功能完成精品課程所需的申報表、課程設(shè)計及教學(xué)內(nèi)容、教學(xué)隊伍、教材建設(shè)、方法手段、實踐教學(xué)、教學(xué)改革、教學(xué)效果、特色與支持等二級欄目的建立。所有二級欄目根據(jù)需要選擇是否在導(dǎo)航欄中出現(xiàn)，同時要添加相應(yīng)的外部鏈接欄目豐富網(wǎng)站的內(nèi)容和功能。根據(jù)二級欄目的需要進行三級欄目的建立，比如教學(xué)內(nèi)容下設(shè)置課程大綱、授課計劃、電子教案、內(nèi)容解析等欄目。網(wǎng)站的整體框架建成之后開始進行單個頁面的制作，在每個欄目下根據(jù)申報表的內(nèi)容完成所有頁面內(nèi)容的錄入工作，這其中包括文字、圖片、課件、視頻等內(nèi)容。在單頁面制作過程中，錄入文字信息時為了節(jié)約時間和保護版權(quán)，通常將word文件通過MacromediaFlashPaper軟件轉(zhuǎn)換成Flash插入到頁面中。由于部分CMS還不支持PPT文件的插入，PowerPoint制作的電子課件要通過ISpring軟件轉(zhuǎn)換成Flash插入到頁面中。視頻錄像要用專業(yè)的格式轉(zhuǎn)換工具如VideoConverter轉(zhuǎn)換成流媒體格式文件，同時要保證清晰度。在佐證材料等欄目內(nèi)容的編輯中需要用到圖片資料，為了保證頁面的響應(yīng)速度，圖片也需要按照網(wǎng)頁圖片的格式要求使用Fire－works軟件進行處理。所有內(nèi)容頁面添加完畢之后進行網(wǎng)站測試。測試中發(fā)現(xiàn)問題之后進行調(diào)試、完善工作。
（四）內(nèi)容訪問控制
內(nèi)容訪問控制是通過權(quán)限管理完成的，主要包括兩個方面：網(wǎng)站會員的管理和后臺維護人員的管理。網(wǎng)站會員是指在通過IE訪問課程的用戶，除了注冊會員之外，系統(tǒng)允許匿名訪問。網(wǎng)站會員管理的主要功能是用戶的增、刪、改，以及用戶對應(yīng)的權(quán)限設(shè)定；后臺維護人員管理的主要功能是對后臺所有維護人員的管理（增、刪、改）、權(quán)限的設(shè)置。主要針對課程開發(fā)人員和使用精品課程的教師。根據(jù)不同的需求，系統(tǒng)管理員為他們分配不同的權(quán)限。比如教師應(yīng)該有管理學(xué)生留言的權(quán)限，包括留言的審核、刪除、回復(fù)等。
五、精品課程網(wǎng)站維護
精品課程網(wǎng)站的維護工作主要分為三部分：1、網(wǎng)站內(nèi)容的更新。課程管理人員和課程負責(zé)人要經(jīng)常更新課程的相關(guān)內(nèi)容，如教案、習(xí)題、實訓(xùn)報告等，并且要對學(xué)生提出的問題及時答復(fù)。2、網(wǎng)站安全的保證。網(wǎng)站管理員要做好服務(wù)器的安全維護工作，保證網(wǎng)站的正常運行。3、網(wǎng)站數(shù)據(jù)的備份。一定要定期做好數(shù)據(jù)備份工作，以防止網(wǎng)站數(shù)據(jù)丟失所造成的嚴重后果。
信息化時代背景下，網(wǎng)絡(luò)已經(jīng)成為我們獲取信息的主要途徑之一，信息化時代已經(jīng)悄然影響人們的生活。不同行業(yè)為了提高自己網(wǎng)站的知名度及關(guān)注度，在網(wǎng)頁制作工作上增加許多新穎的版塊來吸引客戶。對于一個成功的網(wǎng)站設(shè)計，最為重要的標準之一就是該網(wǎng)站對色彩的搭配是否有新穎度。
【關(guān)鍵詞】色彩搭配 網(wǎng)頁制作 主頁 網(wǎng)站
色彩是人們視覺捕捉最為敏感的東西，對于平面設(shè)計和網(wǎng)頁設(shè)計者來說，主頁的色彩搭配絕佳，可以給瀏覽者留下深刻的印象，從而達到提升網(wǎng)頁知名度和關(guān)注度的效果，而且還會事半功倍。因為，當我們遠距離的觀察電腦屏幕時，視覺影像捕捉到的是色彩而不是美麗的圖片。
1 色彩的基本原理
1.1 了解色彩的概念是網(wǎng)頁制作色彩運用的基礎(chǔ)
色彩是人們視覺最快捕捉到的信息，大自然是顏色的最大載體，它給予顏色豐富的意義。許多行業(yè)為了突破以往的藝術(shù)風(fēng)格，為了能夠吸引更多的客戶，從而對色彩的搭配進行深入徹底的探索。在此探索過程中遇到重重困難，人們并沒有退縮。因為，只有在自己的領(lǐng)域中設(shè)計出新穎獨特的網(wǎng)頁，才能更加精準的抓住客戶的眼球從而吸引他們的注意。那我們首先應(yīng)當了解的是色彩最基本的知識，不同物體和事物都呈現(xiàn)出不同的色彩，花有花的顏色、草有草的色彩。在大自然中，五彩繽紛的世界包含了成千上萬的色彩。但是，只有紅、黃、藍才是最基本的顏色，這三種顏色調(diào)和了自然界的色彩。我們也可以對顏色所屬的范疇進行分類，將自然界的色彩分為彩色、黑白、灰度等。三種色彩的表現(xiàn)形式，其實也有他們的共同點，他們都有自己的明度、純度、色相，除了這些之外，還有其他兩個元素，在進行不同的色彩調(diào)配時才會產(chǎn)生色性和色綢的特性。充分了解色彩基本知識才能在網(wǎng)頁制作中發(fā)揮其重大的作用，體現(xiàn)出色彩強大的魅力。
1.2 熟悉掌握色彩的視覺特點及賦予的意義才能更好地搭配色彩
色彩的搭配技巧需要結(jié)合色彩的基本知識和色彩所賦予的意義，好的搭配技巧會讓作品賦予生命力，無疑是激發(fā)了網(wǎng)頁瀏覽者的興趣，從而提高了知名度和關(guān)注度。雖然色彩是無聲的，但它隱藏的視覺語言可以改變?nèi)藗兊乃枷牒颓楦小Ｑ芯勘砻鳎蟛糠值娜丝吹侥撤N特定的顏色會引發(fā)聯(lián)想，感受到色彩帶給他的微妙變化。我們可以了解下身邊的色彩，例如：綠色，植物大部分都是綠色的，它象征著生命力和活力，它也象征和諧、自然、真實、和平，世界上大多數(shù)的國家軍服都是以綠色為基調(diào)，那是為了便于掩護，綠色也是生活不可缺少的顏色之一。這是色彩的魅力所在，不同的顏色都會引起人們心理的變化。單一的顏色就可以有這么多豐富的意義，那如果將色彩搭配起來，它的作用及影響力是非常大的。因此，不同的搭配會產(chǎn)生多樣化的視覺感受，要學(xué)會合理的搭配色彩從而達到自己預(yù)期的效果。
2 網(wǎng)頁色彩選擇應(yīng)遵循的原則
網(wǎng)頁色彩的選擇應(yīng)該以紅、黃、藍、跟任何色彩搭配，因為，這三色是基本色也是萬能色，可以調(diào)配出成千上萬的顏色，但也不能缺少黑、白、灰三色。如果需要降低明度的可以配上黑色。許多網(wǎng)站上會有許多留白的地方，一是因為白色是網(wǎng)站最普遍的顏色，二是體現(xiàn)出留白的藝術(shù)，緩解壓力，也可以彌補網(wǎng)頁的銜接的不足之處。網(wǎng)頁色彩的選擇和搭配三大原則：
（1）符合網(wǎng)站的風(fēng)格和主題。為了追求網(wǎng)頁內(nèi)容與形式的統(tǒng)一，需要根據(jù)網(wǎng)站的風(fēng)格和主題來使用不同的色彩和視覺元素，這樣才符合人們的認知習(xí)慣。例如學(xué)校的網(wǎng)站一般以藍色等輕快的顏色為主，突顯學(xué)生心理的純潔。網(wǎng)購類的網(wǎng)站就可以采用多種色彩互相調(diào)配的方法，吸引瀏覽者的眼球。
（2）網(wǎng)頁的色彩和內(nèi)容要符合絕大部分瀏覽者的審美觀。每個版塊顏色層次要鮮明、內(nèi)容要清晰，才可以吸引瀏覽者的興趣。許多食品網(wǎng)站選用綠色為主色調(diào)，原因在于綠色代表環(huán)保健康，運用這個色調(diào)顯得有說服力。
（3）在網(wǎng)頁色彩的選擇上，緊扣網(wǎng)頁的主題大膽的發(fā)揮自己的色彩的想象力，突出網(wǎng)頁的獨特性，創(chuàng)造出不一樣的視覺效果。
3 網(wǎng)頁色彩的搭配技巧
在制作網(wǎng)頁的過程當中，不僅需要結(jié)合色彩發(fā)揮的想象力，還要有一定色彩搭配技巧，兩者互相結(jié)合，才能制作出令自己和瀏覽者同樣滿意的網(wǎng)頁，需要遵循以下三點：
（1）首先需要我們在緊扣主題的前提下，定出整個主題的基調(diào)色，將其通過黑白兩色調(diào)節(jié)它的深淺，就是調(diào)節(jié)它的透明度和飽和度。圍繞著基調(diào)色調(diào)節(jié)顏色，讓整個網(wǎng)頁顏色得到統(tǒng)一并符合人們的視覺審美。
（2）我們需要為網(wǎng)頁選擇用同一色系的顏色來制作，這樣可以更加直觀的表現(xiàn)出網(wǎng)頁的內(nèi)容。例如，在制作關(guān)于內(nèi)蒙古介紹的網(wǎng)頁時，可以采用草原綠地的額顏色綠色為主的同一色系的顏色來制作，更加能表現(xiàn)內(nèi)蒙古草原的特點。
（3）我們在制作網(wǎng)頁的過程中，可以采用兩色選一色的方法來獲取兩色的對比色。例如：政府網(wǎng)站基本以紅色和黃色為主調(diào)，選二者的對比色為輔色，即能突顯政府的莊重嚴肅，又不會覺得復(fù)雜礙眼。
（4）不管是制作什么類型的網(wǎng)頁，需要確定風(fēng)格，其次是要根據(jù)不同的需求者確定網(wǎng)頁的主色調(diào)，再加以確切的內(nèi)容互相襯托，都可以達到自己想要完成的網(wǎng)頁效果。比如是學(xué)生群體，第一：需要了解學(xué)生的心理，整個設(shè)計頁面風(fēng)格要以版塊分配明了為主，更加適合學(xué)生瀏覽閱讀。第二：需要根據(jù)學(xué)生的喜愛程度來選擇網(wǎng)頁的主基調(diào)色，要考慮什么樣的版塊用什么顏色，分清主次及重要程度，方便學(xué)生有選擇性閱讀。在知道網(wǎng)頁制作的步驟后，就要按部就班的制作，有助于提高網(wǎng)頁設(shè)計者的水平，也提高了網(wǎng)頁的知名度和關(guān)注度。因此，根據(jù)不一樣的網(wǎng)站，選擇不同的色彩來定主題風(fēng)格，才能提高整個網(wǎng)頁制作行業(yè)的業(yè)績。
（5）在網(wǎng)頁配色中的誤區(qū)：不管是平面設(shè)計師還是網(wǎng)頁設(shè)計師，切記不要將全部的顏色都運用到設(shè)計當中，要控制在三色以內(nèi)，避免造成瀏覽者的視覺壓抑。
在網(wǎng)頁設(shè)計過程中，要以突出文字內(nèi)容為主，需要將文字和背景的差距拉大，讓內(nèi)容和網(wǎng)頁的主體背景協(xié)調(diào)的融合在一起，切記不要采用復(fù)雜的圖片當作背景。
4 結(jié)語
當我們?yōu)g覽或打開一個網(wǎng)頁時，第一眼捕捉到的是色彩，并不是那美麗的網(wǎng)頁圖片，因為人們對色彩視覺敏感度是最高的。我們不僅要學(xué)會色彩的基本概念和網(wǎng)頁制作的工具，還要理解色彩賦予每個事物的魅力及重要內(nèi)涵。這對于平面設(shè)計和網(wǎng)頁設(shè)計者來說，這樣才可以制作出吸引瀏覽者眼球的網(wǎng)頁，從而提升網(wǎng)頁的知名度和關(guān)注度。
作者簡介
張東霞（1984-），女，廣東省韶關(guān)市人。大學(xué)本科學(xué)歷?，F(xiàn)為計算機科學(xué)與技術(shù)助理講師。研究方向為計算機應(yīng)用技術(shù)、電子商務(wù)。
作者單位
廣東省電子商務(wù)高級技工學(xué)校 廣東省廣州市 510663
摘 要：在網(wǎng)站建設(shè)的過程中，需要做好網(wǎng)頁制作工程，為了提高制作的效率，必須優(yōu)化制作流程，要提高網(wǎng)站工作人員的設(shè)計水平以及技術(shù)能力，這樣才能保證其工作的效率以及質(zhì)量。文章對網(wǎng)頁制作流程的優(yōu)化方式進行了介紹，還對提高網(wǎng)站制作效率的措施進行了探討，希望對網(wǎng)站設(shè)計人員有所幫助，提高網(wǎng)站設(shè)計的質(zhì)量，吸引更好的瀏覽者，使網(wǎng)站可以發(fā)揮出信息傳播的作用。只有掌握網(wǎng)頁與網(wǎng)站的制作關(guān)鍵技術(shù)，了解制作時應(yīng)注意的問題，才能實現(xiàn)網(wǎng)站的建立與完善。
關(guān)鍵詞：網(wǎng)頁制作；網(wǎng)站開發(fā)；效率優(yōu)化
網(wǎng)站可以提供信息交流與傳播的平臺，在建立網(wǎng)站后，需要做好網(wǎng)頁制作以及網(wǎng)站制作工作，要優(yōu)化網(wǎng)站的主頁，這樣才能吸引更多的瀏覽者，才能做好網(wǎng)站的推廣工作。文章對優(yōu)化網(wǎng)頁制作流程及提升網(wǎng)站制作效率的方式進行了介紹，只有做好優(yōu)化設(shè)計工作，才能保證網(wǎng)站操作的方便性，才能使瀏覽者看到網(wǎng)站的優(yōu)點以及用處。在當前信息時代中，網(wǎng)站的數(shù)量比較多，競爭也比較大，所以，網(wǎng)站的建設(shè)人員一定要提高自身技能水平，要不斷的學(xué)習(xí)新的知識，提高工作的效率，這樣才能保證網(wǎng)站制作的質(zhì)量。
1 網(wǎng)站建立與制作的意義
進入21世紀后，我國逐漸進入了互聯(lián)網(wǎng)時代，互聯(lián)網(wǎng)技術(shù)在人們的生活中越來越重要，網(wǎng)絡(luò)的覆蓋率也越來越高，應(yīng)用互聯(lián)網(wǎng)技術(shù)以及信息技術(shù)，可以獲取全球的信息，可以實現(xiàn)信息的傳輸與傳播，這有利于了解當前社會的發(fā)展形勢，還可以使人們了解全球資訊，可以從多個渠道獲取所需信息。網(wǎng)站是信息的聚集點，其可以提供多種服務(wù)，為了吸引更多的瀏覽者，設(shè)計人員需要做好網(wǎng)站的優(yōu)化工作，要提高網(wǎng)站制作的技術(shù)水平，還要提高工作的效率，網(wǎng)站的建設(shè)者要優(yōu)化制作流程，這樣才能達到惠民的作用。網(wǎng)站建設(shè)還需要保證信息的全面性，通過用戶調(diào)查的方式，可以了解到用戶的需求，可以對網(wǎng)站進行人性化建設(shè)，要從用戶的實際體驗出發(fā)，對網(wǎng)頁進行修改，保證操作的方便性。在制作網(wǎng)頁與網(wǎng)站時，還要考慮用戶群以及界面等因素，要全方面考慮影響網(wǎng)站制作質(zhì)量的因素。建立網(wǎng)站，還要提高知名度，要做好宣傳工作，最主要是還是保證網(wǎng)站制作的質(zhì)量，這樣可以增加瀏覽率，可以擴大網(wǎng)站的影響力，從而發(fā)揮出對信息的傳播作用。
2 優(yōu)化網(wǎng)頁制作流程的方法
2.1 做好網(wǎng)頁制作策劃工作
在優(yōu)化網(wǎng)頁的過程中，首先要確定客戶群，要對客戶信息進行及時的掌握，還要做好網(wǎng)頁制作的策劃工作，對網(wǎng)站項目進行優(yōu)化設(shè)計，建立詳細的網(wǎng)站制作方案，根據(jù)用戶的需求，可以增加網(wǎng)站的功能，在制作的過程中，要遵循一定原則與規(guī)律，要根據(jù)相關(guān)標準對網(wǎng)站進行完善。確定網(wǎng)站主頁的風(fēng)格后，還要做好各個板塊的風(fēng)格統(tǒng)一工作，要以統(tǒng)一的設(shè)計思路對網(wǎng)頁進行優(yōu)化，網(wǎng)站建設(shè)者可以與客戶進行協(xié)商，了解客戶的需求以及要求，對網(wǎng)頁制作進行改進，經(jīng)過多方考慮后確定出一份完整的制作方案。
2.2 優(yōu)化網(wǎng)頁設(shè)計圖紙
網(wǎng)頁設(shè)計與策劃是一項重要的工作，在對網(wǎng)頁進行策劃后，設(shè)計人員需要明確網(wǎng)頁的總體風(fēng)格，要對網(wǎng)頁進行優(yōu)化與完善，在設(shè)計的過程中，可以采用圖紙的方式制作出草圖，這樣可以方便后期的優(yōu)化。設(shè)計人員需要確定網(wǎng)頁的寬度，要保證頁面的充實感以及飽滿感，有的網(wǎng)站網(wǎng)頁寬度比較大，這種風(fēng)格需要對頁面的排版進行優(yōu)化，不能使網(wǎng)頁顯得過于空洞，這會影響網(wǎng)站的美觀性。
2.3 做好資料收集工作
在制作網(wǎng)站時，要滿足用戶的需求，在制作的過程中，需要做好資料收集工作，客戶提供的信息可以為材料收集提供線索，在收集的過程中，要收集相關(guān)資料，這包括圖片以及文字等多種形式，利用互聯(lián)網(wǎng)也可以獲得更多全面的信息，通過收集一些有些的網(wǎng)頁，可以為設(shè)計人員提供參考，在制作網(wǎng)頁時，要突出網(wǎng)站的特點，利用圖片或者網(wǎng)頁的源代碼，也可以獲取更多的資料，可以擴展資料收集的渠道，有利于為網(wǎng)頁制作提供充足的資料。
2.4 根目錄的設(shè)計
網(wǎng)站制作是對信息的集合，是對多個文件的集合，在集合的過程，會對文件資料進行整理與分類，通過分層與規(guī)劃，可以制作出根目錄，這有利于提高文件查找的效率，可以提供文件打開的統(tǒng)一途徑，在設(shè)計根目錄時，需要保證瀏覽的方便性，根目錄對數(shù)據(jù)查找有著導(dǎo)向的作用，可以節(jié)能瀏覽者的搜索時間，在網(wǎng)站的主頁上設(shè)置超級鏈接，可以進行目錄或者頁面的直接跳轉(zhuǎn)。根目錄設(shè)計需要確定高級類別，而且高級類別的數(shù)量不宜過多，在網(wǎng)站的主頁上，不能設(shè)置過多的超級鏈接，否則會出現(xiàn)適得其反的效果。
2.5 掌握計算機網(wǎng)絡(luò)語言
在制作網(wǎng)頁的過程中，要確定計算機網(wǎng)絡(luò)語言，常見的語言形式有ASP、PHP以及JSP，而網(wǎng)站制作一般采用的是PHP+MYSQL或者ASP+ACC的數(shù)據(jù)庫形式，所以，根據(jù)數(shù)據(jù)庫的類型，需要合理選擇網(wǎng)站語言。在確定計算機網(wǎng)絡(luò)語言后，可以保證網(wǎng)頁制作流程的規(guī)范性，可以提高網(wǎng)頁制作的水平。
2.6 測試網(wǎng)頁
在網(wǎng)頁制作完成后，需要做好測試工作，要保證網(wǎng)站的頁面可以正常的跳轉(zhuǎn)，還要保證網(wǎng)站可以在各個瀏覽器中打開。網(wǎng)頁中一般有多個鏈接，在測試的過程中，需要保證這些鏈接可以正常使用，在發(fā)現(xiàn)異常現(xiàn)象后，要找出異常原因，并采用有效的措施進行維護，從而保證網(wǎng)頁功能的正常發(fā)揮。
2.7 站點
網(wǎng)頁測試完成后，要對外網(wǎng)站，可以運用遠程，也可以是本地，要注意語言的對應(yīng)性。使用ASP語言，就需要對應(yīng)ASP服務(wù)器，如果要上傳到網(wǎng)絡(luò)上，還可以運用遠程FTP工具。
3 提升網(wǎng)站制作效率的措施
3.1 統(tǒng)一網(wǎng)站整體形象
網(wǎng)站整體形象設(shè)計主要包括網(wǎng)站主題色彩、Logo標志、標準字體、圖像、動態(tài)效果、圖標等，另一方面，要具有統(tǒng)一的菜單、標題、底欄等版塊。
3.2 整合開發(fā)團隊資源
要根據(jù)網(wǎng)站開發(fā)團隊現(xiàn)有的資源，在網(wǎng)站規(guī)劃設(shè)計之后，將這些設(shè)計任務(wù)分配到每一個團隊成員手中，各團隊成員之間要互相協(xié)作，以便發(fā)揮出團隊的整體優(yōu)勢；而要避免因為分工不明確等問題造成團隊成員之間任務(wù)重復(fù)或者任務(wù)缺漏，盡量做到1+1>2，而不是1+1
3.3 全面測試網(wǎng)站內(nèi)容
在網(wǎng)站各個版塊完成之后，要進行全面的測試，測試內(nèi)容主要包括：速度、兼容性、交互性、程序健壯性、鏈接正確性、超流量測試等等。另外要對客戶有可能使用的瀏覽器版本進行測試，隨著移動端的發(fā)展，還要測試用戶有可能使用的設(shè)備，盡可能考慮各種屏幕大小對網(wǎng)站內(nèi)容的影響。在測試中發(fā)現(xiàn)的問題要進行相關(guān)分析研究，制定調(diào)整方案，只有這樣才能讓網(wǎng)站不斷完善。
3.4 不斷進行網(wǎng)站維護
網(wǎng)站維護是網(wǎng)站建立后使其繼續(xù)保持更新和完善的必要措施。網(wǎng)站內(nèi)容的每一個細節(jié)上出現(xiàn)數(shù)據(jù)丟失都可能造成頁面出現(xiàn)錯誤信息。因此，為確保網(wǎng)站健康運行，在建設(shè)網(wǎng)站之前，就需要考慮制作“網(wǎng)站副本”。這樣可以大幅度減少網(wǎng)站錯誤的發(fā)生。在網(wǎng)站維護中，還要合理有序的存放不同類型的文件，比如為圖片、網(wǎng)頁分別新建文件夾，各自單獨存放，或者根據(jù)不同欄目新建文件夾，這樣可以有效提高維護和更改網(wǎng)站的效率。
3.5 警惕網(wǎng)站安全問題
網(wǎng)站的安全性是不可忽視的一個重要因素，要采用多種有效的防護手段，確保網(wǎng)站健康的運行。比如建立防火墻，對外界干擾或者破壞進行阻隔，防火墻有有助于保證網(wǎng)站運行的安全性。再比如，防止惡意病毒的入侵，有害JavaScript代碼的網(wǎng)頁注入，還要對不良廣告采取攔截，只有這樣才能保障客戶訪問網(wǎng)站的安全性，避免惡意程序?qū)蛻粼O(shè)備的損害和客戶財產(chǎn)的損失。
4 網(wǎng)站、網(wǎng)頁制作中需要注意的問題
網(wǎng)站與網(wǎng)頁制作都具有較強的專業(yè)性，相關(guān)工作人員需要具有較強的技術(shù)水平，還要對網(wǎng)站的建設(shè)流程比較熟悉，根據(jù)網(wǎng)站的組織，要對文字、圖像以及色彩進行優(yōu)化，做好協(xié)調(diào)工作。主頁也網(wǎng)站的門臉，也是傳達信息的主要位置，在優(yōu)化的過程中，要體現(xiàn)出網(wǎng)站的人性化設(shè)計理念，要從用戶的角度出發(fā)，更好的滿足用戶的需求，考慮用戶群因素以及界面因素對網(wǎng)站、網(wǎng)頁制作的影響。（1）網(wǎng)頁制作需要按部就班的進行，要保證每一頁的質(zhì)量，不能只重速度不重質(zhì)量，一定要做好后期的維護工作。網(wǎng)頁制作是一項基礎(chǔ)而重要的工作，網(wǎng)頁需要做好編排工作，還要做好色彩搭配工作，在對網(wǎng)頁鏈接進行反復(fù)的核查，還要做好主頁面與子頁面的轉(zhuǎn)換工作，在優(yōu)化的過程中，需要利用相關(guān)模板，這有利于統(tǒng)一的網(wǎng)頁的主題，有利于提高網(wǎng)頁設(shè)計的效率，還可以制作出風(fēng)格統(tǒng)一的網(wǎng)頁與網(wǎng)站。（2）在網(wǎng)頁中設(shè)計圖片時，可以采用鏈接的方式，通過使用縮略圖，可以節(jié)省頁面的空間，可以縮小圖片的大小，使瀏覽者可以看到更多的圖片，這可以保證網(wǎng)站圖片的充足性，可以擴充網(wǎng)站的容量。在制作圖片時，縮略圖不宜做的太小，這會影響觀看的質(zhì)量，會影響網(wǎng)站的瀏覽量以及好評度。（3）在制作網(wǎng)站與網(wǎng)頁時，要選擇好圖片的格式，jpg與gif都是常見的格式類型，其中jpg的彩色分辨率比較高，而gif比較適合256色以內(nèi)的圖片。在選擇圖片時，其大小不宜超過30k，小圖應(yīng)盡量控制6k左右。（4）在網(wǎng)頁中，還可以對個別圖片進行加注解操作，這可以使瀏覽者更清楚的了解圖片的實際意義，有的圖片加載比較慢，所以，通過文字注解，可以使瀏覽者了解到圖片是否對自己有用。
5 結(jié)束語
網(wǎng)站設(shè)計是一項專業(yè)性較強的工作，在設(shè)計的過程中，需要采用多種技術(shù)，設(shè)計人員需要做好資料收集工作，在設(shè)計的過程中，還要與客戶進行溝通與協(xié)商。網(wǎng)站設(shè)計包括多個網(wǎng)頁的制作，設(shè)計人員需要優(yōu)化網(wǎng)頁制作流程，這樣有利于提高制作的效率。文章對網(wǎng)頁、網(wǎng)站制作的流程進行了介紹，還對提高制作效率的措施進行了探討，希望對相關(guān)設(shè)計人員提供一定幫助，在今后的工作中，不斷的創(chuàng)新與改進方法，保證網(wǎng)站功能的正常發(fā)揮，還要美化網(wǎng)站的主頁，這樣才能吸引更多的瀏覽者。