山西職業技術學院計算機工程系畢業設計論文論文題目：視頻網的實現專業：計算機應用技術班級：計應A902姓名：指導教師：爐___20茂11___蛛_頁年泊_12_任_星月滑_2__懸日目錄并內容摘要發……………炊……………貞……………其……………形…嗓3出前言信……………幼……………我……………景……………彎………桿4們第一部分凱歸網站網頁基筍礎知識扮互……………吩……………痰……奧4次棄克一、網頁設減計基礎知識暢盛……………去……………援………胃4蓄1襖.HTML半簡介爬……………風……………泳……………罩………燈4級2.你網頁制作工援具介紹緊……………乒……………腐…………添5拌犁二、網站基真礎知識閃休……………希……………潤……………船6弟第二部分保裝網站的設計怪思想及現實枝意義刮摸……………糾………餅6吊餃一、網站的堤設計思想輔候……………遮……………軋…………將7勉睜二、網站的適現實意義麥吐……………愚……………明…………鈔7姨第三部分豎慮網站的模塊次組成左耍……………輛……………籃………榆7睛貫一、模塊組榴成掙扶……………癢……………類……………遮……意7筆凡二、頁面展寇示舅夫……………株……………其……………桶……田8嘗第四部分幕因網站測試艦……………勁……………決……………窩…把11巧厘一、測試內界容析……………找……………瓦……………揚……毒12患踩二、測試目摧的言……………怕……………繁……………渡……鏈12鏟筒三、測試過題程療……………產……………山……………瀉……柜12欣1.純功能測試哥侄……………脂……………例……………耗……勸12均2.液可用性測試悄卷……………雅……………乞……………率…暖12述兼容性測試柴琴……………烏……………赤……………跡…碑13繼代碼附錄至抄……………薪……………削……………稠……………紐13煮心得體會剛……………抽……………縱……………哈……………農20恨致謝特……………前……………抓……………菊……………濕……寧21案參考文獻桑……………驅……………后……………灘……………津22內容摘要誘Inter混net組是一個蘊藏敗著無窮資源虜的寶庫，在眉資源共享和評信息交換方仿面具有得天袋獨厚的優勢瀉。21世紀蜓的今天，上心網已經成為先很多人工作差、生活中必霸不可少的一然部分，這很切大程度上是皮由于網頁承蹄載了任何一盆種媒介都無電法比擬的豐品富資源，網叛頁作為這些神這些資源和盡信息重要的醫傳遞載體。瓜網頁不但可筍以提供文字濱、圖片、多漸媒體信息的隊瀏覽，并且卻網絡在娛樂面、商務及各聰種領域的應綢用，如電子族郵件、視頻緒、網上交易環等都離不開硬網頁。切Inter比net是目智前世界上最銅大的計算機辜互聯網絡，仙它遍布全球廢，將世界各貝地各種規模凳的網絡連接去成一個整體姓。作為In御terne唯t上一種先膏進的，易于朝被人們所接孕受的信息檢糞索手段，W愁orld宮Wide拍Web(簡著稱WWW)支發展十分迅燭速，成為目孟前世界上最油大的信息資最源寶庫。據殲估計，目前望Inter端net上已棄有上百萬個陪Web站點基，其內容范爺圍跨越了教劫育科研、文掠化事業、金質融、商業、翼新聞出版、奇娛樂、體育版等各個領域駝，其用戶群暈十分龐大，雄因此，建設丘一個好的W從eb站點對祖于一個機構接的發展十分佳重要。寄現代社會使慮人們感覺到跳壓力越來越蝕大，能在短鉤時間內使壓腿力得以緩解冷，是人們迫勻切地愿望，書視頻網可以廟為不同喜好吉不同品位的庫觀眾提供各換種娛樂節目純，使人們足小不出戶就可便以聞遍天下由事，真正意驗義上使互連想網走進生活地的每個角落熄。作關鍵詞軟互聯網將視頻前言厲借哨畢業設計的期機會，我設詳計了一個視冷頻網。它主經要包括了電膏影、電視劇陰等的排行榜究及視頻的觀陰看，讓瀏覽母者有親臨影擦院的感覺。錫互聯網作為弱信息雙向交勁流和通訊的宮工具，已經而成為大眾娛徐樂休閑的首攪選。被稱之倘為繼廣播、婆報紙、雜志巡、電視后的繼第五種媒體孫——幅數字媒體。警本網站的主倚題是視頻，笑作為一個娛梢樂性的網站之，可以實現吸電影、電視臥劇等的大聚源集，讓瀏覽構者更加方便圓快捷。襪第一部分柴網站網頁混基礎知識絡一、網頁設延計基礎知識董1.很HTML簡桐介北H詳TML是一命種為網頁所銀設計的簡單闖標記語言，掉用來制作超倆文本文檔。假HTML就蔬被用作WW殼W的信息表蔽示語言，通棟過利用特殊遮標記（TA醉G）來描述銹網頁文檔格金式和網頁之朽間的超鏈接臘信息。可以每說是SGM塔L（標準通冶用標記語言找）專門為瀏史覽器設計的困一種標記語甘言。排H沒TML文本劃是由HTM燭L命令組成遵的描述性文長本，HTM則L命令可以造說明文字、通圖形、動畫細、聲音、表久格、鏈接等藏。HTML少的結構包括章頭部（HE稅AD）、主新體（BOD喉Y）兩大部蝶分，其中頭埋部描述瀏覽面器所需的信必息，而主體夫則包括所要工說明的具體存內容。慶H閱TML的基氣本語法非常回簡單，主要編由標記符（智Tag）和案屬性（At笨tribu更te）組成琴，所有的標吸記符都封裝灰在一對尖括宰號碑“昆<較”舒和四“割>違”擋之中。擊2崇.艘網頁制作工守具介紹雨（1給）Drea捏mweav山er簡介旅M饑acrom促edia絲Dream克weave鑰r是建立糧WEB站點挎和應用程序祥的專業工具獻,它將可視緞布局工具、佳應用程序開輸發功能和代柄碼編輯支持即組合在一起糖,其功能強齡大,使得各減個層次的開亂發人員和設襪計人員都能喪夠快速創建梨界面吸引人蹲的基于標準妹的網站和應荒用程序。開（2朽）Fla呆sh軟件財在網頁設計律中的作用本F痰lash是魄A公司專為茅網絡應用設遼計的一個交右互性矢量動難畫設計軟件頑,網站設計郊者可以使用編F為網站設對計各種動態集LOGO動雞畫。導航條忙及全屏動畫著,還可以加爺入動感音樂雕,完全具備北多媒體的各泊項功能.F勿以其體積小糧流體播放的風特點迅速打丟開市場,而累實現WEB扶數據通訊,養為站點頁面晴設計帶上了無一個全新的筒高度。辨F作lash作葵為網站的一跨個重要的視治覺元素,首停先要求設計妻者在設計過郵程中,追求徒技術與藝術況的高度統一樸,對動畫的奏視覺元素多陣作深入的了標解和研究,呢遵循形式美抬法則和人的劃視覺規律,先將文字圖形葉色彩這些基疏本的視覺傳語達要素編排值組織成一個距有機的整體劃,才能創造任出具有美感態的信息傳達窄形式.這樣言不僅可以感后染觀眾,還緞能使人們產唉生良好的形凡象記憶,從澤而達到設計滑目的。膀F滿lash將垃圖像文本動個畫等多種多捷媒體形式聚排合在同一文遠件中進行編哪輯處理的方脊式,藝術設挖計已呈現出典元素互動的灶趨勢,從而膏豐富藝術設察計的構成語膀言,提高作酷品的感染力把,與普通藝幸術創新不同錘的是數字化贊視覺傳達設病計以計算機秘技術的發展澆作為載體,眠通過設計的迅形式要素的蝶變化,顯示鐮設計元素在羨技術層面最夫恰當的視覺朝張力及良好塵的視覺效果鏡,探求技術燙表現方式的箭創新,充分叛體現數字藝磚術的交互性下與綜合性,過是在數字技是術語境中視郊覺傳達設計脊語言創新的允主要問題。洞Flash叫表達的是一謹定的意圖和蟲要求,有明將確的主題,家并按照視覺隸心理規律和販形式將主題脫主動地傳達充給觀賞者.域使主題在適南當的環境里象被人們即時亭地理解和接把受,以滿足謝人們的實用奪和需求,從肉而達到美化董網站的效果求。友網站基礎知橋識倚I使IS簡介漢I洋SS（In舟terne墾tinf勸ormat狂ions償erver冰,互聯網喚信息服務）虹是一種WE拒B服務組件治,其中包括菠WEB服務金器、FTP安服務器、N豬NTP服務階器和SMT炕P服務器,授分別用于網餓頁瀏覽、文島件傳輸、新燈聞服務和郵系件發送等方縱面,它使得俯在網絡上發恒布消息成了劣一件很容易梢的事。約第二部分態網站的設計圖思想及現實來意義派網站的設計泄思想谷現中在人們對網葉頁的需求不蓋僅是信息的光載體,也是丙娛樂消遣的趴一種介質,齡我設計的視默頻網以黑色城為主體色,堤讓人們在家陡就找到親臨侍影院的感覺扛,使自己徹狗底地從現實閣壓力中解救暴出來,給自惠己的身心來研一次徹底放習松.結合灰堵色和藍色兩令大主流色給嫌人一種清凈段大方的感覺齊。設計的電襯影、電視劇煎排行榜及清控晰的分類使盛瀏覽者更加城方便。紫二、陰網站的現實枕意義御互聯網作為刺信息雙向交裝流和通訊工睡具,已經成寶為商家青睞持的傳播媒介卵,被稱之為魯繼廣播、報扶紙、雜志、羨電視后的第面五種數字媒乎體座——涂數字媒體。餐傳統媒體的圍價格昂貴,絮又受到時間晉、地區等多晉方面的因素舍的限定,效叨果不能太讓幣人滿意。而礎網絡宣傳的徐費用是低廉肝的,效果禮也很好,使即得所有的信最息能直接面獎向全世界,口能夠滿足不描同的網絡愛悼好者.很是盡受歡迎。褲第三部分紀網站的模塊唇組成及頁面談展示喚一、模塊組貧成首頁綿我所設計藏的視頻網站紹一共包含了療12個頁面齒,分別是首創頁、電影、宴電視劇等頁別面.整體框熱架如下:首頁電視劇電影電視劇電影雪豹鐵梨花婚姻保衛站山楂樹之戀公主日記建國大業雪豹鐵梨花婚姻保衛站山楂樹之戀公主日記建國大業頁面展示首頁（上）首頁（下）侮電視劇（上伏）夫電視劇（下池）電影（上）電影（下）蓬姿菜晶瑞燦立竹電視劇語·購鐵梨花磚望佩雄定抖吩景電影郊·菜山楂樹之戀底第四部分站網站測試摟網懂站建成后能備否正常運行戶,是否被客截戶喜歡,能逗否吸引更多鞭的訪客關注需,是衡量網卸站成功的標餃志,系統測系試成為系統默應用開發過鑄程中的一個掏重要環節,榴需要通過測這試竟可能多狡的發現瀏覽慨器端和服務聯器端程序中晝的錯誤,并召及時加以修蜻正,以保證默系統應用的券質量。尤一、測試娃內容緒為了森保證網站的顛正常瀏覽和捕使用,主要擾測試內容:尖（1）潮文字、圖片徑鏈接是否有盒誤.鄉（2）遲網頁兼容性朵測試，如瀏齊覽器、顯示交器.恭（3）個根據需要的攝其他測試.銅二、測試期目的獵測暖試的過程就淡是系統的執藥行過程,目局的在于發現溜錯誤并進行撒修改,從而卵達到系統優翻化的目的。億三、測試臥過程結1嶼.功能測小試返鏈接測試,謊鏈接是WE驕B應用系統允的一個主要尋特征,它是筑在頁面之間兇切換的主要辦手段,鏈接栽測試分三個蘿方面:首先惜,測試所有綱的鏈接是否杯按指定的那有樣鏈接到了巾該鏈接的頁弦面;其次,黎測試所鏈接遷的頁面是否修存在;最后恢保證WEB肚應用系統上耗沒有孤立的親頁面。披2展.可用性祥測試筐（1余）圖形測試栽.在WEB慘應用系統中倡,適當的圖叮片和動畫既省能起到廣告真宣傳的作用枯,又能起到蔥美化頁面的敵功能。一個友WEB應用旬系統的圖形存包括圖片、頌動畫、邊框遞、顏色、字緣體、背景、義按鈕等。司（2貞）整體界面傘測試。整體碎界面是指整恩個WEB詞應用系統的搭頁面結構設霸計,是給用禾戶的一個整筐體感。例如異:當用戶瀏證覽WEB應誼用系統時是妙否感覺良好計,整個WE野B應用系統翼的設計風格素是否一致。爬3.握兼容性測試雕（1）伏平臺測試.亡市場上有很秤多不同的操察作系統類型鳴,最常見的漆有WIND莖OWS、U辨NIX、L扁INUX等蝶.WEB應倦用系統的最堵終用戶究竟主使用哪一種故操作系統,鋼取決于用戶鞭系統的配置紗,這樣,就都需要考慮兼湊容性問題,撿同一個應用虹可能在某些奶操作系統下嘉能正常運行死,但在另外這的操作系統華下可能會運霸行失敗。鴨（2）收瀏覽器測試課.瀏覽器是印WEB客戶御端最核心的薪構件,來自侮不同廠商的霉瀏覽器對J煤AVA、J姜AVASC枕RIPT、喂ACTIV雙EX或不同父的HTML晴規格有不同泰的支持。例羊如,ACT墾IVEX是污MICRO鬼SOFT的裙產品,是為況Inter山netE敬xplor勵er而設計砍的,JAV袋ASCRI論PT是NE諷TSCAP吐E的產品,栽JAVA是崖SUN的產炕品等。另外等,框架和層催次結構風格晴在不同的瀏涼覽其中也有蝦不同的顯示嘉,甚至根本啊不顯示。代碼附錄桶<body資>硬<div虎id="a筑pDiv1文"></d額iv>份<div老id="a顯pDiv2筆">評<sc巖ript誠type=胃"text青/java庸scrip罷t">夫AC_FL疾_RunC仰onten需t('c莊odeba繼se','速','wi參dth',小'1023拒','he季ight'便,'100赤','sr鑄c','F觀LASH/繡LOGO'鵝,'qua出lity'塵,'hig旁h','p淡lugin萍spage殲','',足'movi斤e','F侍LASH/哨LOGO'驚);/裕/end露ACco北de鍬</scr感ipt><好noscr劇ipt><奴objec心tcla暑ssid=風"clsi辯d:D27普CDB6E零-AE6D用-11cf奴-96B8素-4445川53540緊000"用codeb遙ase="蛋"wid收th="1夏023"喝heigh柳t="10姨0">剝<晃param央name鞏="mov尋ie"v蠅alue=仰"FLAS治H/LOG警O.swf樓"/>倒<患param驢name愿="qua租lity"姿valu事e="hi米gh"/論>羞<桑embed屈src=狠"FLAS嘩H/LOG籌O.swf炎"qua肌lity=脖"high奮"plu纖ginsp脖age="跳"typ套e="ap尚plica非tion/送x-sho穴ckwav場e-fla亞sh"w票idth=蛋"1023驕"hei摧ght="務100">賠</emb鐘ed>閉</o炸bject疲>真</nos箱cript蛛></di列v>電<div琴id="a吉pDiv3征">平<sc磨ript嚷type=正"text把/java沫scrip攝t">催AC_FL構_RunC趣onten拆t('c香odeba托se','篇','wi謎dth',址'624'搜,'hei肥ght',彩'388'潛,'src熊','FL緊ASH/d孔uanpi奴an','矮quali鋼ty','索high'頂,'plu哨ginsp址age',恢'','m格ovie'逝,'FLA沿SH/du掌anpia耐n');原//en愧dAC拖code膏</scr輪ipt><凡noscr為ipt><背objec后tcla牢ssid=潛"clsi顧d:D27沖CDB6E跌-AE6D聯-11cf牧-96B8刷-4445走53540駱000"攪codeb鹿ase="各"wid六th="6愧24"h汁eight毒="388追">奧<犁param跪name原="mov位ie"v電alue=沙"FLAS尊H/dua累npian質.swf"撲/>狡<泄param企name楚="qua愁lity"辦valu介e="hi貪gh"/歲>蜘<運embed廳src=凝"FLAS勸H/dua牲npian道.swf"櫻qual雖ity="鐘high"福plug耐inspa娘ge=""煮type創="app丘licat適ion/x渣-shoc霧kwave朝-flas車h"wi養dth="首624"惑heigh踩t="38掛8"></炕embed德>賊</o序bject杜>遵</nos慌cript唉></di愁v>反<div寇id="a漏pDiv4宰">百<ta結blew算idth=捷"1022蹤"hei詢ght="念48"b刪order批="0"勸backg招round錫="FLA巾SH/an稀niube村ijing怠.jpg"隱>的<截tr>議觀<th嗚scope催="col撤"><a伴href=儉"inde踐x.htm晃l">視頻攏首頁</a嬸></th衡>耀膝<th涉scope衣="col哪"><a叉href=悠"dian嗽ying.夠html"蒙>熱門電影銅</a><鹿/th>灶揉<th絞scope惕="col滑"><a畝href=驗"dian歡shiju煩.html蒙">電視劇隙場</a>濤</th>啄燒<th自scope凡="col剩"><a項href=遮"yiny淹ue.ht紡ml">音經樂MV</踩a></t撓h>暑攔<th孫scope姐="col皮"><a窩href=下"#">圖醉片</a>匆</th>易牧<th醒scope違="col漁"><a透href=疼"#">綜槽藝節目</蔬a></t拍h>找郵<th粗scope啄="col判"><a膝href=溝"#">排換行榜</a漂></th旬>藏<舌/tr>陰</t貼able>眉</div朱>憤<div勞id="a湯pDiv5機"><im陵gsrc咬="FLA口SH/電視動劇排行榜.拜jpg"甚width釣="278擁"hei停ght="珍37"/陪></di吩v>博<div畏id="a鎖pDiv7部">效<ta奴blew聰idth=探"395"河heig盈ht="3毛50"b讀order姿="0">砌<柜tr>益渾<td染bgcol復or="#玉FFFFF罰F">1<寄/td>高桃<td牙bgcol貪or="#得FFFFF捧F"><s雨panc攏lass=壁"STYL隊E1"><乘ahre少f="di蜓anshi蝴ju.ht殺ml">婚另姻保衛站<卸/a></鎖span>岡</td>環<置/tr>房<衰tr>巧忙<td猛bgcol穿or="#棵FFFFF編F">2<析/td>車棵<td翻bgcol拆or="#權FFFFF愈F"><s東panc使lass=逮"STYL葉E1"><貸ahre經f="di冷anshi談ju.ht搜ml">鐵爆梨花</a尿></sp械an></菊td>比<市/tr>源<璃tr>乳兩<td網bgcol脅or="#刻FFFFF范F">3<燙/td>弄首<td絨bgcol蜜or="#鞏FFFFF怒F"><s失panc致lass=匯"STYL文E1"><縫ahre壟f="di也anshi沈ju.ht知ml">雪襖豹</a>粥</spa節n></t寶d>雅<首/tr>雪<隱tr>供案<td競bgcol最or="#植FFFFF少F">4<叨/td>活廁<td番bgcol奏or="#嚼FFFFF衡F"><s照panc料lass=附"STYL富E1"><聞ahre剃f="di類anshi培ju.ht諸ml">狙加擊手</a陰></sp亞an></這td>寒<兔/tr>撕<獻tr>橋狡<td嬸bgcol稈or="#漲FFFFF逐F">5<略/td>付盤<td鋸bgcol當or="#殼FFFFF制F"><s與panc尤lass=寶"STYL玻E1"><腹ahre器f="di廢anshi贊ju.ht援ml">笑洲著活下去<堆/a></側span>秋</td>稻<黨/tr>議<帶tr>千疫<td看bgcol妄or="#視FFFFF澆F">6<猶/td>賤耽<td塘bgcol稍or="#贈FFFFF匆F"><s茫panc隔lass=牛"STYL王E1"><紀ahre枕f="di僵anshi鮮ju.ht壟ml">女漂人不哭</習a></s塔pan><規/td>摟<甚/tr>剝<料tr>賢丈<td沸bgcol役or="#仍FFFFF徒F">7<境/td>訴夕<td籍bgcol加or="#繪FFFFF去F"><s亮panc冠lass=產"STYL究E1"><鄉ahre撲f="di勺anshi燒ju.ht寺ml">奮鋸斗</a>南</spa疊n></t暑d>駱<停/tr>大<恩tr>陸玩<td討bgcol樂or="#談FFFFF楊F">8<術/td>虎蚊<td權bgcol蘆or="#妥FFFFF訪F"><s壘panc裂lass=喝"STYL拌E1"><贊ahre振f="di備anshi過ju.ht芽ml">娘攝妻</a>林</spa除n></t朗d>介<獨/tr>皮</t告able>輩</div間>姓<div停id="a練pDiv8遍"><im讀gsrc違="she翁jishu頌cai/l第ogo.g寄if"w譽idth=險"100"巷heig煩ht="1貪00"/慎></di軍v>反<div援id="a磁pDiv9劈"></d中iv>需<div乞id="a劫pDiv1岡0"><i予mgsr勻c="FL掛ASH/電瀉影排行榜.體jpg"帽width謀="124秋"hei覺ght="與27"/幅></di稍v>午<div慈id="a摟pDiv1送1">筍<ta裂blew弊idth=頸"205"砍heig馬ht="1效65"b珠order窗="0">劣<拋tr>字搶<td柏bgcol鞋or="#嶼FFFFF孔F"><s碧panc旁lass=惡"STYL斥E2">1同</spa習n></t幟d>剖亡<td濕bgcol癢or="#北FFFFF藏F"><s仰panc曠lass=觀"STYL康E1"><天ahre陽f="di胖anyin膽g.htm銅l">山楂約樹之戀</鋤a></s啊pan><伍/td>評<安/tr>仇<探tr>梁梨<td筍bgcol凍or="#限FFFFF百F">2<傻/td>渣悟<td視bgcol隙or="#騾FFFFF判F"><s事panc撒lass=崖"STYL必E1"><占ahre籠f="di震anyin蓬g.htm蒸l">建國薦大業</a轟></sp受an></生td>現<攔/tr>傲<歉tr>汪可<td釀bgcol駱or="#省FFFFF韻F">3<區/td>騾蛋<td壟bgcol輪or="#思FFFFF洗F"><s精panc母lass=朝"STYL攻E1"><擴ahre銅f="di煌anyin儲g.htm兼l">公主迎日記</a咬></sp觸an></蘇td>千<沙/tr>椅<倘tr>魚姻<td坦bgcol盞or="#剛FFFFF細F">4<服/td>祖墾<td冶bgcol三or="#陰FFFFF扁F"><s借panc活lass=啦"STYL聰E1"><地ahre準f="di巧anyin磚g.htm焦l">大偵跟探福爾摩斯輩</a><閱/span中></td譯>黑<掃/tr>棚</t蹄able>敵</div況>心得體會急通墓過這次的畢辦業設計,我秋掌握了制作役網頁的相關川知識,熟悉喜了網頁制作燦的相關工具豈及FLAS極H等多種工裙具。由于時行間及個人能兄力的限制.改這個網站還松有很多不足儲的地方,希扣望在今后的冷不斷學習與毀應用中把它宴完善。通過浪這次視頻網吐的制作,使哄我對網站形淘成的基本過遭程及基本綱癢領構架,加休深了我對網恭站建設的認吼識,相信這便些知識將對褲我以后的工令作帶來很大訊的幫助。致謝搬這欲次畢業論文遺能夠順利完戚成,并非我蛛一個人努力誦的結果,在稈這里我要感愚謝所有指導畢