《迷你網(wǎng)》電影網(wǎng)站設(shè)計(jì)說明

1、山東傳媒職業(yè)學(xué)院畢業(yè)設(shè)計(jì)設(shè)計(jì)題目： 迷你網(wǎng)電影網(wǎng)站設(shè)計(jì) 指導(dǎo)教師/職稱： 助教 作者姓名： _ 年級(jí)/專業(yè)： 文化事業(yè)管理專業(yè) 山東傳媒職業(yè)學(xué)院教務(wù)處目 錄摘要 3第1章 電影網(wǎng)站總體方案設(shè)計(jì) 1.1設(shè)計(jì)思路 31.2網(wǎng)站的可行性分析 41.3網(wǎng)站結(jié)構(gòu)與原理 4第2章 電影網(wǎng)站具體方案設(shè)計(jì)2.1網(wǎng)站模塊的設(shè)計(jì) 52.2動(dòng)態(tài)視頻設(shè)計(jì) 52.3視頻的剪輯 52.4站點(diǎn)設(shè)計(jì) 52.5網(wǎng)頁的鏈接 5第3章 作品使用說明3.1作品功能 73.2操作說明 73.2.1網(wǎng)站首頁 73.2.2網(wǎng)站子頁 7設(shè)計(jì)總結(jié) 8致謝 8參考文獻(xiàn) 8綜合類電影網(wǎng)站設(shè)計(jì)迷你網(wǎng)電影網(wǎng)站設(shè)計(jì)10級(jí)文化事業(yè)管理專業(yè) 1班 指導(dǎo)教師

2、：張麗 摘要：當(dāng)前，隨著科學(xué)技術(shù)與通信技術(shù)的發(fā)展，計(jì)算機(jī)科學(xué)日漸成熟，其強(qiáng)大的功能已為人們深刻認(rèn)識(shí)，它已進(jìn)入人類社會(huì)的各個(gè)領(lǐng)域并發(fā)揮著越來越重要的作用。作為計(jì)算機(jī)的一部分，使用計(jì)算機(jī)對(duì)電影信息進(jìn)行管理，具有著手于管理所無法比擬的優(yōu)點(diǎn)，例如：檢索迅速、查找方便、可靠性強(qiáng)、存儲(chǔ)量大、壽命長、成本低等。迷你電影網(wǎng)站是一個(gè)綜合類網(wǎng)站，包含了電影的最新信息：最新電影、預(yù)告片、網(wǎng)上查詢，網(wǎng)上購票的設(shè)計(jì)過程，不出門便了解電影最新動(dòng)態(tài)，是人們工作百忙之余或消遣娛樂的很好方式。本網(wǎng)站的建立主要是用ps,flash,pr,dw實(shí)現(xiàn)的，利用ps進(jìn)行網(wǎng)站模塊和布局的設(shè)計(jì)，flash動(dòng)態(tài)視頻的播放，pr預(yù)告片和MV的剪

3、輯，dw網(wǎng)頁的鏈接，這些軟件的綜合運(yùn)用設(shè)計(jì)而成，人們工作的百忙之余，既可以節(jié)省時(shí)間，又可以滿足需求了解最新電影信息，具有可實(shí)施性。關(guān)鍵詞：網(wǎng)站建設(shè)；網(wǎng)頁設(shè)計(jì)； 動(dòng)態(tài)視頻；視頻剪輯正文第1章 電影網(wǎng)站總體方案設(shè)計(jì)1.1設(shè)計(jì)思路1. 定位電影網(wǎng)站的主題和名稱。網(wǎng)站題材千奇百怪，琳瑯滿目，所以應(yīng)當(dāng)選擇一個(gè)題材。通過對(duì)信息的搜集，我選擇了制作綜合類電影網(wǎng)站。2. 確定電影網(wǎng)站的主要色調(diào)和電影菜單組，菜單組的確定，方便電影信息的分類，也方便人們的瀏覽和查找，如圖1-1是電影網(wǎng)站的菜單組結(jié)構(gòu)圖：3. 確定網(wǎng)站的鏈接結(jié)構(gòu)，方便人們的使用。4. 設(shè)計(jì)網(wǎng)站的整體風(fēng)格。風(fēng)格是抽象的，是指網(wǎng)站的整體形象給瀏覽者的綜

4、合感受。包括網(wǎng)站的標(biāo)志、色彩、字體、版面布局等等諸多因素。風(fēng)格是獨(dú)特的，是網(wǎng)站不同于其他網(wǎng)站的地方?；蛘呱?、或者技術(shù)，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。通過對(duì)優(yōu)秀網(wǎng)站的借鑒，我確定了網(wǎng)站的整體風(fēng)格：以整潔明了為主，主次關(guān)系分明。 1.2網(wǎng)站的可行性分析在制作電影網(wǎng)站的過程中，技術(shù)方面要熟悉網(wǎng)頁制作的軟件（如Dw）,并對(duì)Photoshop. Flash軟件熟悉。經(jīng)濟(jì)方面，本作品制作全過程都是本人自發(fā)研制，可以說是零費(fèi)用。操作方面，本作品操作簡單，界面簡潔清晰，方面瀏覽者使用。綜合以上方面，本網(wǎng)站具有很高的可開發(fā)可行性，無論從技術(shù)上、經(jīng)濟(jì)上、操作上都是可行的。 1.3網(wǎng)站結(jié)構(gòu)與原理迷你網(wǎng)電

5、影網(wǎng)站模塊設(shè)計(jì)主要包括1、首頁：最新預(yù)告片的滾屏海報(bào)、正在熱映電影、即將上映電影、熱播排行榜。2、預(yù)告片：最新電影的MV、預(yù)告片、國內(nèi)正在熱映電影、全球即將上映電影。3、熱映：電影新信息、正在熱映電影、劇照、天氣預(yù)報(bào)。4、放映時(shí)間：廣告、電影放映時(shí)間。5、影評(píng)：電影新信息、影評(píng)、影評(píng)回顧。6、會(huì)員中心：廣告、會(huì)員登錄、新會(huì)員注冊(cè)。 第2章 電影網(wǎng)站具體方案設(shè)計(jì) 2.1網(wǎng)站模塊的設(shè)計(jì) 通過對(duì)優(yōu)秀網(wǎng)站的學(xué)習(xí)和借鑒以及自己對(duì)網(wǎng)站的設(shè)計(jì)思路，在word文檔中做出網(wǎng)頁的布局，構(gòu)出每個(gè)網(wǎng)頁的框架。然后，在Photoshop中按照文檔中做出的網(wǎng)頁框架設(shè)計(jì)出每個(gè)網(wǎng)頁，網(wǎng)頁設(shè)計(jì)完成后用切片工具切片并保存成Web

6、格式，以便在Dw中打開進(jìn)行以下設(shè)計(jì)。 2.2動(dòng)態(tài)視頻設(shè)計(jì)靜態(tài)網(wǎng)頁做成后，為了是網(wǎng)頁內(nèi)容豐富、滿足人們的需求，需要對(duì)網(wǎng)頁中的有些部分做成動(dòng)態(tài)的效果，這就需要把收集好的資料放入Flash軟件做成動(dòng)態(tài)滾屏樣式，并導(dǎo)出flv格式。在Dw中插入相應(yīng)的位置。 2.3視頻的剪輯 在預(yù)告片網(wǎng)頁中，有最新電影的預(yù)告片和MV,需要Pr軟件對(duì)電影精彩的、或是電影主題等進(jìn)行一個(gè)剪輯，把電影中的亮點(diǎn)剪輯出來，組成一個(gè)2-4分鐘的預(yù)告片。 2.4站點(diǎn)設(shè)計(jì) 打開Dw，新建站點(diǎn)，并存儲(chǔ)好適當(dāng)?shù)奈恢茫军c(diǎn)的設(shè)置，對(duì)網(wǎng)站設(shè)計(jì)很重要，把相應(yīng)的網(wǎng)頁都放在一個(gè)文件夾中，否則在網(wǎng)站設(shè)計(jì)中容易丟失東西。這樣也方便對(duì)網(wǎng)頁鏈接的操作。 2.5

7、網(wǎng)頁的鏈接當(dāng)以上所有步驟都設(shè)計(jì)完成時(shí)，就需要在Dw軟件中鏈接，相應(yīng)的菜單對(duì)應(yīng)相應(yīng)的網(wǎng)頁，（比如：首頁菜單組每個(gè)菜單都可以點(diǎn)擊然后出現(xiàn)相應(yīng)的網(wǎng)頁，正在熱映和即將上映中的每個(gè)電影點(diǎn)擊都有對(duì)應(yīng)網(wǎng)頁。熱映網(wǎng)頁中菜單組的每個(gè)菜單都可以點(diǎn)擊出現(xiàn)相應(yīng)網(wǎng)頁，點(diǎn)擊“劇照”出現(xiàn)電影的名稱，然后點(diǎn)擊相應(yīng)電影出現(xiàn)相應(yīng)電影的劇照，點(diǎn)擊“返回”回到首頁。如圖： 第3章 作品使用說明3.1作品功能1、瀏覽者可以方便、快捷的瀏覽電影的最新動(dòng)態(tài)以及相關(guān)的電影信息。如圖：2、電影的最新消息可以及時(shí)、迅速的展現(xiàn)給人們。3、方便人們網(wǎng)上購票。 3.2操作說明3.2.1網(wǎng)站首頁 瀏覽者可以通過首頁獲得相關(guān)的電影信息及對(duì)相應(yīng)菜單組的操作

8、，而管理者可以更新電影的最新動(dòng)態(tài)。3.2.2網(wǎng)站子頁可以提供給瀏覽者更多的電影相關(guān)信息，方便人們對(duì)電影的了解和購票。設(shè)計(jì)總結(jié)我在選擇好所要做的電影網(wǎng)站后，首先要做的就是選擇好題目和網(wǎng)站的風(fēng)格，之后我就分步驟準(zhǔn)備在網(wǎng)站制作前所需要的準(zhǔn)備工作。在這過程中，我瀏覽了一些優(yōu)秀的電影網(wǎng)站，借鑒這些網(wǎng)站的優(yōu)秀之處，對(duì)自己網(wǎng)站上出現(xiàn)的缺點(diǎn)加以改良，從而使自己的網(wǎng)站更加美觀?；仡欉@次電影網(wǎng)站設(shè)計(jì)，至今我感慨頗多。的確，從選題到開始制作，從理論到實(shí)踐，再設(shè)計(jì)制作的日子里，可以說是苦多于甜，但是可以學(xué)到很多很多的東西，同時(shí)不僅可以鞏固以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書上所沒有學(xué)到的知識(shí)。在選擇好題目和網(wǎng)站的風(fēng)格

9、之后，我就開始了設(shè)計(jì)項(xiàng)目的進(jìn)程，按照設(shè)計(jì)方案的規(guī)定，先是將網(wǎng)站的總體結(jié)構(gòu)以書面的形式展現(xiàn)出來，通過老師的審核后，在相應(yīng)的時(shí)間段找相關(guān)的素材，收集電影的信息等。再是設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、菜單組和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁及其頁面的板式結(jié)構(gòu)。然后創(chuàng)建網(wǎng)站。制作首頁、子頁、二級(jí)子頁，創(chuàng)建超級(jí)鏈接。最后就是測試與瀏覽網(wǎng)頁，如果還有什么不理想的地方在改進(jìn)在預(yù)覽，如此反復(fù)，最后達(dá)到最好的效果！在此次網(wǎng)站的設(shè)計(jì)與制作過程中，難免會(huì)遇到各種各樣的問題，這畢竟是第一次設(shè)計(jì)和制作完整的網(wǎng)站。但值得高興的是：在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握的不夠牢固，沒有能完全達(dá)到自己預(yù)期的效果，還

10、好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果。謝辭畢業(yè)論文預(yù)告結(jié)尾，這也意味著我在山東傳媒職業(yè)學(xué)院的兩年多的學(xué)習(xí)生活即將結(jié)束?；厥准韧约旱拇髮W(xué)寶貴時(shí)光能在這樣的校園中，能在眾多學(xué)富五車、才華橫溢的老師們的熏陶下度過，真是榮幸之極。在這兩年多的時(shí)間里，我在學(xué)習(xí)上和思想上都受益匪淺，這除了自身努力外，與各位老師、同學(xué)和朋友的關(guān)心、支持和鼓勵(lì)是分不開的。網(wǎng)站制作是枯燥繁瑣而又富有挑戰(zhàn)的，但老師們的諄諄教導(dǎo)、同學(xué)們的出謀劃策及家長的支持鼓勵(lì)，是我堅(jiān)持的動(dòng)力源泉。在此，我特備感謝教導(dǎo)我們電影網(wǎng)頁制作的陳小萍老師以及給我意見與幫助的張麗老師。沒有他們的悉心教導(dǎo)我也不可能這么快掌握網(wǎng)頁制作這門技能，所以在此我要衷心的感謝這兩位老師。感謝我的家人，同時(shí)還有親戚朋友在我學(xué)習(xí)期間給予我的大力支持和無私地奉獻(xiàn)！同時(shí)，向所有關(guān)心、幫助過我的各位老師、各位朋友表示最衷心的感謝！最后，謹(jǐn)向所有在百忙之中參加我的論文評(píng)議和答辯的老師致以崇高的敬意和衷心的感謝！ 參考文獻(xiàn)【1】Adobe 專家委員會(huì)DDC傳媒 。 ADOBE PHOTOSHOP CS4基礎(chǔ)培訓(xùn)教材 。 人民郵電出版社。【2】關(guān)秀英 王澤波 吳