網(wǎng)頁設計與制作課程設計報告_第1頁
網(wǎng)頁設計與制作課程設計報告_第2頁
網(wǎng)頁設計與制作課程設計報告_第3頁
網(wǎng)頁設計與制作課程設計報告_第4頁
網(wǎng)頁設計與制作課程設計報告_第5頁
已閱讀5頁，還剩6頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

1、精選優(yōu)質(zhì)文檔-傾情為你奉上學號2014-2015學年 第一學期*網(wǎng)頁設計與制作課程設計報告題目：維影影視公司網(wǎng)頁設計專業(yè)：數(shù)字媒體技術班級：12（1）班姓名：*指導教師：*成績：計算機與信息工程系二0一四年六月二十日目 錄專心-專注-專業(yè)1 設計內(nèi)容及要求1.1設計內(nèi)容維影影視網(wǎng)站主要根據(jù)課程設計要求進行設計，并了解了維影公司的基本情況，該網(wǎng)站主要包括六大模塊：1）導航欄模塊，主要有首頁、產(chǎn)品展示、新聞動態(tài)、留言板、關于我們、聯(lián)系我們。2）新聞動態(tài)模塊，最近的一些影視方面的信息。 3）產(chǎn)品分類模塊，主要是些電影的類型分類。4）在線客服模塊，為來訪者提供一些我們公司的在線服務。5）公司簡介模塊，

2、介紹公司的一些基本情況。6）熱銷產(chǎn)品模塊，向大家介紹一些我們公司的一些熱銷電影。 1.2設計任務及具體要求主要利用Photoshop和Dreamweaver進行一個小型的影視公司網(wǎng)站開發(fā)，網(wǎng)站內(nèi)容涵蓋了維影影視公司的一些最基本情況，以及維影公司的最新電影出臺情況，并且提供一系列的人工在線服務為我們的來訪者解答這種問題。 要求：明確課程設計的目的，能根據(jù)課程設計的要求，查閱相關文獻，為完成設計準備必要的知識； 提高學生用Photoshop和Dreamweaver進行程序設計的能力，重點提高用Dreamweaver進行網(wǎng)頁制作技術水平；初步了解軟件開發(fā)的一般方法和步驟； 提高撰寫技術文檔的能力。2

3、 總體設計2.1該網(wǎng)站的功能簡介該網(wǎng)站的主要功能是介紹維影公司的基本情況，并作為一個功能型的網(wǎng)站展示給我們大家，包括一些最新電影展示，最終目的還是為一些想做影視的公司提供一些服務，宣傳自己。2.2 網(wǎng)站設計概括圖圖1 總體布局圖3設計過程3.1各個模塊的設計流程 1）主頁模塊設計該模塊主要是是展示我們網(wǎng)頁的基本框架，以及有什么基本功能，通過主頁我們可以很清晰的看到我們維影網(wǎng)站的整體布局，以及我們來訪者可以從我們網(wǎng)站上獲得什么相關的信息，一目了然看到我們是一個實力雄厚的大公司，從網(wǎng)站我們就可以看到該公司是一個結構分明，管理有條不紊。圖2 主頁模塊設計圖2）產(chǎn)品展示模塊設計 該模塊主要是展示維影公

4、司最近一段時間的所拍攝的電影，通過電影展示我們維影公司的影視實力。圖3 產(chǎn)品展示模塊設計圖3）留言板模塊設計該模塊主要為供我們來訪者提一些關于影視方面的意見，以及他們對電影的看法，以及喜歡看什么類型的電影，好讓我們公司通過這些寶貴意見做的更好，是項吸納民意的好辦法。圖4 旅游寶典模塊設計圖4）聯(lián)系我們模塊設計該模塊主要為將我們的地理坐標告訴來訪者，如果有人愿意找我們公司做一些什么關于欄目包裝、宣傳片什么之類的可以通過該地址找到我們公司。 圖5 聯(lián)系我們頁面設計圖5）在線客服模塊設計該模塊主要為來訪者提供一些在線服務，為他們解答一些先關的疑難問題，是我們在線交流的必要手段，不管來訪者有什么問題，

5、我們公司都可以一一解答，這是一個仁智的服務。圖6 旅游景點模塊設計圖3.2對關鍵代碼和效果處理加以分析說明1）主頁部分設計代碼<html><head><title>wangye</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style type="text/css">body,td,th font-size: 14px;color: #FFF;a:link te

6、xt-decoration: none;a:visited text-decoration: none;color: #003;a:hover text-decoration: none;a:active text-decoration: none;#_01 tr td strong a color: #FFF;</style></head><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marg

7、inheight="0"><!- Save for Web Slices (wangye.psd) -><table width="1823" height="1258" border="0" align="center" cellpadding="0" cellspacing="0" id="_01"><tr><td colspan="28"><img s

8、rc="images/index_01.jpg" width="1822" height="114" alt=""></td><td width="1"><img src="images/&#x5206;&#x9694;&#x7b26;.gif" width="1" height="114" alt=""></td></tr>&

9、lt;tr><td width="447" rowspan="25"><img src="images/index_02.jpg" alt="" width="447" height="1143" usemap="#Map5" border="0"></td><td colspan="3" rowspan="2"><a href=&quo

10、t;index.html"><img src="images/index_03.jpg" width="57" height="35" alt=""></a></td><td colspan="2" rowspan="5"><img src="images/index_04.jpg" width="37" height="379" alt=&quo

11、t;"></td><td colspan="3" rowspan="2"><a href="cpzs.html"><img src="images/index_05.jpg" width="58" height="35" alt=""></a></td><td colspan="2" rowspan="5"><i

12、mg src="images/index_06.jpg" width="30" height="379" alt=""></td><td colspan="2"><a href="xwdt.html"><img src="images/index_07.jpg" width="65" height="27" alt=""></a>&

13、lt;/td><td width="22" rowspan="6"><img src="images/index_08.jpg" width="22" height="381" alt=""></td><td width="69"><a href="lyb.html"><img src="images/index_09.jpg" width=&q

14、uot;69" height="27" alt=""></a></td><td width="27" rowspan="6"><img src="images/index_10.jpg" width="27" height="381" alt=""></td><td colspan="2" rowspan="2"&g

15、t;<a href="gywm.html"><img src="images/index_11.jpg" width="63" height="35" alt=""></a></td><td width="15" rowspan="6"><img src="images/index_12.jpg" width="15" height="381

16、" alt=""></td><td width="71" rowspan="2"><a href="lxwm.html"><img src="images/index_13.jpg" width="71" height="35" alt=""></a></td><td colspan="8" rowspan="3&

17、quot;><img src="images/index_14.jpg" width="861" height="339" alt=""></td><td><img src="images/&#x5206;&#x9694;&#x7b26;.gif" width="1" height="27" alt=""></td></tr><t

18、r><td colspan="2" rowspan="5"><img src="images/index_15.jpg" width="65" height="354" alt=""></td><td rowspan="5"><img src="images/index_16.jpg" width="69" height="354" al

19、t=""></td><td><img src="images/&#x5206;&#x9694;&#x7b26;.gif" width="1" height="8" alt=""></td></tr>4設計結果與分析在進行網(wǎng)頁設計與制作的過程中，并不是一帆風順的，總會遇到很多在想象不到的錯誤。1.首先在ps里進行設計時要事先想好各個模塊該怎么擺放，怎么設置，整個頁面是否傾斜等都應考慮，否則在Dreamweav

20、er里會帶來很多的麻煩。2.要為每個頁面添加居中操作。3.應先把所有頁面在ps里設計好，再導入到Dreamweaver里進行代碼設計，否則會為后來增加更多的工作量。4.修改頁面的背景顏色，可以在修改-頁面屬性進行設置。5.在對頁面添加鏈接時，切記要使用鏈接的相對地址，否則會使網(wǎng)站傳送到服務器端將無法顯示的問題。6.最好將所有網(wǎng)頁中使用到的圖片放置在同一個文件夾下，這樣便于后期查錯的管理和修改。7. 在使用ps導出為web格式時，要事先將各個模塊切割好，便于到Dreamweaver里進行代碼設計。8.設計好后要對整個網(wǎng)站進行調(diào)試與測試。5 小 結隨著互聯(lián)網(wǎng)技術的發(fā)展和日益更新，網(wǎng)絡為人們的生活帶來了各種各樣的便利，人們足不出戶便可以買到自己想要的東西，看自己想看的視頻，瀏覽各種各樣的新聞，這一切都歸功于互聯(lián)網(wǎng)，但是僅僅有互聯(lián)網(wǎng)是遠遠不夠的，如果只有互聯(lián)網(wǎng)人們并不能獲得自己想要的東西，所以網(wǎng)站作為互聯(lián)網(wǎng)中的一個關鍵節(jié)點起著至關重要的作用，通過各種網(wǎng)站人們才能找到自己想要的東西，而網(wǎng)頁作為網(wǎng)站的內(nèi)容與載體更是起到了不可小覷的作用。一個網(wǎng)站的網(wǎng)頁制作的是否精美，是否符合網(wǎng)站主題，關系到客戶的直接感受，關系到人們是否愿意訪問并停留在這個頁面，最終的是關系到網(wǎng)站最后的整體收益，當

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

最新文檔

評論

0/150

提交評論