網站制作論文范文
前言：我們精心挑選了數篇優質網站制作論文文章，供您閱讀參考。期待這些文章能為您帶來啟發，助您在寫作的道路上更上一層樓。
第1篇
論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。
一、介紹
超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。
框架網頁是一種特殊的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實用教程》山東科學技術出版社
第2篇
論文摘要：網頁的內容通常是由圖片和文字組成。由文字構成網頁的主體，而圖片則能夠美化和增色你的網頁。那些包含了設計精美圖片的網站，往往能讓瀏覽者流連忘返。因此，有漂亮的圖片是你的網頁能吸引人的一個有力保證。
一、介紹
超鏈接是網頁中最活潑、最有吸引力的一種元素。表單用于特殊的信息，使用戶和網站進行交互，使你找到用戶的詳細信息。表格在許多工作中有著廣泛的應用。
框架網頁是一種特殊的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實用教程》山東科學技術出版社
第3篇
引言
隨著互聯網的普及與發展，網站已逐漸成為形象宣傳、產品展示推廣、商務貿易，信息溝通的最方便快捷的橋梁。網站是企業向用戶和網民提供信息(包括產品和服務)的一種方式,是企業開展電子商務的基礎設施和信息平臺，離開網站（或者只是利用第三方網站）去談電子商務是不可能的。企業的網址被稱為“網絡商標”，也是企業無形資產的組成部分，而網站是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作為我們的數據庫。總體來說，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月
