時(shí)間：2023-01-25 23:20:27
序論：在您撰寫網(wǎng)站制作論文時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
論文摘要：網(wǎng)頁(yè)的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁(yè)的主體，而圖片則能夠美化和增色你的網(wǎng)頁(yè)。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁(yè)能吸引人的一個(gè)有力保證。
一、介紹
超鏈接是網(wǎng)頁(yè)中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，使用框架網(wǎng)頁(yè)可以同時(shí)瀏覽幾個(gè)不同的Web頁(yè)面，使用Web頁(yè)面顯示一致的用戶界面和靈活的頁(yè)面內(nèi)容。
網(wǎng)頁(yè)制作的高級(jí)技術(shù)包括：在網(wǎng)頁(yè)中插入FLASH動(dòng)畫利用Java或者javascript制作網(wǎng)頁(yè)的動(dòng)態(tài)效果。網(wǎng)頁(yè)中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。
Web頁(yè)面往往是具有各種各樣的頁(yè)面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁(yè)制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁(yè)面，一個(gè)美觀而實(shí)用的Web頁(yè)面往往需要綜合利用各種技術(shù)。
二、概述
1.網(wǎng)站名稱：“濟(jì)南中天環(huán)保設(shè)備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁(yè)
三、目的
運(yùn)用已經(jīng)掌握的知識(shí)完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁(yè)的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁(yè)面風(fēng)格獨(dú)特。
五、設(shè)計(jì)工具
Dreamweaver、Flash、Photoshop等。
六、站點(diǎn)構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁(yè)24個(gè)。主頁(yè)是一個(gè)總目錄的網(wǎng)頁(yè)，里面加有網(wǎng)頁(yè)動(dòng)畫效果“滾動(dòng)字幕”及Flas，本站幾個(gè)主要分網(wǎng)頁(yè)分別為：公司簡(jiǎn)介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營(yíng)業(yè)績(jī)、聯(lián)系方式。還有許多子網(wǎng)頁(yè)。
2.頁(yè)面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁(yè)的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁(yè)面，背景色采用跟主頁(yè)一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁(yè)，左下方是用Photoshop
處理過的圖片，與主頁(yè)是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁(yè)面內(nèi)容，使整個(gè)頁(yè)面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁(yè)面。
標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁(yè)面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號(hào)“【”、“】”和“”，使圖片看起來(lái)更加美觀。
經(jīng)營(yíng)業(yè)績(jī)頁(yè)面，背景色與Flas，鏈接頁(yè)與主頁(yè)保持一致。這一頁(yè)的主要內(nèi)容是用表格形式來(lái)固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁(yè)面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來(lái)的經(jīng)營(yíng)業(yè)績(jī)。
聯(lián)系方式頁(yè)面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlookexpress電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點(diǎn)擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來(lái)越多的人所接受，無(wú)論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁(yè)面背景相同的藍(lán)色并對(duì)畫面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號(hào)“”，“「”，“”，“”，使圖片放置頁(yè)面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁(yè)面由頁(yè)面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁(yè)面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁(yè)面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡(jiǎn)潔、明了、大方的感覺。
七所用各技術(shù)的特點(diǎn)
1.Dreamweaver:Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁(yè)編輯器，其代碼簡(jiǎn)潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。
Dreamweaver的主要特點(diǎn)：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。
無(wú)可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
所供即所得
Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。
夢(mèng)幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對(duì)于cascadingstylesheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。
2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級(jí)繪圖工具，可自動(dòng)生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁(yè)動(dòng)畫的利器。嚴(yán)格來(lái)說(shuō)，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁(yè)編輯工具。F1ash是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。對(duì)于使用者來(lái)說(shuō)，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁(yè)動(dòng)畫?？梢宰屩谱髡唠S心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動(dòng)多媒體動(dòng)畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對(duì)象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動(dòng)畫集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁(yè)。使網(wǎng)頁(yè)的效果更加完美。
八網(wǎng)頁(yè)制作的優(yōu)缺點(diǎn)
比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁(yè)更加具有動(dòng)感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說(shuō)明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁(yè)制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。
九代碼
1．滾動(dòng)字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的發(fā)展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯對(duì)健康的影響</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>
</MARQUEE> </td>
2．鏈接站點(diǎn)
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情鏈接站點(diǎn)</option>
<option
value=>新浪網(wǎng)</option>
<option
value=>網(wǎng)易</option>
<option
value=>搜狐網(wǎng)</option>
<option
value=>新視聽</option>
<option
value=>中華網(wǎng)</option>
<option
value=>雅虎</option>
<option
value=>263首都在線</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>環(huán)境保護(hù)站點(diǎn)</option>
<option
value=/>國(guó)家環(huán)境保護(hù)總局
<option
value=/>北京市環(huán)境保護(hù)局
<option
value=/>山東環(huán)境
<option
value=/default.aspx>濟(jì)南市環(huán)境保護(hù)局
<option
value=hisun-/>青島海晟環(huán)保技術(shù)
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>產(chǎn)品介紹</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯發(fā)生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯發(fā)生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯發(fā)生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯發(fā)生器型號(hào)說(shuō)明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設(shè)備</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺(tái)</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百級(jí)層流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自凈器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空氣過濾器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列風(fēng)淋室</option>
<option
value="Untitled-15.htm"target="_blank">凈化空調(diào)廠房</option>
<option
value="Untitled-16.htm"target="_blank">中效送風(fēng)機(jī)組</option>
<option
value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室</option>
</select>
參考文獻(xiàn)
1.魏洪斌《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)》清華大學(xué)出版社
2.馬波《DreamweaverMX完美網(wǎng)頁(yè)設(shè)計(jì)與制作》中國(guó)青年出版社
3.黃夢(mèng)《DreamweaverMX完全征服手冊(cè)》中國(guó)青年出版社
4.周明濤《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)指南》機(jī)械工程出版社
5.陳青、劉時(shí)燕、macromedia《FlashMX標(biāo)準(zhǔn)案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動(dòng)畫制作實(shí)例教程》清華大學(xué)出版社
8.劉睿、陳志宇《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社
論文摘要：網(wǎng)頁(yè)的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁(yè)的主體，而圖片則能夠美化和增色你的網(wǎng)頁(yè)。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁(yè)能吸引人的一個(gè)有力保證。
一、介紹
超鏈接是網(wǎng)頁(yè)中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，使用框架網(wǎng)頁(yè)可以同時(shí)瀏覽幾個(gè)不同的Web頁(yè)面，使用Web頁(yè)面顯示一致的用戶界面和靈活的頁(yè)面內(nèi)容。
網(wǎng)頁(yè)制作的高級(jí)技術(shù)包括：在網(wǎng)頁(yè)中插入FLASH動(dòng)畫利用Java或者javascript制作網(wǎng)頁(yè)的動(dòng)態(tài)效果。網(wǎng)頁(yè)中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。
Web頁(yè)面往往是具有各種各樣的頁(yè)面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁(yè)制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁(yè)面，一個(gè)美觀而實(shí)用的Web頁(yè)面往往需要綜合利用各種技術(shù)。
二、概述
1.網(wǎng)站名稱：“濟(jì)南中天環(huán)保設(shè)備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁(yè)
三、目的
運(yùn)用已經(jīng)掌握的知識(shí)完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁(yè)的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁(yè)面風(fēng)格獨(dú)特。
五、設(shè)計(jì)工具
Dreamweaver、Flash、Photoshop等。
六、站點(diǎn)構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司?？偣灿芯W(wǎng)頁(yè)24個(gè)。主頁(yè)是一個(gè)總目錄的網(wǎng)頁(yè)，里面加有網(wǎng)頁(yè)動(dòng)畫效果“滾動(dòng)字幕”及Flas，本站幾個(gè)主要分網(wǎng)頁(yè)分別為：公司簡(jiǎn)介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營(yíng)業(yè)績(jī)、聯(lián)系方式。還有許多子網(wǎng)頁(yè)。
2.頁(yè)面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁(yè)的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁(yè)面，背景色采用跟主頁(yè)一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁(yè)，左下方是用Photoshop
處理過的圖片，與主頁(yè)是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁(yè)面內(nèi)容，使整個(gè)頁(yè)面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁(yè)面。
標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁(yè)面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號(hào)“【”、“】”和“”，使圖片看起來(lái)更加美觀。
經(jīng)營(yíng)業(yè)績(jī)頁(yè)面，背景色與Flas，鏈接頁(yè)與主頁(yè)保持一致。這一頁(yè)的主要內(nèi)容是用表格形式來(lái)固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁(yè)面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來(lái)的經(jīng)營(yíng)業(yè)績(jī)。
聯(lián)系方式頁(yè)面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlookexpress電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點(diǎn)擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來(lái)越多的人所接受，無(wú)論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁(yè)面背景相同的藍(lán)色并對(duì)畫面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號(hào)“”，“「”，“”，“”，使圖片放置頁(yè)面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁(yè)面由頁(yè)面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁(yè)面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁(yè)面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡(jiǎn)潔、明了、大方的感覺。
七所用各技術(shù)的特點(diǎn)
1.Dreamweaver:Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁(yè)編輯器，其代碼簡(jiǎn)潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。
Dreamweaver的主要特點(diǎn)：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。
無(wú)可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
所供即所得
Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。
夢(mèng)幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對(duì)于cascadingstylesheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。
2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級(jí)繪圖工具，可自動(dòng)生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁(yè)動(dòng)畫的利器。嚴(yán)格來(lái)說(shuō)，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁(yè)編輯工具。F1ash是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。對(duì)于使用者來(lái)說(shuō)，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁(yè)動(dòng)畫。可以讓制作者隨心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動(dòng)多媒體動(dòng)畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對(duì)象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動(dòng)畫集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁(yè)。使網(wǎng)頁(yè)的效果更加完美。
八網(wǎng)頁(yè)制作的優(yōu)缺點(diǎn)
比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁(yè)更加具有動(dòng)感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說(shuō)明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁(yè)制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。
九代碼
1．滾動(dòng)字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的發(fā)展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯對(duì)健康的影響</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>
</MARQUEE> </td>
2．鏈接站點(diǎn)
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情鏈接站點(diǎn)</option>
<option
value=>新浪網(wǎng)</option>
<option
value=>網(wǎng)易</option>
<option
value=>搜狐網(wǎng)</option>
<option
value=>新視聽</option>
<option
value=>中華網(wǎng)</option>
<option
value=>雅虎</option>
<option
value=>263首都在線</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>環(huán)境保護(hù)站點(diǎn)</option>
<option
value=/>國(guó)家環(huán)境保護(hù)總局
<option
value=/>北京市環(huán)境保護(hù)局
<option
value=/>山東環(huán)境
<option
value=/default.aspx>濟(jì)南市環(huán)境保護(hù)局
<option
value=hisun-/>青島海晟環(huán)保技術(shù)
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>產(chǎn)品介紹</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯發(fā)生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯發(fā)生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯發(fā)生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯發(fā)生器型號(hào)說(shuō)明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設(shè)備</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺(tái)</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百級(jí)層流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自凈器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空氣過濾器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列風(fēng)淋室</option>
<option
value="Untitled-15.htm"target="_blank">凈化空調(diào)廠房</option>
<option
value="Untitled-16.htm"target="_blank">中效送風(fēng)機(jī)組</option>
<option
value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室</option>
</select>
參考文獻(xiàn)
1.魏洪斌《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)》清華大學(xué)出版社
2.馬波《DreamweaverMX完美網(wǎng)頁(yè)設(shè)計(jì)與制作》中國(guó)青年出版社
3.黃夢(mèng)《DreamweaverMX完全征服手冊(cè)》中國(guó)青年出版社
4.周明濤《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)指南》機(jī)械工程出版社
5.陳青、劉時(shí)燕、macromedia《FlashMX標(biāo)準(zhǔn)案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動(dòng)畫制作實(shí)例教程》清華大學(xué)出版社
8.劉睿、陳志宇《Photoshop6.0實(shí)用教程》山東科學(xué)技術(shù)出版社
論文摘要：網(wǎng)頁(yè)的內(nèi)容通常是由圖片和文字組成。由文字構(gòu)成網(wǎng)頁(yè)的主體，而圖片則能夠美化和增色你的網(wǎng)頁(yè)。那些包含了設(shè)計(jì)精美圖片的網(wǎng)站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網(wǎng)頁(yè)能吸引人的一個(gè)有力保證。
一、介紹
超鏈接是網(wǎng)頁(yè)中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網(wǎng)站進(jìn)行交互，使你找到用戶的詳細(xì)信息。表格在許多工作中有著廣泛的應(yīng)用。
框架網(wǎng)頁(yè)是一種特殊的HTML網(wǎng)頁(yè)，使用框架網(wǎng)頁(yè)可以同時(shí)瀏覽幾個(gè)不同的Web頁(yè)面，使用Web頁(yè)面顯示一致的用戶界面和靈活的頁(yè)面內(nèi)容。
網(wǎng)頁(yè)制作的高級(jí)技術(shù)包括：在網(wǎng)頁(yè)中插入FLASH動(dòng)畫利用Java或者javascript制作網(wǎng)頁(yè)的動(dòng)態(tài)效果。網(wǎng)頁(yè)中使用插件，視頻等Web組件以及創(chuàng)建、和管理站點(diǎn)等技術(shù)。
Web頁(yè)面往往是具有各種各樣的頁(yè)面元素、豐富的內(nèi)容和復(fù)雜的布局。因此僅僅使用到一種或者兩種網(wǎng)頁(yè)制作技術(shù)，不可能創(chuàng)作出一個(gè)優(yōu)秀的Web頁(yè)面，一個(gè)美觀而實(shí)用的Web頁(yè)面往往需要綜合利用各種技術(shù)。
二、概述
1.網(wǎng)站名稱：“濟(jì)南中天環(huán)保設(shè)備有限公司”
2.步驟：
(1)確立主題
(2)收集資料
(5)美化網(wǎng)頁(yè)
三、目的
運(yùn)用已經(jīng)掌握的知識(shí)完成一個(gè)環(huán)境保護(hù)企業(yè)網(wǎng)站。通過此次設(shè)計(jì)可以達(dá)到全面理解、運(yùn)用網(wǎng)頁(yè)制作的知識(shí)，并使之得以融會(huì)貫通，在掌握運(yùn)用Dreamweaver制作網(wǎng)頁(yè)的基礎(chǔ)上再加以實(shí)踐，進(jìn)一步提高、加強(qiáng)自身的綜合能力。
四、要求
根據(jù)公司的要求，設(shè)計(jì)一個(gè)企業(yè)站點(diǎn)，以達(dá)到宣傳該公司及其產(chǎn)品的目的。有整體框架結(jié)構(gòu)，表格定位等，布局合理，色彩搭配協(xié)調(diào)統(tǒng)一，內(nèi)容豐富多彩，頁(yè)面風(fēng)格獨(dú)特。
五、設(shè)計(jì)工具
Dreamweaver、Flash、Photoshop等。
六、站點(diǎn)構(gòu)思
1.整體構(gòu)思：
本網(wǎng)站主題為：濟(jì)南中天環(huán)保設(shè)備有限公司。總共有網(wǎng)頁(yè)24個(gè)。主頁(yè)是一個(gè)總目錄的網(wǎng)頁(yè)，里面加有網(wǎng)頁(yè)動(dòng)畫效果“滾動(dòng)字幕”及Flas，本站幾個(gè)主要分網(wǎng)頁(yè)分別為：公司簡(jiǎn)介、資質(zhì)認(rèn)證、產(chǎn)品介紹、業(yè)務(wù)范圍、經(jīng)營(yíng)業(yè)績(jī)、聯(lián)系方式。還有許多子網(wǎng)頁(yè)。
2.頁(yè)面構(gòu)思：
下面介紹一下網(wǎng)站中的幾個(gè)網(wǎng)頁(yè)的制作。
業(yè)務(wù)范圍中的二氧化氯發(fā)生器產(chǎn)品公司服務(wù)承諾頁(yè)面，背景色采用跟主頁(yè)一樣的藍(lán)色，淡藍(lán)色的背景給人以干凈大方的感覺，與環(huán)保網(wǎng)站的主旨相一致。上方為Flas與鏈接頁(yè)，左下方是用Photoshop
處理過的圖片，與主頁(yè)是一致的。右邊的標(biāo)題是用Photoshop制作的圖片，小標(biāo)題采用斜體加黑，這樣制作豐富了頁(yè)面內(nèi)容，使整個(gè)頁(yè)面條理清晰。服務(wù)承諾分條目標(biāo)示，一目了然。最后的“空氣凈化服務(wù)范圍”標(biāo)題，即可以鏈接到空氣凈化服務(wù)范圍頁(yè)面。
標(biāo)題“服務(wù)范圍和承諾”是用Photoshop制作的，先用油漆桶工具把背景色填充為與頁(yè)面相同的淡藍(lán)色，調(diào)整文字的大小與位置，兩邊分別加上符號(hào)“【”、“】”和“”，使圖片看起來(lái)更加美觀。
經(jīng)營(yíng)業(yè)績(jī)頁(yè)面，背景色與Flas，鏈接頁(yè)與主頁(yè)保持一致。這一頁(yè)的主要內(nèi)容是用表格形式來(lái)固定的，邊框設(shè)置為1，顏色為淡灰色。表格寬度與Flash寬度一致。整個(gè)頁(yè)面清晰有致，比較大方，瀏覽者可以清楚的看到公司近年來(lái)的經(jīng)營(yíng)業(yè)績(jī)。
聯(lián)系方式頁(yè)面，左下方的圖片與右邊的標(biāo)題都是用Photoshop制作的，在聯(lián)系方式中還添加了一個(gè)outlookexpress電子郵件，方便用戶與公司的聯(lián)系，用戶可以直接點(diǎn)擊給公司發(fā)送郵件。outlookexpress作為全球范圍內(nèi)的聯(lián)機(jī)通訊軟件，已經(jīng)被越來(lái)越多的人所接受，無(wú)論是與同事和朋友交換電子郵件，還是加入新聞組進(jìn)行思想與信息的交流，OutlookExpress都已成為不可或缺的助手。聯(lián)系方式中除了電子郵件，還列出了公司地址，電話，傳真，郵編。
左邊的圖片是在Photoshop中，先用橢圓選框工具選中所要的部分，放置新建的畫布中，再用油漆桶工具把空白處填充為與頁(yè)面背景相同的藍(lán)色并對(duì)畫面進(jìn)行淡化處理。右邊的標(biāo)題是在Photoshop中，用油漆桶工具填充背景色，然后寫上“聯(lián)系方式”，調(diào)整其大小與位置，“方式”二字較“聯(lián)系”稍小一些，左右分別加上符號(hào)“”，“「”，“”，“”，使圖片放置頁(yè)面中顯得美觀，更突出了主題內(nèi)容。
FLS－系列風(fēng)淋室，凈化空調(diào)廠房，中效送風(fēng)機(jī)組，各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室設(shè)備等頁(yè)面由頁(yè)面“產(chǎn)品介紹”鏈接的，并且均以淡藍(lán)色為背景底色。頁(yè)面大部分有圖片和文字兩部分組成。文字部分由表格固定，表格邊框設(shè)為零，圖片是用Photoshop制作成的。
所有頁(yè)面整齊劃一，設(shè)計(jì)風(fēng)格保持一致，加上淡藍(lán)色的背景，給人簡(jiǎn)潔、明了、大方的感覺。
七所用各技術(shù)的特點(diǎn)
1.Dreamweaver:Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Dreamweaver是當(dāng)前主流的站點(diǎn)和網(wǎng)頁(yè)編輯器，其代碼簡(jiǎn)潔、兼容性和整體功能都很強(qiáng)。Dreamweaver的介入，使得網(wǎng)頁(yè)一些部分的實(shí)現(xiàn)變得更加直觀簡(jiǎn)便。
Dreamweaver的主要特點(diǎn)：
最佳的制作效率
Dreamweaver可以用最快速的方式將Fireworks，F(xiàn)reeHand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dremweaver能與您喜愛的設(shè)計(jì)工具，如PlaybackFlash，Shockwave和外掛模組等搭配，不需離開Dremweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。
網(wǎng)站管理
使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形，設(shè)計(jì)，更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字，HTML碼，HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。
無(wú)可比擬的控制能力
Dreamweaver是唯一提供RoundtripHTML、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含HomeSite和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。
所供即所得
Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所供即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁(yè)。
夢(mèng)幻樣版和XML
Dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部分，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容，卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地匯入或輸出XML內(nèi)容。
全方位的呈現(xiàn)
利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對(duì)于cascadingstylesheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站下載它的描述檔，便可得知詳盡的成效報(bào)告。
2.Photoshop:Adobephotoshop在繪圖、色彩調(diào)整等諸多方面有著出色的功能，集成度高、適應(yīng)面廣和操作簡(jiǎn)便。他不僅提供強(qiáng)大的繪圖工具，可以直接繪制藝術(shù)圖形，還能直接從掃描儀，數(shù)碼相機(jī)等設(shè)備中采集圖像，并對(duì)他們進(jìn)行編輯、修復(fù)、以及調(diào)整效果，同時(shí)可以改變圖像的顏色模式，并能在圖像中制作藝術(shù)文字等。Photoshop中的高級(jí)繪圖工具，可自動(dòng)生成背景紋理、圖層效果，多種特殊效果濾鏡，可創(chuàng)建多種藝術(shù)效果和絢麗的web圖形并可直接在photoshop中定義和編輯切片的工具透明控制，包括用于混合到任意背景中的邊緣的仿色透明度。強(qiáng)大的彩色校正工具——修復(fù)畫筆，可在消除瑕疵的同時(shí)保留色調(diào)和紋理圖層。Photoshop的強(qiáng)大工具可以使操作者不管制作任何圖像都游刃有余。對(duì)于設(shè)計(jì)網(wǎng)頁(yè)，photoshop是不可或缺的工具，是強(qiáng)大的圖片處理工具。
3.FlashMX:Macromedia公司出品的Flash是制作網(wǎng)頁(yè)動(dòng)畫的利器。嚴(yán)格來(lái)說(shuō)，F(xiàn)1ash是網(wǎng)絡(luò)多媒體制作工具而不是網(wǎng)頁(yè)編輯工具。F1ash是制作動(dòng)感網(wǎng)頁(yè)的權(quán)威。對(duì)于使用者來(lái)說(shuō)，只需很短時(shí)間的學(xué)習(xí)，就可以用它制作出美觀的網(wǎng)頁(yè)動(dòng)畫?？梢宰屩谱髡唠S心所欲地實(shí)現(xiàn)各種創(chuàng)意，并且可以和javascript一起創(chuàng)作出具有強(qiáng)大交互性的網(wǎng)頁(yè)動(dòng)畫。
Flash是一種繪制矢量圖形和創(chuàng)作互動(dòng)多媒體動(dòng)畫的軟件。它可以用少量的矢量數(shù)據(jù)就可以描述相當(dāng)復(fù)雜的對(duì)象，所以生成的文件尺寸小，便于在網(wǎng)上傳輸。Flash創(chuàng)建的動(dòng)畫集可以插入到html文檔中，也可以單獨(dú)制作網(wǎng)頁(yè)。使網(wǎng)頁(yè)的效果更加完美。
八網(wǎng)頁(yè)制作的優(yōu)缺點(diǎn)
比較明確，風(fēng)格統(tǒng)一。并運(yùn)用了一些其它的設(shè)計(jì)軟件加以輔助設(shè)計(jì)。使網(wǎng)頁(yè)更加具有動(dòng)感，形式豐富。就內(nèi)容而言，比較豐富。大量運(yùn)用了圖片，并進(jìn)行了文字說(shuō)明，做到了圖文并茂。但是由于我們剛接觸網(wǎng)頁(yè)制作，做出的效果還是有些稚嫩的，需要以后不斷的實(shí)踐。
九代碼
1．滾動(dòng)字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的發(fā)展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯對(duì)健康的影響</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作為水體消毒劑的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要應(yīng)用領(lǐng)域：用于造紙、用于飲用水處理、用于環(huán)境廢物處理、用于油田......</A></P>
</MARQUEE> </td>
2．鏈接站點(diǎn)
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情鏈接站點(diǎn)</option>
<option
value=>新浪網(wǎng)</option>
<option
value=>網(wǎng)易</option>
<option
value=>搜狐網(wǎng)</option>
<option
value=>新視聽</option>
<option
value=>中華網(wǎng)</option>
<option
value=>雅虎</option>
<option
value=>263首都在線</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>環(huán)境保護(hù)站點(diǎn)</option>
<option
value=/>國(guó)家環(huán)境保護(hù)總局
<option
value=/>北京市環(huán)境保護(hù)局
<option
value=/>山東環(huán)境
<option
value=/default.aspx>濟(jì)南市環(huán)境保護(hù)局
<option
value=hisun-/>青島海晟環(huán)保技術(shù)
</select>
3．下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>產(chǎn)品介紹</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯發(fā)生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯發(fā)生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯發(fā)生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯發(fā)生器型號(hào)說(shuō)明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除鉻一體化設(shè)備</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空氣凈化工作臺(tái)</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百級(jí)層流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自凈器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空氣過濾器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列風(fēng)淋室</option>
<option
value="Untitled-15.htm"target="_blank">凈化空調(diào)廠房</option>
<option
value="Untitled-16.htm"target="_blank">中效送風(fēng)機(jī)組</option>
<option
value="Untitled-17.htm"target="_blank">各種醫(yī)療器械設(shè)備及實(shí)驗(yàn)室</option>
</select>
參考文獻(xiàn)
1.魏洪斌《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)》清華大學(xué)出版社
2.馬波《DreamweaverMX完美網(wǎng)頁(yè)設(shè)計(jì)與制作》中國(guó)青年出版社
3.黃夢(mèng)《DreamweaverMX完全征服手冊(cè)》中國(guó)青年出版社
4.周明濤《DreamweaverMX網(wǎng)頁(yè)設(shè)計(jì)指南》機(jī)械工程出版社
5.陳青、劉時(shí)燕、macromedia《FlashMX標(biāo)準(zhǔn)案例教材》人民郵電出版社
6.劉淼《FlashMX入門與提高》人民郵電出版社
7.李偉《FlashMX動(dòng)畫制作實(shí)例教程》清華大學(xué)出版社
8.劉睿、陳志宇《Photoshop6.0實(shí)用教程》山東科學(xué)技術(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è)施和信息平臺(tái)，離開網(wǎng)站（或者只是利用第三方網(wǎng)站）去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無(wú)形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。下面是就我們小組制作音樂網(wǎng)站整個(gè)過程書面說(shuō)明：
一：如何規(guī)劃
1.1、網(wǎng)站類型的確定
為了完成畢業(yè)設(shè)計(jì)，我們小組所有成員結(jié)合畢業(yè)設(shè)計(jì)所要求的題目進(jìn)行討論，并上網(wǎng)查看相關(guān)信息，初步?jīng)Q定做專業(yè)性的音樂網(wǎng)站，專門向音樂愛好者提供一個(gè)音樂視聽空間，這樣可以結(jié)合自己的興趣以及專業(yè)知識(shí)做出一個(gè)非常棒的音樂網(wǎng)站。為了盡快完成任務(wù)，我們小組成員全體行動(dòng)起來(lái)，畢竟我們都是新手，這么一個(gè)大型的音樂網(wǎng)站，覺得有點(diǎn)力不從心，后來(lái)經(jīng)過我們?cè)敿?xì)的分析各個(gè)組員的專業(yè)水平及做事態(tài)度等等，決定了我們的最佳分工方式，并且彼此保證一定盡最大的努力本論文由整理提供
做好自己的工作。
1.2、網(wǎng)站規(guī)劃書
確定好做音樂網(wǎng)站后，我們將進(jìn)行下一個(gè)步驟——做一個(gè)網(wǎng)站規(guī)劃書。這個(gè)步驟是必不可少的部分，是建設(shè)一個(gè)網(wǎng)站的前期工作。一個(gè)網(wǎng)站的成功與否與建站前的網(wǎng)站規(guī)劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費(fèi)用，進(jìn)行必要的市場(chǎng)分析等。只有詳細(xì)的規(guī)劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進(jìn)行。
網(wǎng)站規(guī)劃是指在網(wǎng)站建設(shè)前對(duì)市場(chǎng)進(jìn)行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對(duì)網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費(fèi)用、測(cè)試、維護(hù)等做出規(guī)劃。網(wǎng)站規(guī)劃對(duì)網(wǎng)站建設(shè)起到計(jì)劃和指導(dǎo)的作用，對(duì)網(wǎng)站的內(nèi)容和維護(hù)起到定位作用。寫網(wǎng)站規(guī)劃書一般都有一定的格式，我們根據(jù)本網(wǎng)站的具體要求，加上小組成員的共同商討，最后決定把網(wǎng)站按以下幾個(gè)方面完成：
（一）、建站前的市場(chǎng)分析1.自身?xiàng)l件和市場(chǎng)優(yōu)勢(shì)：我們學(xué)的就是這個(gè)專業(yè)，我們對(duì)于我們專業(yè)知識(shí)有信心，對(duì)音樂方面，我們平時(shí)對(duì)它亦十分的感興趣。現(xiàn)在的年輕人都愛好音樂，一個(gè)好的專業(yè)音樂網(wǎng)站正是大家所期待的。2.有關(guān)行業(yè)的市場(chǎng)及其競(jìng)爭(zhēng)者的分析：現(xiàn)在有網(wǎng)上有許多的音樂網(wǎng)站，怎么樣才能讓我們的音樂網(wǎng)站有特點(diǎn)呢！我們決定做一個(gè)純音樂網(wǎng)站。
（二）、建站的目的和功能定位3.建站的目的；為廣大音樂愛好者提供一個(gè)專業(yè)的音樂服務(wù)，同時(shí)把自己的知道應(yīng)用，實(shí)踐。4.確定網(wǎng)站的功能定位；只提供音樂視聽，下載服務(wù)。
（三）、網(wǎng)站技術(shù)解決方案1.操作系統(tǒng)：WINXP、WIN98、WINME、WIN2000、WIN20032.網(wǎng)站安全性措施：數(shù)據(jù)庫(kù)加密技術(shù)3.服務(wù)器：Apache，HelixUniversalInternetServer4.程序開發(fā)：PHP5.數(shù)據(jù)庫(kù)；MYSQL（四）、網(wǎng)站內(nèi)容規(guī)劃1.網(wǎng)站頁(yè)面結(jié)構(gòu)：2．網(wǎng)站主體結(jié)構(gòu)
（五）、網(wǎng)站引擎（后臺(tái)）的設(shè)計(jì)：用PHP開發(fā)的，用MySQL數(shù)據(jù)庫(kù)
（六）、網(wǎng)站前臺(tái)的設(shè)計(jì)：用一些網(wǎng)頁(yè)開發(fā)工具，使頁(yè)面看起來(lái)美觀大方
（七）、流媒的制作：提供音樂的視聽支持
（八）、網(wǎng)站維護(hù)與測(cè)試：完善和擴(kuò)展網(wǎng)站的功能
（九）、建站日程
（十）、總結(jié)
有了這樣的大綱，我們就可以根據(jù)它來(lái)輕松地規(guī)劃我們的網(wǎng)站了。分別落實(shí)到每個(gè)小組成員身上，我就負(fù)責(zé)網(wǎng)站引擎（后站）的開發(fā)。根據(jù)分工情況，小組成員各自上網(wǎng)查找資料，分析資料，首先把各自分配到的內(nèi)容寫好，然后把每人寫好的內(nèi)容合成，初步進(jìn)行統(tǒng)一整理，不足之外再由小組成員共同修改，使各塊內(nèi)容前后銜接，條理清晰。經(jīng)過多次的反復(fù)修改排版之后，最后大一起審核，終于把一份完整的網(wǎng)站規(guī)劃書完成了。
二：如何開發(fā)
2.1、前臺(tái)方面
2.1.1、制作軟件
本網(wǎng)站主要采用我們熟悉的軟件（DreamweaverMX,FlashMX和Photoshop）。
Flash主要是用來(lái)制作引導(dǎo)頁(yè)及每個(gè)網(wǎng)頁(yè)上的動(dòng)畫，Photoshop主要是用來(lái)處理圖片，Dreamweaver是做本網(wǎng)站的主要軟件。
2.1.2、基本因素
設(shè)計(jì)一個(gè)網(wǎng)站，首先應(yīng)該考慮下列八條基本因素，這些因素對(duì)網(wǎng)站的成功與否有著重要的影響。（1）、整體布局網(wǎng)站主頁(yè)就好象是宣傳欄或者店面——對(duì)訪問者產(chǎn)生第一印象，都希望盡量給人留下好的印象，不是嗎？一般來(lái)說(shuō)，好的網(wǎng)站應(yīng)該給人有這樣的感覺：干凈整潔、條理清楚、專業(yè)水準(zhǔn)、引人入勝。網(wǎng)頁(yè)應(yīng)該力求抓住而不是淹沒瀏覽者的注意力，過多的閃爍、色彩、下拉菜單框、圖片等會(huì)讓訪問者無(wú)所適從——離開是最好的選擇，就象一些商店，播放震耳欲聾的發(fā)燒音樂，你要做的唯一決定就是離開那里，越快越好。本網(wǎng)站采用藍(lán)色為主調(diào)，經(jīng)過多次討論采用二分欄，給人有清爽之感，整體干凈整潔，條理清楚。
（2）、信息無(wú)論商業(yè)站點(diǎn)還是個(gè)人主頁(yè)，都必須給人們提供有一定價(jià)值的內(nèi)容才能留住訪問者，因?yàn)槲覀內(nèi)祟惪偸俏├菆D，第一個(gè)問題總是：“對(duì)我有什么用處？”所以，必須提供某些有價(jià)值的東西，當(dāng)然并不是說(shuō)必須提供某些免費(fèi)的物品——免費(fèi)書籍、免費(fèi)入場(chǎng)券、免費(fèi)度假等，這些“有價(jià)值的東西”可以是：信息、娛樂、勸告、對(duì)一些問題的幫助、提供志趣相投者聯(lián)絡(luò)的機(jī)會(huì)、鏈接到有用的網(wǎng)頁(yè)，等等。如果經(jīng)營(yíng)的是企業(yè)網(wǎng)站，需要提供關(guān)于產(chǎn)品或服務(wù)的信息：容易理解、容易查詢、容易訂貨。因此，本網(wǎng)站設(shè)有還待于完善，使用戶可以花更多的時(shí)間在我們的網(wǎng)站上逗留。
（3）、速度我們都知道，頁(yè)面下載速度是網(wǎng)站留住訪問者的關(guān)鍵因素，如果20—30秒還不能打開一個(gè)網(wǎng)頁(yè)，一般人就會(huì)沒有耐心。至少應(yīng)該確保主頁(yè)速度盡可能快，最好不要用大的圖片和比較大的音樂文件。但是許多網(wǎng)頁(yè)設(shè)計(jì)者往往忽視了這一點(diǎn),為了視覺上的美觀在網(wǎng)頁(yè)上插了一些大而無(wú)意義的圖案背景，使用大量的JAVASCRIPT等控件來(lái)顯示自己的水平，這樣只會(huì)使網(wǎng)頁(yè)的顯示速度大大降低。結(jié)果可能在你網(wǎng)頁(yè)的文字內(nèi)容未顯示前,讀者已因等的不耐煩離開了。所以我們時(shí)時(shí)提醒自己，網(wǎng)站首頁(yè)就像一個(gè)廣告牌。當(dāng)開車經(jīng)過一個(gè)廣告牌時(shí)，沒有時(shí)間閱讀上面的詳細(xì)說(shuō)明，也不可能贊賞其復(fù)雜的圖案，廣告標(biāo)志從眼前一閃而過，必須在一瞬間給人留下印象。網(wǎng)上訪問者也是“一閃而過”本論文由整理提供，所以，得保證首頁(yè)簡(jiǎn)單而快速。
（4）、圖形和版面設(shè)計(jì)圖形和版面設(shè)計(jì)關(guān)系到對(duì)網(wǎng)頁(yè)的第一印象，圖象應(yīng)集中反映網(wǎng)頁(yè)所期望傳達(dá)的主要信息。顏色也是影響網(wǎng)頁(yè)的重要因素，不同的顏色對(duì)人的感覺也有不同的影響，例如：紅色和橙色使人興奮并使得心跳加速；黃色使人聯(lián)想到陽(yáng)光，是一種快活的顏色；考慮到瀏覽者及網(wǎng)站性質(zhì)，本網(wǎng)站采用藍(lán)色調(diào)，藍(lán)色---是最具涼爽，清新，專業(yè)的色彩。
（5）、文字的可讀性我們?nèi)匀挥脧V告牌的比喻來(lái)說(shuō)明，文字要在廣告牌上突出，周圍應(yīng)該留有足夠的空間。也許你曾到過一些網(wǎng)站，要么擁擠不堪的文字覺得好像只有把腦袋鉆進(jìn)去才能閱讀，要么深色的背景給人的感覺好像處于非常狹窄的空間里，而且讓人的心情感覺很壓抑。某些背景色的令人閱讀困難；紫色、橙色和紅色讓人眼花繚亂。顏色的運(yùn)用除了能夠起到強(qiáng)調(diào)整體文字殊部分的作用之外，對(duì)于整個(gè)文案的情感表達(dá)也會(huì)產(chǎn)生影響。這涉及色彩的情感象征性問題，限于篇幅，在這里不做深入探討。另外需要注意的是文字顏色的對(duì)比度，它包括明度上的對(duì)比、純度上的對(duì)比以及冷暖的對(duì)比。這些不僅對(duì)文字的可讀性發(fā)生作用，更重要的是，你可以通過對(duì)顏色的運(yùn)用實(shí)現(xiàn)想要的設(shè)計(jì)效果、設(shè)計(jì)情感和設(shè)計(jì)思想。參考報(bào)紙的編排方式，為方便而又快速閱讀，可以將你的內(nèi)容分欄設(shè)計(jì)，甚至兩欄也要比一滿頁(yè)的視覺效果要好。本網(wǎng)站采用的就是二分欄。另一種能夠提高文字可讀性的因素是所選擇的字體，通用的字體(Arial,TimesNewRoman,GaramondandCourier)最易閱讀，特殊字體用于標(biāo)題效果較好，但是不適合正文（試想瀏覽整頁(yè)的Gothic,Script,Westminster,orCloister會(huì)是怎樣的感受）。因?yàn)殚喿x費(fèi)力，你的眼睛很快就會(huì)疲勞，不得不轉(zhuǎn)移到其他頁(yè)面。
（6）、網(wǎng)頁(yè)標(biāo)題的可讀性必須盡量使你的網(wǎng)頁(yè)易于閱讀，除了分欄之外（將頁(yè)面縱向分割），也需要利用標(biāo)題和副標(biāo)題將文檔分段。為所有標(biāo)題和副標(biāo)題設(shè)置同一字體，并將標(biāo)題字體加大一號(hào)，使瀏覽者一眼就可以看到要點(diǎn)，以便找出并繼續(xù)閱讀有興趣的內(nèi)容。標(biāo)題的重要性可見一斑，要認(rèn)真寫好每個(gè)標(biāo)題！也可以將整句采用粗體或用不同的顏色突出某些內(nèi)容，不過不要用難以閱讀的顏色。（這些本網(wǎng)站在設(shè)計(jì)過程中都經(jīng)過討論后做到了）。（7）、導(dǎo)航由于人們習(xí)慣于從左到右、從上到下閱讀，所以主要的導(dǎo)航條應(yīng)放置在最顯眼的地方，對(duì)于較長(zhǎng)頁(yè)面來(lái)說(shuō)，在最底部設(shè)置一個(gè)簡(jiǎn)單導(dǎo)航也很有必要（如關(guān)于我們，聯(lián)系方式，意見反饋等等）。確定一種你滿意的模式之后，最好將這種模式應(yīng)用到同一網(wǎng)站的每個(gè)頁(yè)面，這樣，瀏覽者就知道如何尋找信息。
（8）、詞語(yǔ)一個(gè)網(wǎng)站如果只有漂亮的外觀而詞語(yǔ)錯(cuò)誤連篇、語(yǔ)法混亂，同樣是失敗的，對(duì)于網(wǎng)站所有者和負(fù)責(zé)人將產(chǎn)生很壞的影響，人們會(huì)用許多貶義詞來(lái)評(píng)價(jià)你：粗心大意、懶惰、外行、沒水平等等。所以在設(shè)計(jì)過程中，要求每個(gè)組員認(rèn)真對(duì)待，審核每個(gè)寫上的內(nèi)容。
2.1.3、內(nèi)容編排
經(jīng)過整組成員的討論及分析，整個(gè)網(wǎng)站主要分為四大部分：
（1）片頭
（2）主頁(yè)
（3）子頁(yè)(主要內(nèi)容包括：通俗音樂,本站會(huì)員,幫助等等)
2.2、后臺(tái)方面
2.2.1、腳本語(yǔ)言
后臺(tái)采用的語(yǔ)言：PHP語(yǔ)言、腳本語(yǔ)言--Javascript語(yǔ)言。功能：來(lái)實(shí)現(xiàn)網(wǎng)上互相交流等。PHP是一套服務(wù)器端的腳本環(huán)境，當(dāng)用戶從瀏覽器向Web服務(wù)器請(qǐng)求PHP文件時(shí)，PHP腳本開始運(yùn)行，然后Web服務(wù)器調(diào)用PHP，PHP全面讀取請(qǐng)求的文件，執(zhí)行所有腳本命令，并將Web頁(yè)傳送給瀏覽器。Javascript主要用于接受用戶的輸入，并且把其他的一些組件捆綁在一起。最主要的web瀏覽器都內(nèi)建了Javascript引擎，它能接受這些無(wú)格式的Javascript文本代碼，并在客戶段將突發(fā)的指令翻譯。Php語(yǔ)言的特點(diǎn):多數(shù)WEB開發(fā)者眼中，ASP和JSP都被認(rèn)為是領(lǐng)跑者，而PHP卻被認(rèn)為是個(gè)弱小的“掙扎者”，或者說(shuō)它是一門被貶低為業(yè)余者才使用的語(yǔ)言，不值得參與企業(yè)Web開發(fā)的競(jìng)爭(zhēng)。在我看來(lái)，PHP沒有被當(dāng)作競(jìng)爭(zhēng)者的理由是評(píng)論者缺乏對(duì)它的了解，而且也不了解用于Web開發(fā)的其他操作系統(tǒng)。和一些觀點(diǎn)相反，Windows不再占有Web虛擬主機(jī)服務(wù)市場(chǎng)的最大份額，我猜想它在Web開發(fā)這一領(lǐng)域里也在被摧城拔寨。1、在企業(yè)開發(fā)里為什么沒有PHP？很顯然，PHP被認(rèn)為落后ASP和JSP太多，以至于它是沒有什么用的，但是這恰恰與事實(shí)不符。PHP本身就是一門強(qiáng)大的語(yǔ)言。它事實(shí)上在每個(gè)發(fā)行版的Linux上都有，在MacOSX上也有。獲取開發(fā)和使用PHP代碼的構(gòu)件（building-block）工具和軟件都是免費(fèi)的。用于開發(fā)PHP應(yīng)用程序的商業(yè)集成開發(fā)環(huán)境（commercialintegrateddevelopmentenvironments，IDES）也可以找到——這樣的工具有Komodo（它運(yùn)行在Linux和Windows上）和ZendStudio（這個(gè)應(yīng)用程序能夠運(yùn)行在任何帶有Java運(yùn)行環(huán)境的操作系統(tǒng)上）。你幾乎可以在每個(gè)Web虛擬主機(jī)上運(yùn)行由PHP建立的網(wǎng)站，而不要考慮服務(wù)器所運(yùn)行的是什么操作系統(tǒng)，這一事實(shí)讓PHP更加具有吸引力。2、PHP能夠提供什么？先把PHP周圍有什么忘掉一會(huì)兒，而考慮一下PHP自身能夠提供什么。它是一門強(qiáng)健的服務(wù)器端語(yǔ)言，能夠提供相當(dāng)多的功能，而且能夠迅速地為頁(yè)面提供服務(wù)。3、容易使用使用C或者Perl或者具有類似風(fēng)格和句法的另一種語(yǔ)言的任何用戶都能夠很快上手PHP。盡管它是設(shè)計(jì)用在Web上的，但是它也能夠作為命令行語(yǔ)言使用。你正在編寫的Web應(yīng)用程序需要每個(gè)小時(shí)或者每天執(zhí)行一次某些代碼嗎？使用cron或者類似的計(jì)劃安排管理器，你可以計(jì)劃安排PHP代碼在你希望的時(shí)候執(zhí)行，使用普通的命令解釋腳本或者批處理文件就能夠執(zhí)行這樣的代碼。不需要自動(dòng)調(diào)用瀏覽器就能夠查看專門的網(wǎng)頁(yè)，從而執(zhí)行你的事件，也沒有必要依賴來(lái)訪者的點(diǎn)擊來(lái)告訴你的系統(tǒng)：特定的代碼需要在特定的時(shí)候被執(zhí)行。PHP在這一領(lǐng)域可擴(kuò)展性的事實(shí)是絕對(duì)具有吸引力的。4、PHP的好處我不是JSP或者ASP的老手，在此我也不想貶低這些語(yǔ)言。相反，我會(huì)把注意力放在PHP的好處上。（1）本地化PHP讓你能夠?yàn)榫W(wǎng)站的訪問者提供本地化的服務(wù)。當(dāng)用戶點(diǎn)擊進(jìn)入網(wǎng)站的時(shí)候，網(wǎng)站會(huì)根據(jù)他們?yōu)g覽器的設(shè)置自動(dòng)地以其母語(yǔ)向其提供頁(yè)面。要實(shí)現(xiàn)這一點(diǎn)不需要使用用于語(yǔ)言翻譯的煩雜文件，而是使用和本地化的C程序所具有的相同能力，通過一個(gè)叫做gettext的系統(tǒng)實(shí)現(xiàn)的。如果被請(qǐng)求的語(yǔ)言文件存在，那么用戶所看到的文本就是其母語(yǔ)；如果語(yǔ)言文件不存在，那么文本就是缺省的英語(yǔ)或者其他任何你所指定的語(yǔ)言。許多本地化的UNIX應(yīng)用程序都將gettext作為標(biāo)準(zhǔn)，它讓第三方的翻譯變得輕而易舉。（2）輕易地使用命令行PHP支持在需要的地方設(shè)置和執(zhí)行命令行程序。使用標(biāo)準(zhǔn)的UNIXdiff工具，它能夠生成錯(cuò)誤最后一次修改同要使用電子郵件發(fā)送到錯(cuò)誤的所有者的當(dāng)前注釋之間的不同。PHP代碼對(duì)在系統(tǒng)上所編寫的兩個(gè)文件執(zhí)行diff，將其輸出作為輸入，再生成一個(gè)要發(fā)送的電子郵件。這封電子郵件是通過PHP自己來(lái)發(fā)送的。（3）其他好處上面的只是我在自己程序里所用到的強(qiáng)大功能中的兩個(gè)，而還其他的功能。例如，你可以：即時(shí)創(chuàng)建簡(jiǎn)單的Flas。即時(shí)創(chuàng)建PDF文檔。使用高級(jí)數(shù)學(xué)功能，以及面向?qū)ο蟮木幊碳夹g(shù)。讀取和寫入到本地和IMAP郵箱。在PHP里就可以使用任何標(biāo)準(zhǔn)的Internet協(xié)議。想要編寫基于PHP的FTP、Web或者新聞客戶端？沒有問題！只使用PHP你就完全能夠編寫出使用標(biāo)準(zhǔn)TCP/IP套接字的客戶端和服務(wù)器，并以此創(chuàng)建自己的協(xié)議。實(shí)現(xiàn)對(duì)加密的支持，以及對(duì)各種數(shù)據(jù)庫(kù)服務(wù)器的支持。在編寫的Web應(yīng)用程序需要每個(gè)小時(shí)或者每天執(zhí)行一次某些代碼嗎？使用cron或者類似的計(jì)劃安排管理器，你可以計(jì)劃安排PHP代碼在你希望的時(shí)候執(zhí)行，使用普通的命令解釋腳本或者批處理文件就能夠執(zhí)行這樣的代碼。不需要自動(dòng)調(diào)用瀏覽器就能夠查看專門的網(wǎng)頁(yè)，從而執(zhí)行你的事件，也沒有必要依賴來(lái)訪者的點(diǎn)擊來(lái)告訴你的系統(tǒng)：特定的代碼需要在特定的時(shí)候被執(zhí)行。PHP在這一領(lǐng)域可擴(kuò)展性的事實(shí)是絕對(duì)具有吸引力的。4、PHP的好處我不是JSP或者ASP的老手，在此我也不想貶低這些語(yǔ)言。相反，我會(huì)把注意力放在PHP的好處上。（1）本地化PHP讓你能夠?yàn)榫W(wǎng)站的訪問者提供本地化的服務(wù)。當(dāng)用戶點(diǎn)擊進(jìn)入網(wǎng)站的時(shí)候，網(wǎng)站會(huì)根據(jù)他們?yōu)g覽器的設(shè)置自動(dòng)地以其母語(yǔ)向其提供頁(yè)面。要實(shí)現(xiàn)這一點(diǎn)不需要使用用于語(yǔ)言翻譯的煩雜文件，而是使用和本地化的C程序所具有的相同能力，通過一個(gè)叫做gettext的系統(tǒng)實(shí)現(xiàn)的。如果被請(qǐng)求的語(yǔ)言文件存在，那么用戶所看到的文本就是其母語(yǔ)；如果語(yǔ)言文件不存在，那么文本就是缺省的英語(yǔ)或者其他任何你所指定的語(yǔ)言。許多本地化的UNIX應(yīng)用程序都將gettext作為標(biāo)準(zhǔn)，它讓第三方的翻譯變得輕而易舉。（2）輕易地使用命令行PHP支持在需要的地方設(shè)置和執(zhí)行命令行程序。使用標(biāo)準(zhǔn)的UNIXdiff工具，它能夠生成錯(cuò)誤最后一次修改同要使用電子郵件發(fā)送到錯(cuò)誤的所有者的當(dāng)前注釋之間的不同。PHP代碼對(duì)在系統(tǒng)上所編寫的兩個(gè)文件執(zhí)行diff，將其輸出作為輸入，再生成一個(gè)要發(fā)送的電子郵件。這封電子郵件是通過PHP自己來(lái)發(fā)送的。（3）其他好處上面的只是我在自己程序里所用到的強(qiáng)大功能中的兩個(gè)，而還其他的功能。例如，你可以：即時(shí)創(chuàng)建簡(jiǎn)單的Flas。即時(shí)創(chuàng)建PDF文檔。使用高級(jí)數(shù)學(xué)功能，以及面向?qū)ο蟮木幊碳夹g(shù)。讀取和寫入到本地和IMAP郵箱。在PHP里就可以使用任何標(biāo)準(zhǔn)的Internet協(xié)議。想要編寫基于PHP的FTP、Web或者新聞客戶端？沒有問題！只使用PHP你就完全能夠編寫出使用標(biāo)準(zhǔn)TCP/IP套接字的客戶端和服務(wù)器，并以此創(chuàng)建自己的協(xié)議。實(shí)現(xiàn)對(duì)加密的支持，以及對(duì)各種數(shù)據(jù)庫(kù)服務(wù)器的支持。我覺得，那些尋找頂級(jí)Web開發(fā)語(yǔ)言而排除掉PHP的人是極其短見的。無(wú)論是像錯(cuò)誤追蹤系統(tǒng)這樣的高級(jí)功能，還是簡(jiǎn)單地重復(fù)使用頁(yè)眉和頁(yè)腳這樣的普通功能，我都使用PHP編寫過。我用PHP編寫過半靜態(tài)的頁(yè)面，也編寫過全功能的多媒體演示。我不是唯一一個(gè)使用PHP的人。如果PHP不值得引起注意，如果它只是小兒科或者愛好者的語(yǔ)言，那它為什么會(huì)是在Web開發(fā)上成長(zhǎng)最快的語(yǔ)言呢？如果它沒有ASP或者JSP那么強(qiáng)大，那么它為什么會(huì)被用在流量巨大Web網(wǎng)站上？例如Yahoo，據(jù)說(shuō)它就是由PHP建成的。5、開發(fā)人員習(xí)慣用熟悉的產(chǎn)品我敢肯定，ASP和JSP有它們各自的強(qiáng)項(xiàng)，但是我相信人們是用它們不是因?yàn)樗鼈兡軌蛱峁┍萈HP更加強(qiáng)大的功能，而是因?yàn)槿藗円呀?jīng)了解了它們，并希望以自己習(xí)慣的方法編寫代碼。排除PHP只能表示對(duì)這一語(yǔ)言的無(wú)知。
2.2.2、數(shù)據(jù)庫(kù)本站采用MYSQL數(shù)據(jù)庫(kù),MySQL數(shù)據(jù)庫(kù)可以稱得上是目前運(yùn)行速度最快的SQL語(yǔ)言數(shù)據(jù)庫(kù)。除了具有許多其它數(shù)據(jù)庫(kù)所不具備的功能和選擇之外，MySQL數(shù)據(jù)庫(kù)是一種完全免費(fèi)的產(chǎn)品，用戶可以直接從網(wǎng)上下載數(shù)據(jù)庫(kù)，用于個(gè)人或商業(yè)用途，而不必支付任何費(fèi)用。MySQL是完全網(wǎng)絡(luò)化的跨平臺(tái)關(guān)系型數(shù)據(jù)庫(kù)系統(tǒng)，同時(shí)是具有客戶機(jī)/服務(wù)器體系結(jié)構(gòu)的分布式數(shù)據(jù)庫(kù)管理系統(tǒng)。它具有功能強(qiáng)，使用簡(jiǎn)單，管理方便，運(yùn)行速度快，安全可靠性強(qiáng)等優(yōu)點(diǎn)，特別適用于Web站點(diǎn)或應(yīng)用軟件的數(shù)據(jù)庫(kù)后端的開發(fā)工作，用戶可利用許多語(yǔ)言編寫訪問MySQL數(shù)據(jù)庫(kù)的程序。作為開放源代碼運(yùn)動(dòng)的產(chǎn)物之一，聞名遐邇的速度和易用性使MySQ關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)越來(lái)越受到人們的青睞，應(yīng)用范圍也越來(lái)越廣。開放源代碼所提供的設(shè)計(jì)更新間隔正是系統(tǒng)同企業(yè)實(shí)際操作進(jìn)行同步所需要的，至少是在盡可能地同步。由于MySQL數(shù)據(jù)庫(kù)與php的結(jié)合更是完美無(wú)缺。我選擇了MySQL作為我們的數(shù)據(jù)庫(kù)?？傮w來(lái)說(shuō)，MySQL數(shù)據(jù)庫(kù)具有以下主要特點(diǎn)：1同時(shí)訪問數(shù)據(jù)庫(kù)的用戶數(shù)量不受限制；2可以保存超過50,000,000條記錄；3是目前市場(chǎng)上現(xiàn)有產(chǎn)品中運(yùn)行速度最快的數(shù)據(jù)庫(kù)系統(tǒng)；4用戶權(quán)限設(shè)置簡(jiǎn)單、有效。
2.2.3、網(wǎng)站服務(wù)器
網(wǎng)站的服務(wù)器我首選的當(dāng)然是apache服務(wù)器的。ApacheServe的前身是NCSA的httpd，曾經(jīng)在1995年成為最為流行的萬(wàn)維網(wǎng)的服務(wù)器。因?yàn)閺?qiáng)大的功能和靈活的設(shè)置及平臺(tái)移植性，ApacheServer取得了廣泛的信賴。ApacheServer的主要功能有：1、支持最新的HTTP1.1協(xié)議（RFC2616）。2、極強(qiáng)的可配置和可擴(kuò)展性，充分利用第三方模快的功能。3、提供全部的源代碼和不受限制的使用許可（License）。4、廣泛應(yīng)用于Windows2000/NT/9x、Netware5.x，OS/2和UNIX家族極其他操作系統(tǒng)，所支持的平臺(tái)多達(dá)17余種。5、強(qiáng)大的功能，涵蓋了用戶的需求，包括：認(rèn)證中的DBM數(shù)據(jù)庫(kù)支持；錯(cuò)誤和問題的可定制響應(yīng)的目錄導(dǎo)向功能；不受限的靈活的URL別名機(jī)制和重定向功能；虛擬主機(jī)（多宿主主機(jī)）支持多個(gè)域主頁(yè)共存一臺(tái)主機(jī)；超強(qiáng)的日志文件功能；利用站點(diǎn)的分析；拓展于維護(hù)等等。正因?yàn)檫@些強(qiáng)大的優(yōu)勢(shì)，使ApacheServer與其他的Web服務(wù)器相比，充分展示了高效、穩(wěn)定及功能豐富的特點(diǎn)。ApacheServer已用于超過600萬(wàn)個(gè)Internet站點(diǎn)。于是我決定用apache作為我們這個(gè)網(wǎng)站的服務(wù)器
2.2.4、網(wǎng)站的內(nèi)部數(shù)據(jù)結(jié)構(gòu)
本站也可以說(shuō)是一個(gè)網(wǎng)絡(luò)應(yīng)用管理信息系統(tǒng)（MIS），管理信息系統(tǒng)（MIS）是一個(gè)由人、計(jì)算機(jī)等組成的能進(jìn)行信息的收集、傳遞、存儲(chǔ)、加工和使用的系統(tǒng)。隨著科技的發(fā)展，信息的膨脹，企業(yè)信息化成了企業(yè)在競(jìng)爭(zhēng)中處于不敗地位的有效手段之一。而MIS不僅能夠及時(shí)全面地提供信息和數(shù)據(jù)，簡(jiǎn)化統(tǒng)計(jì)工作，對(duì)不同的管理層次提出不同的報(bào)告之外，還能根據(jù)過去的數(shù)據(jù)預(yù)測(cè)未來(lái)的情況。因此，采用何種方法開發(fā)出一種兼顧開發(fā)效率和運(yùn)行效率,同時(shí)滿足分布式事件處理功能的管理信息系統(tǒng)就顯得尤為重要。而本網(wǎng)站正是利用到了一些網(wǎng)絡(luò)三層結(jié)構(gòu)的知識(shí)。一說(shuō)到三層式結(jié)構(gòu)，一般人總是先想到JSP/Servlet，其實(shí)用任何語(yǔ)言都可以實(shí)現(xiàn)網(wǎng)絡(luò)的三層結(jié)構(gòu)，而本站亦可以說(shuō)是一個(gè)網(wǎng)絡(luò)音樂管理系統(tǒng)，我在做這個(gè)網(wǎng)絡(luò)后臺(tái)是首先想到也就是要用三層網(wǎng)絡(luò)結(jié)構(gòu)來(lái)組織我們的數(shù)據(jù)。下面我簡(jiǎn)單的介紹一下什么是網(wǎng)絡(luò)應(yīng)用程序的三層體系結(jié)構(gòu)，所謂三層結(jié)構(gòu)是針對(duì)于過去的主機(jī)終端模式或者服務(wù)器客戶機(jī)模式區(qū)別而成的，它的特點(diǎn)是在后臺(tái)有一個(gè)后端數(shù)據(jù)支持服務(wù)器，在中端有一群應(yīng)用服務(wù)器，提供結(jié)合用戶業(yè)務(wù)和具體應(yīng)用的相關(guān)系統(tǒng)解決方案，在前端會(huì)有很多的接入設(shè)備，通過接入設(shè)備與客戶機(jī)。連接在三層結(jié)構(gòu)當(dāng)中，數(shù)據(jù)流的流動(dòng)方式是從后端數(shù)據(jù)支持層流向應(yīng)用層，進(jìn)而流向前端接入層，最后達(dá)到用戶層。如果把它和電視系統(tǒng)比較就可以看到，前端接入層就象電視機(jī)，而中間應(yīng)用層就象是電視發(fā)射設(shè)備，而后端的數(shù)據(jù)支持層就象一個(gè)電視臺(tái)，這樣由前、中、后構(gòu)成一個(gè)完整的系統(tǒng)。系統(tǒng)的三層體系結(jié)構(gòu)如圖1。
整個(gè)管理信息系統(tǒng)采用Browser/Web/DataBase的三層體系結(jié)構(gòu)。Web服務(wù)器接受請(qǐng)求，通過應(yīng)用程序服務(wù)器執(zhí)行一個(gè)Java服務(wù)器端小程序Servlet并返回其輸出，從而實(shí)現(xiàn)與客戶機(jī)進(jìn)行信息資源的交互。數(shù)據(jù)庫(kù)服務(wù)器用來(lái)存儲(chǔ)管理信息系統(tǒng)中所用到的各種數(shù)據(jù)，數(shù)據(jù)由數(shù)據(jù)庫(kù)管理程序直接錄入。系統(tǒng)的客戶端只需要一個(gè)瀏覽器即可。相關(guān)人員通過瀏覽器來(lái)查詢、增加、修改、刪除數(shù)據(jù)，對(duì)信息進(jìn)行管理。
2.2.5、后臺(tái)程序設(shè)計(jì)思想
本站使用了模塊化的設(shè)計(jì)思想，使用模塊化的設(shè)計(jì)思想可以實(shí)現(xiàn)代碼的重復(fù)利用，易維護(hù)、易使用、易編寫，可以在支持PHP的任何平臺(tái)上工作，還不要重新編寫，體現(xiàn)了“一次編寫，隨處運(yùn)行”的思想，有利于高效、高速的開發(fā)網(wǎng)站，有利于經(jīng)驗(yàn)的交流。本站的部分模塊及其功能如下：預(yù)定義模塊（config.php）：定義本網(wǎng)站的基本信息（如站名、域名、背景色等），管理員，數(shù)據(jù)庫(kù)等基本信息公共模塊(public.php):預(yù)定義一些使用頻率較頻繁的函數(shù)（如用戶是否登陸判斷、出錯(cuò)判斷等）數(shù)據(jù)管理模塊：音樂數(shù)據(jù)的添加、刪除、修改、更新。幫助模塊：提供一定的幫助。用戶登陸模塊：提供用戶的登陸服務(wù)。
2.2.6、正在進(jìn)行中的后臺(tái)部分功能的擴(kuò)展與完善
1、需要完善的地方界面的完善，雖說(shuō)現(xiàn)在這個(gè)界面已經(jīng)可以用了，我們不是專業(yè)的美工，總是有不盡人意的地方，這種感覺是一個(gè)長(zhǎng)期過程，我想我們要想做到完美，可能不需要一段時(shí)間的培養(yǎng)與積累。腳本代碼的優(yōu)化，做一個(gè)程序總是不可避免的產(chǎn)生一些冗長(zhǎng)而累贅的代碼，為了加速后臺(tái)的運(yùn)行，我們需要對(duì)程序進(jìn)行代碼優(yōu)化。2、需要進(jìn)行的功能擴(kuò)展論壇：現(xiàn)在的留言板不能方便的用戶進(jìn)行交流，為了更好的增加用戶之間的交流與互動(dòng)，有必要增加一個(gè)論壇，現(xiàn)在這個(gè)工作正在制作中，這個(gè)論壇的引擎（也就是說(shuō)后臺(tái)）我已經(jīng)開發(fā)完了，現(xiàn)在要做的就是前臺(tái)的設(shè)計(jì)。
三：本網(wǎng)站實(shí)現(xiàn)的關(guān)鍵技術(shù)
下面就是本人認(rèn)為的關(guān)鍵技術(shù)及其實(shí)現(xiàn)方法
3.1、用戶是否登陸的判斷
在許多頁(yè)面中的一些特殊的功能是需要驗(yàn)證用戶是否是登陸的。這就需要我們做一個(gè)函數(shù)，以便在需要的時(shí)候可以方便的調(diào)用它。但是它的實(shí)現(xiàn)是有點(diǎn)難度的。
首先是數(shù)據(jù)庫(kù)連接模塊，代碼如下
3.2、數(shù)據(jù)庫(kù)的使用
本網(wǎng)站之所以說(shuō)是動(dòng)態(tài)網(wǎng)站，正是因?yàn)橛袕?qiáng)大的數(shù)據(jù)庫(kù)支持，我才可以大言不慚說(shuō)我們的音樂網(wǎng)站是一個(gè)動(dòng)態(tài)網(wǎng)站。我們里面幾乎所有的功能模塊都是用數(shù)據(jù)庫(kù)來(lái)實(shí)現(xiàn)的。也只有這樣我們的網(wǎng)站才是動(dòng)態(tài)更新的。首先是數(shù)據(jù)表的建立，本站目前來(lái)說(shuō)還只是一個(gè)純的音樂網(wǎng)站。這里面幾乎全部的數(shù)據(jù)都是來(lái)自數(shù)據(jù)庫(kù)，但是要對(duì)眾多的數(shù)據(jù)進(jìn)行分類不是一件容易的事情，經(jīng)過幾天的努力，并求助于網(wǎng)絡(luò)，總算是把我們的數(shù)據(jù)進(jìn)行了分類，并建立了數(shù)據(jù)表。下面就是建立本站相關(guān)表的SQL語(yǔ)句://歌手地域表province`),KEY`user_id`(`user_id`))TYPE=MyISAM;而我們這里用到的主要是數(shù)查詢，其中多表查詢和數(shù)據(jù)的溢出處理發(fā)了我一些時(shí)間，下面就簡(jiǎn)單的介紹一下。(1)多表查詢：本網(wǎng)站有許多地方用必需要用到多表查詢。MySQL數(shù)據(jù)庫(kù)是一種關(guān)系數(shù)據(jù)庫(kù)，它的多表查詢有許多方式，我在這里采用了一種比看起來(lái)比較簡(jiǎn)單的方式，例如，我需要查找最新加入的前4張CD的歌手和CD信息：語(yǔ)言的甜餅機(jī)制，這是最不好控制的地方，至少我認(rèn)為是這樣的，php的session真的不好弄，有時(shí)候出錯(cuò)也另人不可思議。這也許是眾多php學(xué)習(xí)者和使用者頭痛的地方，我也上網(wǎng)于助過，不過得到的答案也不是那么的另人滿意。不知道新版的php5有沒有好好的解決這個(gè)問題。直到現(xiàn)在我也沒能弄清這個(gè)問題，看來(lái)我還得研究一下這個(gè)東東才行。
3.4、php面向?qū)ο蟮木幊谭椒?，如果用到了php面向?qū)ο蟮姆椒ǖ脑挘蔷褪菍＜壹?jí)的php程序員啦，現(xiàn)在雖說(shuō)有些地方已經(jīng)用到了這個(gè)方法（例如客戶論證機(jī)制，登陸的判斷機(jī)制等等），但是還不是真正意義上的面象對(duì)向的編程。一個(gè)好的程序員不僅到學(xué)好程序開發(fā)語(yǔ)言，而更主要的是明白怎么樣去編程，即編程的思想。這就是為什么一個(gè)非計(jì)算機(jī)專業(yè)人可以考過高級(jí)程序員，但卻無(wú)法真正的去寫程序。這四年我認(rèn)為我真正學(xué)到的也就是這一點(diǎn)（即編程的方法）。
四：如何體現(xiàn)專業(yè)性與實(shí)用相結(jié)合
1、本網(wǎng)站集文字、圖片、色彩、動(dòng)畫于一體，通過它，可以一下子就抓住用戶視線，給用戶留下印相，增加用戶的回頭率。2、合理的數(shù)據(jù)組織結(jié)構(gòu)可以讓網(wǎng)站速度提升，而合理的界面布局可以使用戶可以很快的找到他自己需到的東西。3、提供動(dòng)態(tài)的數(shù)據(jù)更新，可隨時(shí)更新、更正、省時(shí)省力，節(jié)省了大筆的人力及財(cái)力。4、數(shù)據(jù)的模塊化，使得我們可以更好更容易的進(jìn)行網(wǎng)站更新和維護(hù)。
五：心得，體會(huì)
通過這次設(shè)計(jì)，我們學(xué)到了很多新的知識(shí)，溫故遺忘的知識(shí)，并充分發(fā)揮了團(tuán)隊(duì)合作精神，在設(shè)計(jì)過程中，互幫互助。特別是在制作前期，與企業(yè)商談時(shí)，更是學(xué)到了很多從未學(xué)過的知識(shí)，更加體現(xiàn)到社會(huì)與學(xué)校的不同之處。整個(gè)設(shè)計(jì)下來(lái)，我們對(duì)這三個(gè)軟件有了更好的掌握，深入使用各個(gè)功能，對(duì)自己的設(shè)計(jì)生涯有了很好的提高。對(duì)于個(gè)人而言，在這個(gè)工程中讓我過了一把癮，在這個(gè)過程中我學(xué)到了不少的知識(shí)，真正體會(huì)到了什么才是“完美結(jié)合”——Apache、PHP、MySQL的結(jié)合，知道了知識(shí)只有實(shí)踐才是真正的有價(jià)值,同時(shí)在這個(gè)過程中遇到了到現(xiàn)在都還不能很好解決的問題（見上15頁(yè)的三—3和三—4）。在以后的學(xué)習(xí)工作中我一定會(huì)逐步的去解決我所遇到的問題。
六：后記
兩個(gè)月的時(shí)間一晃就過去了，這我們網(wǎng)站的制作過程中，我們非常感謝同學(xué)們?yōu)閷?duì)我們的網(wǎng)站所進(jìn)行的測(cè)試，同時(shí)也感謝他們?yōu)槲覀兯岢龅膶氋F意見，使我們的網(wǎng)站得以完善。在這個(gè)過程中，我們更想感謝的是席泓老師，如果沒有她的指導(dǎo)和幫助，我想我們的網(wǎng)站無(wú)法完成的這么順利。同時(shí)我們還要感謝4年來(lái)學(xué)校領(lǐng)導(dǎo)，老師對(duì)我我們的教育和幫助，給予了我們學(xué)習(xí)計(jì)算機(jī)知識(shí)和技能的機(jī)會(huì)，使我們才有今天才有機(jī)會(huì)來(lái)制作這個(gè)網(wǎng)站，相信不會(huì)讓您們失望！當(dāng)然，其中肯定還有很多不足之處，希望您們繼續(xù)批評(píng)指正，使我們的專業(yè)水平日趨提高。在此表示衷心的謝意！
參考文獻(xiàn)
[1]李辛銘《PHP4網(wǎng)頁(yè)編程實(shí)例解析》清華大學(xué)出版社2002年2月
[2]黃禮強(qiáng)《電子商務(wù)能手——PHP&MySQL電子商務(wù)網(wǎng)站架構(gòu)案例》中國(guó)電力出版社2002年1月
互聯(lián)網(wǎng)作為連接世界各地計(jì)算機(jī)的全球性信息化網(wǎng)絡(luò)，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個(gè)領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時(shí)代基層的一個(gè)重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好網(wǎng)站，對(duì)于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)自身建設(shè)、提升知名度和影響力都具有非常重要意義。
2網(wǎng)站設(shè)計(jì)分析
文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達(dá)信息不可或缺的手段，同時(shí)也是用戶對(duì)網(wǎng)站第一印象和整體風(fēng)格關(guān)注的主要內(nèi)部分。要想設(shè)計(jì)出符合人性化需求的網(wǎng)站，只有多為用戶著想，認(rèn)真地以用戶的切身體會(huì)出發(fā)去完成網(wǎng)站的整體設(shè)計(jì)。當(dāng)然，在設(shè)計(jì)過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個(gè)方面。
3網(wǎng)頁(yè)制作
3.1選擇合適的網(wǎng)頁(yè)設(shè)計(jì)軟件當(dāng)前能使用的網(wǎng)頁(yè)設(shè)計(jì)類軟件很多，而選擇一個(gè)功能強(qiáng)大、操作簡(jiǎn)單的軟件則會(huì)讓你事半功倍。對(duì)于網(wǎng)頁(yè)制作軟件來(lái)說(shuō)，初學(xué)者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁(yè)制作入門級(jí)軟件，F(xiàn)rontPage使用方便簡(jiǎn)單，會(huì)用Word就能做網(wǎng)頁(yè)，所見即所得是其特點(diǎn)，該軟件結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式。Dreamweaver是美國(guó)MACRO~EDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁(yè)。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁(yè)設(shè)計(jì)過程中可根據(jù)自己的需要靈活運(yùn)用這些軟件。
3.2選擇網(wǎng)頁(yè)內(nèi)容前期的框架設(shè)計(jì)好后，就要為這個(gè)網(wǎng)站選擇內(nèi)容了。網(wǎng)頁(yè)內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨(dú)特的，這些可以從圖書、報(bào)紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準(zhǔn)備得越多越好，再?gòu)倪@些素材中粗中取細(xì)，以備制作網(wǎng)站時(shí)可以隨時(shí)拿來(lái)使用。總之，網(wǎng)頁(yè)內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁(yè)面制作的再怎么精美，仍然不會(huì)留住訪問者。
3.3運(yùn)用網(wǎng)頁(yè)設(shè)計(jì)中的色彩不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁(yè)的文化內(nèi)涵。因?yàn)樗墚a(chǎn)生強(qiáng)烈的視覺沖擊，所以確定網(wǎng)頁(yè)的色彩是相當(dāng)重要的一步。在網(wǎng)頁(yè)的色彩設(shè)計(jì)上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對(duì)比明暗、輕重、冷暖、調(diào)和色和純度對(duì)比色的應(yīng)用等等。合理的用色可以讓信息的傳遞更有價(jià)值，使網(wǎng)頁(yè)更有效和準(zhǔn)確地把信息傳達(dá)給我們的視覺。
4結(jié)語(yǔ)
關(guān)鍵詞：光纖直放站覆蓋技術(shù)傳輸距離
引言
隨著移動(dòng)通信的高速發(fā)展，客戶對(duì)網(wǎng)絡(luò)服務(wù)質(zhì)量的要求不斷提高，運(yùn)營(yíng)商之間競(jìng)爭(zhēng)日益激烈。而對(duì)公路隧道實(shí)現(xiàn)全線覆蓋是運(yùn)營(yíng)商提高網(wǎng)絡(luò)質(zhì)量的一個(gè)重要環(huán)節(jié)，也是提高綜合競(jìng)爭(zhēng)力的一個(gè)有力手段。
建設(shè)CDMA、GSM直放站可快速提高網(wǎng)絡(luò)質(zhì)量。直放站從傳輸方式來(lái)分有無(wú)線直放站、光纖直放站和移頻直放站。其中，光纖直放站運(yùn)用的歷史較短，但與其他直放站相比較，它有自己獨(dú)特的優(yōu)勢(shì)，光纖直放站信號(hào)純凈，衰減度小，信號(hào)傳輸不受地理氣候的限制，而且隨著光器件價(jià)格的降低，產(chǎn)品不斷成熟，在網(wǎng)絡(luò)中的運(yùn)用不斷增多。
一、光纖直放站的工作原理
光纖直放站主要由中繼端機(jī)（或近端機(jī)，在基站機(jī)房?jī)?nèi)耦合信號(hào)）、光傳輸網(wǎng)絡(luò)、遠(yuǎn)端機(jī)和天線系統(tǒng)組成。
中繼端機(jī)將基站射頻信號(hào)耦合下來(lái)，并將射頻信號(hào)轉(zhuǎn)換成光信號(hào)；
光傳輸網(wǎng)絡(luò)將信號(hào)傳送到遠(yuǎn)端；
遠(yuǎn)端機(jī)主要包括雙工濾波器（Duplex）、低噪聲放大器（LNA-lownoiseamplifier）、功率放大器（PA-poweramplifier）、光端機(jī)等設(shè)備，將射頻信號(hào)從光信號(hào)中解調(diào)出來(lái)，并濾波、放大；
用戶天線用于覆蓋區(qū)的信號(hào)發(fā)射和接收，可采用全向或定向天線。
前向放大器放大基站至移動(dòng)臺(tái)的下行信號(hào)（前向信號(hào)），反向放大器放大移動(dòng)臺(tái)至基站的上行信號(hào)（反向信號(hào)），由于上下行信號(hào)頻率相差很大即雙工間隔很大（如GSM900、CDMA800的雙工間隔為45MHz），可利用雙工濾波器和前端濾波器方便地將兩路信號(hào)分開。
二、光纖直放站特點(diǎn)
光纖直放站與無(wú)線直放站的最大區(qū)別在于施主基站信號(hào)的傳輸方式上，光纖直放站是通過光纖進(jìn)行傳輸，而無(wú)線直放站通過空間傳播。因此，光纖直放站具有以下特點(diǎn)：①輸出信號(hào)頻率與輸入信號(hào)頻率相同，透明信道。②覆蓋區(qū)天線可根據(jù)地形情況選擇全向或定向天線。③不存在無(wú)線直放站收發(fā)隔離問題，選址方便。④光纖中繼端與近端機(jī)距離不超過20公里。
三、光纖直放站在公路隧道覆蓋中的建設(shè)問題
由于公路隧道具有地形復(fù)雜，信源獲取困難以及覆蓋區(qū)域狹長(zhǎng)，信號(hào)波動(dòng)損耗都較大等特點(diǎn)；因此需要根據(jù)實(shí)際環(huán)境進(jìn)行勘測(cè)設(shè)計(jì)，靈活組網(wǎng)規(guī)劃；基于公路隧道的特點(diǎn)，光纖直放站因具有設(shè)計(jì)和施工靈活且覆蓋效果好，工作穩(wěn)定等優(yōu)點(diǎn)，所以在公路隧道中有很好的應(yīng)用。可從以下幾個(gè)方面來(lái)進(jìn)行探討。
3.1傳輸距離的要求光纖直放站的傳輸距離最大可達(dá)15公里，因此對(duì)于一般的狹長(zhǎng)的隧道，只要不超過改傳輸距離，就可以使用光纖直放站來(lái)進(jìn)行覆蓋。
3.2信源的選取因?yàn)樾旁吹倪x取直接關(guān)系到整體覆蓋效果。因此要保證施主基站有話務(wù)容量冗余可以負(fù)擔(dān)光纖直放站覆蓋區(qū)域內(nèi)的話務(wù)量。若在隧道口附近無(wú)信源可取或隧道較長(zhǎng)，利用耦合器從基站耦合信號(hào)到近端機(jī)，近端機(jī)將射頻信號(hào)轉(zhuǎn)化為光信號(hào)，通過光纜將光信號(hào)送到遠(yuǎn)端機(jī)，遠(yuǎn)端機(jī)將光信號(hào)轉(zhuǎn)化為射頻信號(hào)同時(shí)放大信號(hào)將其饋送到天線。根據(jù)覆蓋距離及近端機(jī)拖帶遠(yuǎn)端機(jī)能力和對(duì)基站的噪聲影響，來(lái)確定遠(yuǎn)端機(jī)數(shù)量。
3.3供電方式對(duì)于公路隧道，一般建設(shè)在較偏遠(yuǎn)的山區(qū)，電源不太穩(wěn)定甚至沒有電源提供，因此可以利用太陽(yáng)能供電系統(tǒng)供電，但是如果是在有電源提供的地區(qū)可直接利用220V交流電供電。
3.4監(jiān)控系統(tǒng)公路隧道在偏遠(yuǎn)地區(qū)，故在維護(hù)上有很大的困難。監(jiān)控系統(tǒng)能對(duì)其進(jìn)行參數(shù)設(shè)置、調(diào)整，在網(wǎng)絡(luò)維護(hù)方面起了非常重要的作用，是必不可少的一項(xiàng)補(bǔ)充。
四、光纖直放站在某隧道網(wǎng)絡(luò)覆蓋中的應(yīng)用實(shí)例
4.1工程概況某隧道隧道全長(zhǎng)820米，雙洞單向兩車道，隧道頂高約6米，隧道內(nèi)信號(hào)電平小于-100dBm，隧道東側(cè)隧道口到轉(zhuǎn)彎處約1000米路段信號(hào)電平在-90dBm至-98dBm之間，通話質(zhì)量差。
4.2解決方案為了解決該隧道的覆蓋問題，采用無(wú)線接入光纖直放站，兩隧道內(nèi)分別采用八木天線進(jìn)行覆蓋，隧道外采用拋物面天線，而利用隧道頂遮擋來(lái)解決隔離度問題。系統(tǒng)平面圖如下：
4.3測(cè)試結(jié)果該隧道開通后檢測(cè)結(jié)果為公路隧道內(nèi)、隧道外網(wǎng)絡(luò)信號(hào)電平值≥-85dBm左右，通話質(zhì)量RxQual90%區(qū)域以上0級(jí)，切換成功率＞99%，掉話率＜1%，擴(kuò)大基站覆蓋范圍，對(duì)基站參數(shù)指標(biāo)無(wú)任何影響。
五、結(jié)束語(yǔ)
光纖直放站相對(duì)于無(wú)線直放站來(lái)說(shuō)，成本相對(duì)較高，而且需要敷設(shè)光纖。但正如本文第2點(diǎn)所闡述，與無(wú)線直放站相比，光纖直放站有著無(wú)可比擬的優(yōu)點(diǎn)，光纖直放站一般可獲得80dB以上的增益，主要完成為離基站較遠(yuǎn)的村鎮(zhèn)、公路、廠礦、旅游區(qū)等地域的覆蓋。該系統(tǒng)具有建站速度快、工程投資低，見效快等優(yōu)點(diǎn)，具有極高的性價(jià)比。
參考文獻(xiàn)：
[1]韋惠民等.蜂窩移動(dòng)通信技術(shù).西安：西安電子科技大學(xué)出版社.2002.
關(guān)鍵詞:Web2.0;旅游;信息化
Web2.0體現(xiàn)為互聯(lián)網(wǎng)作為跨設(shè)備的平臺(tái),其應(yīng)用程序充分發(fā)揮平臺(tái)的內(nèi)在優(yōu)勢(shì),軟件以不斷更新的服務(wù)方式進(jìn)行傳遞,個(gè)人用戶通過組成群體貢獻(xiàn)自己的數(shù)據(jù)和服務(wù),同時(shí)允許他人聚合,以達(dá)到用戶越多、服務(wù)越好的目的。通過這種“參與架構(gòu)”創(chuàng)造出超越傳統(tǒng)網(wǎng)絡(luò)頁(yè)面技術(shù)內(nèi)涵,引發(fā)出具有豐富用戶體驗(yàn)的網(wǎng)絡(luò)效應(yīng)[1]。Web1.0的特點(diǎn)在于用戶只能獲取信息,Web2.0則更注重與用戶的交互,用戶既是信息的消費(fèi)者(瀏覽者),也是信息的制造者[2][3][4]。
一、Web2.0對(duì)旅游行業(yè)的影響
旅游2.0(Travel2.0)就是將Web2.0的思想運(yùn)用到與旅游相關(guān)的電子商務(wù)及網(wǎng)站上,將來(lái)源分散的信息聚合以實(shí)現(xiàn)與游客更好的交互體驗(yàn),是一種對(duì)以往旅游信息化過程的再思考和改進(jìn)[5]。Travel2.0是旅游服務(wù)市場(chǎng)的發(fā)展方向。Web2.0的基礎(chǔ)“長(zhǎng)尾理論”認(rèn)為,只要存儲(chǔ)和流通的渠道足夠大,需求不旺或銷量不佳的產(chǎn)品共同占據(jù)的市場(chǎng)份額就可以和那些數(shù)量不多的熱賣品所占據(jù)的市場(chǎng)份額相匹敵甚至更大。這一理論有效的前提是滿足個(gè)性化需求的產(chǎn)品可以通過互聯(lián)網(wǎng)將渠道成本降為零或者趨于零[6]。旅游行業(yè)自身的特點(diǎn)正好滿足這個(gè)前提,天然具有發(fā)揮互聯(lián)網(wǎng)營(yíng)銷能力的優(yōu)勢(shì)。同時(shí),旅游業(yè)對(duì)于信息的依賴性又不同于其它行業(yè),Web1.0時(shí)代集中式的信息管理方法已經(jīng)不能適應(yīng)用戶的要求。伴隨Web2.0誕生的大量新興網(wǎng)絡(luò)商業(yè)模式給傳統(tǒng)旅游業(yè)帶來(lái)了沖擊,同時(shí)也帶來(lái)了創(chuàng)新的動(dòng)力和活力。
二、旅游業(yè)參與角色功能范圍的重新劃分
Web2.0時(shí)代則關(guān)注用戶體驗(yàn),關(guān)注服務(wù)質(zhì)量,這種業(yè)務(wù)模式的轉(zhuǎn)變必然導(dǎo)致旅游業(yè)各參與角色功能范圍的變化。
1.游客。旅游產(chǎn)業(yè)必須占有和依托大量的信息,屬于信息密集型產(chǎn)業(yè),對(duì)信息的支持和更新要求很高。Web2.0的出現(xiàn)從根本上改變了游客在旅游活動(dòng)中的角色功能。
首先,從“讀者”到“編輯”的轉(zhuǎn)換。Web2.0服務(wù)強(qiáng)調(diào)協(xié)作,網(wǎng)絡(luò)信息的生成不再完全由專業(yè)編輯控制,而是向所有用戶開放。大量游客的直接參與不僅改變了以往信息的單方向流動(dòng),同時(shí)也極大地豐富了以往無(wú)法及時(shí)采集或者更新的旅游信息。比如國(guó)外著名的TripAdvisor網(wǎng)站可供游客對(duì)酒店、景點(diǎn)等任何旅游相關(guān)的服務(wù)進(jìn)行評(píng)價(jià),這些信息可以防止服務(wù)商虛假信息,也可以提供服務(wù)商沒有公布的信息,是潛在游客重要的參考資料。其次,從“遍地撒網(wǎng)”到“集中攻克”。Web2.0服務(wù)注重個(gè)人體驗(yàn),強(qiáng)調(diào)信息的個(gè)性化。游客可以通過書簽訂閱感興趣的資料或者加入合適的興趣小組就可以直接獲取所需要的信息,服務(wù)提供商也可以根據(jù)用戶的興趣“推送”相關(guān)資料。“信息的消費(fèi)者和創(chuàng)造者”合二為一的游客新角色是應(yīng)用的需要,也是用戶意志的體現(xiàn)。這種主體意識(shí)必將在全新網(wǎng)絡(luò)文化的滋養(yǎng)下愈發(fā)強(qiáng)勁。
2.政府。政府在旅游行業(yè)的組織管理過程中扮演著重要的角色,除了相關(guān)政策的制定和外,還負(fù)責(zé)一些公益性的、需要巨大投入的項(xiàng)目建設(shè)。Web2.0時(shí)代實(shí)現(xiàn)了“網(wǎng)聚人的力量”,任何組織和個(gè)人以往無(wú)法完成或者需要花費(fèi)巨大的人力物力才可能完成的工程,現(xiàn)在只需要很小的投入便能成功。維基旅游(WikiTravel)的成功正是源自于無(wú)數(shù)網(wǎng)絡(luò)用戶一點(diǎn)一滴的貢獻(xiàn)。單就個(gè)人來(lái)說(shuō),這種貢獻(xiàn)壓力小,可以做到精準(zhǔn)。而對(duì)于網(wǎng)站來(lái)說(shuō),積沙成堆的效果就很明顯。這種個(gè)人力量的匯集最終又將惠及所有人,是知識(shí)和經(jīng)驗(yàn)傳播的有效途徑。政府應(yīng)該變換思路,放棄傳統(tǒng)旅游信息組織的方式,主動(dòng)利用Web2.0的特性來(lái)組織構(gòu)建新一代旅游信息平臺(tái)。采用類似維基旅游的方法,這樣政府就可以從大量繁重的信息采集和整理工作中解脫出來(lái),而集中有限的人力資源來(lái)審核信息。
3.景區(qū)。景區(qū)作為旅游信息化最終的落實(shí)對(duì)象,在任何時(shí)候都應(yīng)該以提升自我服務(wù)質(zhì)量為第一要?jiǎng)?wù)。經(jīng)濟(jì)社會(huì)使得行業(yè)分工越來(lái)越細(xì),景區(qū)是旅游活動(dòng)最重要的參與對(duì)象,但不是唯一的。良好的旅游服務(wù)應(yīng)該使游客對(duì)六要素(吃、住、行、游、購(gòu)、娛)都滿意。景區(qū)開發(fā)不可能涵蓋所有的要素,即使勉強(qiáng)提供了所有業(yè)務(wù),那么與這些要素配套的服務(wù)會(huì)成為景區(qū)不可避免的負(fù)擔(dān)和累贅。例如僅是酒店預(yù)訂、機(jī)票車票預(yù)訂就可以形成一個(gè)巨大的行業(yè)(國(guó)內(nèi)多數(shù)旅游網(wǎng)站都依此為主要經(jīng)濟(jì)來(lái)源,如攜程,e龍等),景區(qū)如果不做到專業(yè)化如何能與獨(dú)立旅游網(wǎng)站競(jìng)爭(zhēng)?所以,景區(qū)的發(fā)展之路就是專注與景區(qū)的管理和開發(fā),而相關(guān)的服務(wù)通過與第三方旅游網(wǎng)站的聯(lián)合而實(shí)現(xiàn)雙贏。
Web2.0還為景區(qū)的開發(fā)管理以及信息化帶來(lái)了很多便利之處,例如景區(qū)地圖。以往的景區(qū)地圖需要請(qǐng)專業(yè)機(jī)構(gòu)制作,更新頻率低,而且地圖與相關(guān)介紹分離。Web2.0提供的免費(fèi)電子地圖(如GoogleMaps,BaiduDitu,Go2map等)不僅更新快,分辨率高,而且具有很好的擴(kuò)展性,便于二次開發(fā)。景區(qū)可以方便的將景點(diǎn)信息(圖片,文字等)潛入電子地圖,給用戶更真實(shí)的體驗(yàn)。
4.專業(yè)旅游網(wǎng)站。在Web2.0時(shí)代,旅游網(wǎng)站的功能和職責(zé)沒有明顯變化,但其經(jīng)營(yíng)方式卻需要轉(zhuǎn)變思路。
首先,最重要的就是要駕馭“長(zhǎng)尾”的力量。旅游網(wǎng)站一直以來(lái)作為個(gè)性化散客的信息平臺(tái),卻未能從這些“服務(wù)對(duì)象”身上直接謀取豐厚回報(bào)?！伴L(zhǎng)尾”經(jīng)濟(jì)現(xiàn)象啟示人們,個(gè)性化旅游市場(chǎng)目前雖然松散但總量可觀。在旅游Web2.0網(wǎng)站,基于以上兩種力量,相似偏好的用戶將形成虛擬社區(qū),并引發(fā)新的出游模式,實(shí)現(xiàn)出游的“化零為整”。這就要求網(wǎng)站突出Web2.0的特點(diǎn),以用戶為中心,跟蹤用戶的需求和習(xí)慣,加強(qiáng)互動(dòng)性。
其次,旅游產(chǎn)業(yè)具有關(guān)聯(lián)度高的特性,產(chǎn)業(yè)涵蓋了食、住、行、游、購(gòu)、娛等多種要素,產(chǎn)業(yè)依托性較強(qiáng),產(chǎn)業(yè)鏈涉及部門廣泛,單純依靠傳統(tǒng)交易模式來(lái)提供服務(wù)產(chǎn)品效率低下,準(zhǔn)確性欠佳。旅游產(chǎn)業(yè)的復(fù)雜性決定了服務(wù)于旅游信息溝通和交易的旅游電子商務(wù)體系的多元復(fù)雜性,游客對(duì)于一站式旅游服務(wù)的需求越來(lái)越強(qiáng)。景區(qū)不可能提供這樣的服務(wù),旅行社在個(gè)性化旅游時(shí)代的作用會(huì)被削減。因此,旅游網(wǎng)站就不可避免地成為銜接六要素相關(guān)行業(yè)的中樞,實(shí)現(xiàn)各類服務(wù)的無(wú)縫集成,給用戶提供一站式旅游服務(wù)。這種模式在Web2.0時(shí)代必將大行其道,其原因就是行業(yè)分工更明確,行業(yè)協(xié)作更自由。Web2.0初期旅游網(wǎng)站之間必然會(huì)出現(xiàn)大量的收購(gòu)合并事件,直至市場(chǎng)分配相對(duì)平衡。
5.旅行社。Web1.0時(shí)代追求一切業(yè)務(wù)都上網(wǎng),旅行社也不例外。實(shí)際上除了少數(shù)幾個(gè)大型旅行社依據(jù)雄厚的實(shí)力通過網(wǎng)絡(luò)獲益外(如中青旅遨游網(wǎng)、春秋旅游網(wǎng)),很多中小型旅行社的網(wǎng)站只是一個(gè)擺設(shè)。Web2.0時(shí)代旅游行業(yè)的專業(yè)分工將更加細(xì)致,同時(shí)經(jīng)濟(jì)收入的提高促進(jìn)了個(gè)性化旅游的發(fā)展,中小型旅行社單薄的網(wǎng)絡(luò)營(yíng)銷依然難與大型旅行社競(jìng)爭(zhēng)。其出路在于與獨(dú)立旅游網(wǎng)站合作,借助專業(yè)網(wǎng)站平臺(tái)的用戶群和營(yíng)銷模式來(lái)爭(zhēng)取客戶?？梢灶A(yù)見Web2.0時(shí)代,旅行社獨(dú)立建設(shè)的網(wǎng)站數(shù)量將大大減少,多數(shù)旅行社的業(yè)務(wù)將寄托在專業(yè)旅游網(wǎng)站上。由此可見,旅游網(wǎng)站將成為旅游2.0的核心,其商業(yè)價(jià)值巨大。
三、結(jié)論
在Web2.0時(shí)代,游客、政府,景區(qū),專業(yè)旅游網(wǎng)站和旅行社的角色功能都要重新定位,新的網(wǎng)絡(luò)應(yīng)用模式和商業(yè)盈利模式促使旅游行業(yè)分工更加細(xì)致,行業(yè)之間的合作更加緊密。這種洗牌過程有利于提高部門效率,提高部門專業(yè)化程度,提高游客的旅游質(zhì)量。
參考文獻(xiàn):
[1]TimO′Reilly.What’sWeb2.0?DesignPatternsandBusinessModelsfortheNextGenerationofSoftware[EB/OL]
[2]周敏,周仁軍.Web2.0:企業(yè)信息化新趨勢(shì)[J].上海信息化,2006(10):76-78.
[3]莫凡.Web2.0的常見形態(tài)及傳播特點(diǎn)[J].開封大學(xué)學(xué)報(bào),2006,20(2):77-78.
[4]郭莎莎,韋銘,肖江南.Web2.0國(guó)內(nèi)外研究現(xiàn)狀及其對(duì)旅游業(yè)的啟示[J].北京第二外國(guó)語(yǔ)學(xué)院學(xué)報(bào)(旅游版),2008(1):37-41.
