203網頁設計報告_第1頁
203網頁設計報告_第2頁
203網頁設計報告_第3頁
203網頁設計報告_第4頁
203網頁設計報告_第5頁
已閱讀5頁，還剩15頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

存檔資料成績：華東交通大學理工學院課程設計報告書所屬課程名稱網頁設計與制作題目制作一個旅游靜態(tài)網頁分院電信分院專業(yè)班級信息管理與信息系統(tǒng)學生姓名曾小花指導教師魏建紅2014華東交通大學理工學院課程設計報告第5頁共20頁序號項目等級優(yōu)秀良好中等及格不及格1課程設計態(tài)度評價2出勤情況評價3任務難度評價4工作量飽滿評價5任務難度評價6設計中創(chuàng)新性評價7論文書寫規(guī)范化評價8綜合應用能力評價綜合評定等級課程設計（論文）評閱意見評閱人職稱20年月日

目錄第一章課程設計的內容與要求 4第二章網頁設計的思路 5第三章程序代碼與視圖 11第四章設計心得與體會 15第五章參考文獻（資料） 19

第一章課程設計的內容與要求利用這個學期所學的關于網頁設計的知識，自己設計一個有關于一個旅游公司的網頁。要求有內容有：1．建立站點；2．結構分析；3．搭建框架；4．切割效果圖；5．布局頁面——頭部和導航；6．布局頁面——側邊欄；7．布局頁面——主體部分；8．底部和細節(jié)調整。

第二章網頁設計的思路關于旅游頁面的實現，首先在index.html頁面顯示相關信息，然后創(chuàng)立各種信息鏈接，整個頁面布局要求清新，不宜復雜。1．建立站點；首先在這個index.html頁面中可以分為哪些組成部分，這些部分的內容是哪些。而對于整體的要求有什么。2．結構分析；整個頁面分為三個結構上，中，左。上面，是所有的導航。左面是兩個格子組成，屬于兩個基本導航。中間要求是主要內容，對于旅游則是主要旅游推薦，和與它相關的各種信息。3．搭建框架；導航欄導航欄左側目錄導航中心內容底部與這個頁面相關的代碼：<divid="header"> <divid="menu"> <ul> <liclass="current_page_item"><ahref="#"><spanclass="numbertxt">01 </span>留言</a></li> <li><ahref="#"><spanclass="numbertxt">02 </span>部落格</a></li> <li><ahref="#"><spanclass="numbertxt">03 </span>圖片</a></li> <li><ahref="#"><spanclass="numbertxt">04 </span>登錄</a></li> <liclass="last"><ahref="#"><spanclass="numbertxt">05 </span>聯(lián)系我們</a></li> </ul> </div>4．切割效果圖；5．布局頁面——頭部和導航；代碼為：<divid="header"> <divid="menu"> <ul> <liclass="current_page_item"><ahref="#"><spanclass="numbertxt">01 </span>留言</a></li> <li><ahref="#"><spanclass="numbertxt">02 </span>部落格</a></li> <li><ahref="#"><spanclass="numbertxt">03 </span>圖片</a></li> <li><ahref="#"><spanclass="numbertxt">04 </span>登錄</a></li> <liclass="last"><ahref="#"><spanclass="numbertxt">05 </span>聯(lián)系我們</a></li> </ul> </div></div>6．布局頁面——側邊欄；代碼是：<divid="sidebar"> <ul> <liid="search"> <h2>查詢</h2> <formmethod="get"action=""> <fieldset> <inputtype="text"id="s"name="s"value=""/> <inputtype="submit"id="x"value="查詢"/> </fieldset> </form> </li> <li> <h2>關于我們</h2> <ul> <li><ahref="#">公司介紹</a></li> <li><ahref="#">公司經營戰(zhàn)略</a></li> <li><ahref="#">面向群體</a></li> <li><ahref="#">海外市場</a></li> <li><ahref="#">各旅游價目一覽表</a></li> <li><ahref="#">最新旅游套餐</a></li> </ul> </li> <li> <h2>今日推薦</h2> <ul> <li><ahref="#">巴黎</a></li> <li><ahref="#">紐約</a></li> <li><ahref="#">東京</a></li> <li><ahref="#">北京</a></li> <li><ahref="#">泰國</a></li> <li><ahref="#">瑞士</a></li> <li><ahref="#">香港</a></li> </ul> </li> </ul> </div> <!--endsidebar--> <divstyle="clear:both;"> </div></div>7．布局頁面——主體部分；8．底部和細節(jié)調整。與之代碼為：<divid="footer"> <divid="footer-wrap"> <pid="legal">(c)2007YourSite.Designby<ahref="/">愛玩旅游</a>.downloadfrom<ahref="/"></a></p> </div></div>

第三章程序代碼與視圖對于整個頁面實現的效果圖為：關于整個的頁面所需要的程序代碼：<body><!--startheader--><divid="header"> <divid="menu"> <ul> <liclass="current_page_item"><ahref="#"><spanclass="numbertxt">01 </span>留言</a></li> <li><ahref="#"><spanclass="numbertxt">02 </span>部落格</a></li> <li><ahref="#"><spanclass="numbertxt">03 </span>圖片</a></li> <li><ahref="#"><spanclass="numbertxt">04 </span>登錄</a></li> <liclass="last"><ahref="#"><spanclass="numbertxt">05 </span>聯(lián)系我們</a></li> </ul> </div></div><divid="logo"> <h1><ahref="#">santorini</a></h1> <h2>曾小花設計</h2></div><!--endheader--><!--start><divid="page"> <!--startcontent--> <divid="content"> <divclass="post"> <h1class="title">Welcometoourwebsite</h1> <divclass="entry"> <p><imgsrc="images/img07.jpg"alt=""width="150"height="150"class="left"/>santorini<br> 圣托里尼島名為希拉，為紀念saintirene，西元1207年威尼斯統(tǒng)治時被改為圣托里尼 </p> </div> <divclass="meta"> <pclass="byline">PostedonJuly21,2007byFreeCssTemplates</p> <pclass="links"><ahref="#"class="more">讀全文</a><b>|</b><ahref="#"class="comments">報團/優(yōu)惠套餐(32)</a></p> </div> </div> <divclass="post"> <h2class="title">旅游攻略</h2> <divclass="entry"> <p><imgsrc="images/img07.jpg"alt=""width="150"height="150"class="left"/>路線</p><p><imgsrc="images/img07.jpg"alt=""width="150"height="150"class="left"/>住宿</p><p><imgsrc="images/img07.jpg"alt=""width="150"height="150"class="left"/>飲食</p> </div> <divclass="meta"> <pclass="byline">更新于18,2007by**</p> <pclass="links"><ahref="#"class="more">展開</a><b>|</b><ahref="#"class="comments">Comments(32)</a></p> </div> </div> </div> <!--endcontent--> <!--startsidebar--> <divid="sidebar"> <ul> <liid="search"> <h2>查詢</h2> <formmethod="get"action=""> <fieldset> <inputtype="text"id="s"name="s"value=""/> <inputtype="submit"id="x"value="查詢"/> </fieldset> </form> </li> <li> <h2>關于我們</h2> <ul> <li><ahref="#">公司介紹</a></li> <li><ahref="#">公司經營戰(zhàn)略</a></li> <li><ahref="#">面向群體</a></li> <li><ahref="#">海外市場</a></li> <li><ahref="#">各旅游價目一覽表</a></li> <li><ahref="#">最新旅游套餐</a></li> </ul> </li> <li> <h2>今日推薦</h2> <ul> <li><ahref="#">巴黎</a></li> <li><ahref="#">紐約</a></li> <li><ahref="#">東京</a></li> <li><ahref="#">北京</a></li> <li><ahref="#">泰國</a></li> <li><ahref="#">瑞士</a></li> <li><ahref="#">香港</a></li> </ul> </li> </ul> </div> <!--endsidebar--> <divstyle="clear:both;"> </div></div><!--end><!--startfooter--><divid="footer"> <divid="footer-wrap"> <pid="legal">(c)2007YourSite.Designby<ahref="/">愛玩旅游</a>.downloadfrom<ahref="/"></a></p> </div></div><!--endfooter--></body></html>

第四章設計心得與體會此次網頁設計的課程設計，綜合了css+div，更好地顯示整個頁面的風格，便于用戶的整個瀏覽。通過一個學期的學習，對于網頁設計這門課程也從開始的陌生的到有了基礎的了解。了解到了設計一個網頁不僅僅需要考慮自身能力問題更應該了解客戶的體驗，而客戶體驗是很重要的。一個學期的學習是遠遠不夠的，要想真正的了解和熟練，還得更加勤奮的鉆研才可以?？傮w來說，這次網頁設計激發(fā)了學習的樂趣，調動了學習的自覺性，自己動腦，動手，通過自身實踐，設計一個網頁?？偟膩碚f，收獲大于付出！現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。

這學期選擇的這門課程讓我學到了不少關于計算機和網絡的知識。老師把課程內容安排的很合理，講的大都是很基礎的知識，這對于像我這樣對網絡了解不多的學生來說很容易理解，接受。

在這門課上我學習到了一些關于建設網站和制作網頁的知識，對flash也有所了解。課上我還學到了一些基礎的網絡技術，用制作網絡的工具做網頁等。

通過對這門課的學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。

在具體的制作一個網頁時我了解到一個優(yōu)秀的網頁設計應該具備以下一些基本原則

1確定網頁設計的內容

一個優(yōu)秀的風站要有一個明確的主題,整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。

2了解你網站所在行業(yè)的客戶

用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

3、做一個典型用戶

不以用戶身份親身體驗網站你才能發(fā)現問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現問題，在前期設計時就應該把這些問題解決。

4優(yōu)化內容

內容是整個網站的核心。在網站設計之前必須明確網站的內容安排。

優(yōu)秀網頁設計是要建立在平凡的基礎上的。

然后在具體的規(guī)劃一個網站時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站(有很多頁面)的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。

框架定下來了，然后開

溫馨提示

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

評論

0/150

提交評論