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