第一篇：網頁設計與制作課程設計圖書在線系統

網頁設計與制作

題目：圖書在線系統

學生姓名 學班成號 級 績

指導教師

管理系

2011 年 6 月 14 日

目錄

一、目的和意義..........................................................................................二、題目和要求..........................................................................................三、內容.......................................................................................................3.1圖書在線系統的介紹.........................................................................................3.2網站功能的實現(圖表)......................................................................................3.3網站重要頁面的代碼.........................................................................................3.4網站的維護與使用.............................................................................................四、成果以及心得..................................................................................19

一、目的和意義

檢驗學生對本課程的最終學習效果，加深對網頁設計與制作的基本知識的理解，網頁設計與制作技能綜合運用和提高，通過真實工作任務，使學生能設計出有一定水平的網頁并解決培養解決實際問題的能力，掌握實際網頁設計與制作開發流程和開發方法。

具體應達到以下目的：

1．提高學生在實際操作中收集信息，對信息進行價值判斷，進行信息整理、加工的能力。

2．在實際的項目任務中培養網頁設計方面的素養。

3．在實際的項目任務中使學生網頁編程和制作的能力得到提高。4．培養學生團隊協作和人際交往方面的能力。5.培養相關知識和技能的綜合應用能力。

二、題目和要求

應從專業網站建設的實際出發。具體要求如下： 1.網站的選題自選。

2.站點設計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規范，存放位置要正確，不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應該使用index或default等。其他文件或文件名命名也要規范，不使用漢字或帶有空格的名稱。最好是符合各種系統命名規則。

3.站點至少要有三層結構，頁面數不得少于8頁；其中一頁必須是留言板； 4.自選主題，主題內容要合法、健康、實用。5.網頁要有版權說明；

6.要仔細考慮網站定位。分析面向的潛在訪客群體的需求特點，選擇內容和版式。7.網站主題突出、內容豐富；

8.網站與網頁風格應該協調一致，網站結構應層次分明，內容重點突出，頁面設計要符合追求色彩的搭配、布局和合理性，以及要有一定的創意。

9.各頁面設計合理、美觀，有創意。圖片動畫選用要適合主題，不要在網頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬，否則顯示器分辨率小時會出現水平滾動條。

10.各個頁面之間的鏈接要合理有效，路徑要正確（相對路徑）； 11.注意網站的大小，圖片保存格式和圖片大小要合適； 12.代碼結構清晰，無垃圾代碼

三、內容

3.1圖書在線系統的介紹

本在線系統，的主要作用就是用來管理的出售圖書的，它的主頁面有2個其中后臺服務一個，前臺服務一個，二級頁面有4個，還有部分三級頁面，主要能實現圖書的在線購買，查詢等功能。后臺能實現圖書數據庫的管理，可以瀏覽、修改、添加、刪除圖書，還可實現會員的管理，與ACCESS數據庫連接。3.2網站功能的實現(圖表)3.3網站重要頁面的代碼

圖一所示，是網頁的主頁面，前臺。

（一）、網站的前臺

可實現在線購買，用戶登錄，用戶名申請，用戶注冊，管理員登陸，圖書的分類查詢，留言管理等功能。

設計代碼如下：

<%@ language=vbscript %> <% option explicit

session(“salecomplete”)= false dim connstr,conn,rs,sql,mode,itemno

connstr=“dbq=”+server.MapPath(“mdb/bookshop.mdb”)+“;defaultdir=;driver={microsoft)

conn.Open connstr set

rs=server.CreateObject(”adodb.recordset“)

sql=”select * from book“ access driver(*.mdb)};”

set

conn=server.CreateObject(“adodb.connection” rs.open sql,conn,1,1 %>

name=“ProgId” content=“FrontPage.Editor.Document”>

width=“426” color=“white”

購買“%>

<% rs.MoveNext loop %>

width=”510“ bgcolor=”#008080“ style=”BACKGROUND-COLOR: style=“BACKGROUND-COLOR: #6699cc”>書籍一覽 <% do while not(rs.EOF or err)%> <% if rs(“photo”)<>“" then response.write ”“%>
書名：<%=rs(1)%>

作

者

：<%=rs(”author“)%>
單價：<%=rs(3)%>
簡介：<%=rs(”memo")%>

第二篇：網頁設計與制作課程設計

一、設計目的

通過一個月的網頁設計學習，設計一個簡單的網站來檢測自己的學習成果，看看哪些東西還沒有掌握，需要進一步的去鞏固！網頁的設計區別于實體化的一些東西，其多為多媒體的存在，意味著它可以容納更多的信息以及更多的展示形式，網頁設計則要求設計者具備一些特殊技能以營造特定瀏覽情景。網頁設計可以在短時間內增強我們的洞察力以更好察覺使用者的興趣點，只有這樣才能滿足他們的需要。

二、設計要求

運用所學的知識設計一個簡單的網站，類型不限

三、需求分析

網頁設計是將技術性與藝術性融為一體的創造性活動。網頁設計是以功能行為第一指導原則，以技術因素為主要考慮對象，以完成或實現必要的功能為目標。近幾年隨著網絡的發展而逐漸受到人們的重視，它本身已網絡為載體，把各種信息以快捷、方便的方式傳達給受眾，在這種標準的要求下，逐步產生了審

美需求和功能需求等。人們對美的追求是不斷深入的，網頁設計同樣如此。如何使受眾能更好的和有效率地接受網頁上的信息，這就需要從審美方面入手。網頁設計的審美需求是對視覺設計美學的一種繼承和延伸，兩者的表現形式和目的都有一定的相似性。

網頁設計的主題為我的籃球網，它是我根據自己的興趣做出來的網站，內容非常簡單，但卻富有深意！它融合了當今大多數青少年朋友的興趣愛好，可以說是一個大眾化的網站！

四、制作過程的內容及結果

1、網站目錄

打開dreamweaver cs4，建立站點，放到F盤里，在目錄下有images(包括圖片、flash)、scripts、shipin、web（建立的網站）文件夾。如下圖示：

2、我的籃球網（首頁）

主要代碼：