第一篇：網(wǎng)頁設(shè)計與制作課程設(shè)計圖書在線系統(tǒng)

網(wǎng)頁設(shè)計與制作

題目：圖書在線系統(tǒng)

學(xué)生姓名 學(xué)班成號 級 績

指導(dǎo)教師

管理系

2011 年 6 月 14 日

目錄

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

一、目的和意義

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

具體應(yīng)達到以下目的：

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

2．在實際的項目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計方面的素養(yǎng)。

3．在實際的項目任務(wù)中使學(xué)生網(wǎng)頁編程和制作的能力得到提高。4．培養(yǎng)學(xué)生團隊協(xié)作和人際交往方面的能力。5.培養(yǎng)相關(guān)知識和技能的綜合應(yīng)用能力。

二、題目和要求

應(yīng)從專業(yè)網(wǎng)站建設(shè)的實際出發(fā)。具體要求如下： 1.網(wǎng)站的選題自選。

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

3.站點至少要有三層結(jié)構(gòu)，頁面數(shù)不得少于8頁；其中一頁必須是留言板； 4.自選主題，主題內(nèi)容要合法、健康、實用。5.網(wǎng)頁要有版權(quán)說明；

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

8.網(wǎng)站與網(wǎng)頁風(fēng)格應(yīng)該協(xié)調(diào)一致，網(wǎng)站結(jié)構(gòu)應(yīng)層次分明，內(nèi)容重點突出，頁面設(shè)計要符合追求色彩的搭配、布局和合理性，以及要有一定的創(chuàng)意。

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

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

三、內(nèi)容

3.1圖書在線系統(tǒng)的介紹

本在線系統(tǒng)，的主要作用就是用來管理的出售圖書的，它的主頁面有2個其中后臺服務(wù)一個，前臺服務(wù)一個，二級頁面有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)在線購買，用戶登錄，用戶名申請，用戶注冊，管理員登陸，圖書的分類查詢，留言管理等功能。

設(shè)計代碼如下：

<%@ 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")%>

第二篇：網(wǎng)頁設(shè)計與制作課程設(shè)計

一、設(shè)計目的

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

二、設(shè)計要求

運用所學(xué)的知識設(shè)計一個簡單的網(wǎng)站，類型不限

三、需求分析

網(wǎng)頁設(shè)計是將技術(shù)性與藝術(shù)性融為一體的創(chuàng)造性活動。網(wǎng)頁設(shè)計是以功能行為第一指導(dǎo)原則，以技術(shù)因素為主要考慮對象，以完成或?qū)崿F(xiàn)必要的功能為目標(biāo)。近幾年隨著網(wǎng)絡(luò)的發(fā)展而逐漸受到人們的重視，它本身已網(wǎng)絡(luò)為載體，把各種信息以快捷、方便的方式傳達給受眾，在這種標(biāo)準的要求下，逐步產(chǎn)生了審

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

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

四、制作過程的內(nèi)容及結(jié)果

1、網(wǎng)站目錄

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

2、我的籃球網(wǎng)（首頁）

主要代碼：