網(wǎng)頁設計與制作課程設計圖書在線系統(tǒng)
《網(wǎng)頁設計與制作課程設計圖書在線系統(tǒng)》由會員分享,可在線閱讀,更多相關《網(wǎng)頁設計與制作課程設計圖書在線系統(tǒng)(19頁珍藏版)》請在裝配圖網(wǎng)上搜索。
網(wǎng)頁設計與制作 題目:圖書在線系統(tǒng) 學生姓名 學號 班級 成績 指導教師 管理系 2011 年 6 月 14 日 目 錄 一、目的和意義 二、題目和要求 三、內(nèi)容 3.1圖書在線系統(tǒng)的介紹 3.2網(wǎng)站功能的實現(xiàn)(圖表) 3.3網(wǎng)站重要頁面的代碼 3.4網(wǎng)站的維護與使用 四、成果以及心得 19 一、目的和意義 檢驗學生對本課程的最終學習效果,加深對網(wǎng)頁設計與制作的基本知識的理解,網(wǎng)頁設計與制作技能綜合運用和提高,通過真實工作任務,使學生能設計出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實際問題的能力,掌握實際網(wǎng)頁設計與制作開發(fā)流程和開發(fā)方法。 具體應達到以下目的: 1.提高學生在實際操作中收集信息,對信息進行價值判斷,進行信息整理、加工的能力。 2.在實際的項目任務中培養(yǎng)網(wǎng)頁設計方面的素養(yǎng)。 3.在實際的項目任務中使學生網(wǎng)頁編程和制作的能力得到提高。 4.培養(yǎng)學生團隊協(xié)作和人際交往方面的能力。 5. 培養(yǎng)相關知識和技能的綜合應用能力。 二、題目和要求 應從專業(yè)網(wǎng)站建設的實際出發(fā)。具體要求如下: 1. 網(wǎng)站的選題自選。 2. 站點設計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范,存放位置要正確,不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應該使用index或default等。其他文件或文件名命名也要規(guī)范,不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。 3. 站點至少要有三層結(jié)構(gòu),頁面數(shù)不得少于8頁;其中一頁必須是留言板; 4. 自選主題,主題內(nèi)容要合法、健康、實用。 5. 網(wǎng)頁要有版權說明; 6. 要仔細考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點,選擇內(nèi)容和版式。 7. 網(wǎng)站主題突出、內(nèi)容豐富; 8. 網(wǎng)站與網(wǎng)頁風格應該協(xié)調(diào)一致,網(wǎng)站結(jié)構(gòu)應層次分明,內(nèi)容重點突出,頁面設計要符合追求色彩的搭配、布局和合理性,以及要有一定的創(chuàng)意。 9.各頁面設計合理、美觀,有創(chuàng)意。圖片動畫選用要適合主題,不要在網(wǎng)頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬,否則顯示器分辨率小時會出現(xiàn)水平滾動條。 10.各個頁面之間的鏈接要合理有效,路徑要正確(相對路徑); 11.注意網(wǎng)站的大小,圖片保存格式和圖片大小要合適; 12. 代碼結(jié)構(gòu)清晰,無垃圾代碼 三、內(nèi)容 3.1圖書在線系統(tǒng)的介紹 本在線系統(tǒng),的主要作用就是用來管理的出售圖書的,它的主頁面有2個其中后臺服務一個,前臺服務一個,二級頁面有4個,還有部分三級頁面,主要能實現(xiàn)圖書的在線購買,查詢等功能。后臺能實現(xiàn)圖書數(shù)據(jù)庫的管理,可以瀏覽、修改、添加、刪除圖書,還可實現(xiàn)會員的管理,與ACCESS數(shù)據(jù)庫連接。 3.2網(wǎng)站功能的實現(xiàn)(圖表) 3.3網(wǎng)站重要頁面的代碼 圖一所示,是網(wǎng)頁的主頁面,前臺。 (一)、網(wǎng)站的前臺 可實現(xiàn)在線購買,用戶登錄,用戶名申請,用戶注冊,管理員登陸,圖書的分類查詢,留言管理等功能。 設計代碼如下: <%@ language=vbscript %> <% option explicit session("salecomplete") = false dim connstr,conn,rs,sql,mode,itemno connstr="dbq="+server.MapPath("mdb/bookshop.mdb")+";defaultdir=;driver={microsoft access driver (*.mdb)};" set conn=server.CreateObject("adodb.connection") conn.Open connstr set rs=server.CreateObject("adodb.recordset") sql="select * from book" rs.open sql,conn,1,1 %>
|
|
2>.用戶登錄,用戶名申請,用戶注冊,管理員登陸,圖書的分類查詢,留言管理等。 用戶登錄頁面: 可查看用戶自身的信息和修改信息 用戶注冊頁面: 可按照提示填寫信息,注冊新用戶。 還有圖書分類頁面、管理員登陸頁面、留言管理頁面等。 (二)、網(wǎng)站的后臺 1>.后臺的主頁面如下圖: 可實現(xiàn)圖書數(shù)據(jù)庫的瀏覽、修改、添加、刪除等功能。 設計代碼如下:
網(wǎng)上書店管理 | |||||
圖書數(shù)據(jù)庫 | |||||
瀏覽 | 修改 | 添加 | 刪除 | ||
顧客數(shù)據(jù)庫 | |||||
瀏覽 | 修改 | 添加 | 刪除 | ||
定單數(shù)據(jù)庫 | |||||
瀏覽 | 修改 | 添加 | 刪除 | ||
2002.10.22 |
點擊提交: 設計代碼如下:
2. 點擊修改,進入修改頁面 設計代碼如下:
點擊提交: 設計代碼如下:
3. 點擊添加,進入添加圖書頁面 4. 點擊刪除,進入刪除圖書頁面 1>.后臺的Access共有四張表如下圖: 用戶信息管理表: 圖書信息表: 購買信息表: 用戶留言表: 3.4網(wǎng)站的維護與使用 此網(wǎng)站是小型網(wǎng)站,維護起來方便簡潔,主要有技術層面的和用戶需求層面兩個方面: 1. 技術層面的維護 即代碼的實現(xiàn)。。 2. 用戶需求層面的維護 向用戶調(diào)研,根據(jù)需求逐步完善網(wǎng)站,主要需調(diào)查以下幾點: 1)、 網(wǎng)站當前以及日后可能出現(xiàn)的功能需求。 2)、 客戶對網(wǎng)站的性能(如訪問速度)的要求和可靠性的要求。 3)、 確定網(wǎng)站維護的要求。 4)、 網(wǎng)站的實際運行環(huán)境。 5)、 網(wǎng)站頁面總體風格以及美工效果(必要的時候用戶可以提供參考站點或者由公司向用戶提供)。 6)、 主頁面和次級頁面數(shù)量,是否需要多種語言版本等 四、成果以及心得 通過對這門課的學習,外加此次課程考核,即這次的《在線圖書管理系統(tǒng)》的建設,我對網(wǎng)頁設計有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對網(wǎng)頁制作的基礎知識也有了一定的掌握。 在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則 1 確定網(wǎng)頁設計的內(nèi)容 一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用。 2 了解你網(wǎng)站所在行業(yè)的客戶 用戶是一個網(wǎng)站成敗的關鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設計,只會讓用戶失望的離去. 3、做一個典型用戶 不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題,才知道那些需要改進,盡量不要讓客戶去發(fā)現(xiàn)問題,在前期設計時就應該把這些問題解決。 4 優(yōu)化內(nèi)容 內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設計之前必須明確網(wǎng)站的內(nèi)容安排。 優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。 然后在具體的規(guī)劃一個網(wǎng)站時,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)
- 配套講稿:
如PPT文件的首頁顯示word圖標,表示該PPT已包含配套word講稿。雙擊word圖標可打開word文檔。
- 特殊限制:
部分文檔作品中含有的國旗、國徽等圖片,僅作為作品整體效果示例展示,禁止商用。設計者僅對作品中獨創(chuàng)性部分享有著作權。
- 關 鍵 詞:
- 網(wǎng)頁 設計 制作 課程設計 圖書 在線 系統(tǒng)
裝配圖網(wǎng)所有資源均是用戶自行上傳分享,僅供網(wǎng)友學習交流,未經(jīng)上傳用戶書面授權,請勿作他用。
鏈接地址:http://m.jqnhouse.com/p-10951071.html