網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)圖書在線系統(tǒng)
網(wǎng)頁設(shè)計(jì)與制作題目:圖書在線系統(tǒng)學(xué)生姓名學(xué)號(hào)班級(jí)成績(jī)指導(dǎo)教師管理系2011 年 6 月 14 日目 錄一、目的和意義二、題目和要求三、內(nèi)容3.1圖書在線系統(tǒng)的介紹3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表)3.3網(wǎng)站重要頁面的代碼3.4網(wǎng)站的維護(hù)與使用四、成果以及心得19一、目的和意義檢驗(yàn)學(xué)生對(duì)本課程的最終學(xué)習(xí)效果,加深對(duì)網(wǎng)頁設(shè)計(jì)與制作的基本知識(shí)的理解,網(wǎng)頁設(shè)計(jì)與制作技能綜合運(yùn)用和提高,通過真實(shí)工作任務(wù),使學(xué)生能設(shè)計(jì)出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實(shí)際問題的能力,掌握實(shí)際網(wǎng)頁設(shè)計(jì)與制作開發(fā)流程和開發(fā)方法。具體應(yīng)達(dá)到以下目的:1提高學(xué)生在實(shí)際操作中收集信息,對(duì)信息進(jìn)行價(jià)值判斷,進(jìn)行信息整理、加工的能力。2在實(shí)際的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計(jì)方面的素養(yǎng)。3在實(shí)際的項(xiàng)目任務(wù)中使學(xué)生網(wǎng)頁編程和制作的能力得到提高。4培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作和人際交往方面的能力。5. 培養(yǎng)相關(guān)知識(shí)和技能的綜合應(yīng)用能力。二、題目和要求應(yīng)從專業(yè)網(wǎng)站建設(shè)的實(shí)際出發(fā)。具體要求如下:1. 網(wǎng)站的選題自選。2. 站點(diǎn)設(shè)計(jì)合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范,存放位置要正確,不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應(yīng)該使用index或default等。其他文件或文件名命名也要規(guī)范,不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。3. 站點(diǎn)至少要有三層結(jié)構(gòu),頁面數(shù)不得少于8頁;其中一頁必須是留言板;4. 自選主題,主題內(nèi)容要合法、健康、實(shí)用。5. 網(wǎng)頁要有版權(quán)說明;6. 要仔細(xì)考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點(diǎn),選擇內(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)容重點(diǎn)突出,頁面設(shè)計(jì)要符合追求色彩的搭配、布局和合理性,以及要有一定的創(chuàng)意。9.各頁面設(shè)計(jì)合理、美觀,有創(chuàng)意。圖片動(dòng)畫選用要適合主題,不要在網(wǎng)頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬,否則顯示器分辨率小時(shí)會(huì)出現(xiàn)水平滾動(dòng)條。10.各個(gè)頁面之間的鏈接要合理有效,路徑要正確(相對(duì)路徑);11.注意網(wǎng)站的大小,圖片保存格式和圖片大小要合適;12. 代碼結(jié)構(gòu)清晰,無垃圾代碼三、內(nèi)容 3.1圖書在線系統(tǒng)的介紹本在線系統(tǒng),的主要作用就是用來管理的出售圖書的,它的主頁面有2個(gè)其中后臺(tái)服務(wù)一個(gè),前臺(tái)服務(wù)一個(gè),二級(jí)頁面有4個(gè),還有部分三級(jí)頁面,主要能實(shí)現(xiàn)圖書的在線購買,查詢等功能。后臺(tái)能實(shí)現(xiàn)圖書數(shù)據(jù)庫的管理,可以瀏覽、修改、添加、刪除圖書,還可實(shí)現(xiàn)會(huì)員的管理,與ACCESS數(shù)據(jù)庫連接。3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表)3.3網(wǎng)站重要頁面的代碼圖一所示,是網(wǎng)頁的主頁面,前臺(tái)。(一)、網(wǎng)站的前臺(tái)可實(shí)現(xiàn)在線購買,用戶登錄,用戶名申請(qǐng),用戶注冊(cè),管理員登陸,圖書的分類查詢,留言管理等功能。設(shè)計(jì)代碼如下:<% 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 %><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta name="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Document"><title>書籍一覽</title><script> function openwin(id) window.open("shopcart.asp?mode=add&itemno="+id,"","height=250,width=450,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=yes,location=no"); </script></head><body> <table border="0" width="100%"> <tr> <td width="30%" valign="top"> <table border="0" width="87%" height="156"> <tr> <td width="100%" height="106"> <form method="post" action="usercheck.asp"> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000080"><font color="#ffffff">用戶登錄</font></td> </tr> <tr> <td width="100%" bgcolor="#ffffcc">昵稱<input name="user1" size="14" > <p>密碼<input type="password" name="user2" size="14"></p> <input type="submit" value="提交" name="B1"></td> </tr> </table> </form> </td> </tr> <tr> <td width="100%" height="16"> <form method="post" action="newusercheck.asp"> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000080"><font color="#ffffff">新用戶注冊(cè)</font></td> </tr> <tr> <td width="100%" bgcolor="#ffffcc">昵稱<input name="newusername" size="15" > <p><input type="submit" value="提交" name="B1"></p> </td> </tr> </table> </form> </td> </tr> <tr> <td width="100%" height="16"> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000080"><font color="#ffffff">圖書分類查詢</font></td> </tr> <tr> <td width="100%" bgcolor="#ffffcc"> <form method="post" action="search.asp"> <p>分類<select size="1" name="class2"> <option selected>教育類</option> <option>烹飪類</option> <option>企業(yè)類</option> <option>法律類</option> <option>其他</option> </select><br> <input type="submit" value="提交" name="B1"></p> </form> </td> </tr> </table> </td> </tr> <tr bordercolor="#000000"> <td bgcolor="#000080"><font color="#ffffff">管理員登錄</font></td> </tr> <tr bordercolor="#000000"> <td bgcolor="#ffffcc"><form method="post" action="check.asp"> <p>身份 <input name="T3" size="14"> <br> 密碼 <input type="password" name="T3" size="14"> <br> <input type="submit" value="提交" name="B3"> <input type="reset" value="全部重寫" name="B3"> </p> </form></td> </tr> <tr> <td width="100%" height="16"> <table border="1" width="100%" bordercolor="#000000" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000080"><font color="#ffffff">留言管理</font></td> </tr> <tr> <td width="100%" bgcolor="#ffffcc"> <form method="post" action="check.asp"> <p>內(nèi)容 <input name="T1" size="14"><br> 標(biāo)題 <input type="password" name="T2" size="14"> </p> <p>昵稱 <input type="password" name="T4" size="14"> <br> <input type="submit" value="提交" name="B1"> <input type="reset" value="全部重寫" name="B2"> </p> </form> </td> </tr> </table> </td> </tr> </table> </td> <td width="70%" valign="top"> <table border="1" width="520" bordercolor="#008000"> <tr> <td width="426" bgcolor="#008080" style="BACKGROUND-COLOR: #6699cc"><font color="white" style="BACKGROUND-COLOR: #6699cc">書籍一覽</font></td> <td width="78"></td> </tr> <% do while not (rs.EOF or err)%> <tr> <td width="426"> <% if rs("photo")<>"" then response.write "<img border=0 src=" & rs("photo") & " align=left>"%><br> 書名:<%=rs(1)%><br>作者:<%=rs("author")%><br>單價(jià):<%=rs(3)%><br>簡(jiǎn)介:<%=rs("memo")%></td> <td width="78"> <% Response.Write "<a href=javascript:openwin("+cstr(rs(0)+")>購買</a>"%> </td> </tr> <% rs.MoveNext loop %> <tr> <td width="510" colSpan="2"></td> </tr> </table> </td> </tr> </table> </body></html><% rs.Close set rs=nothing conn.Close set conn=nothing%>1>.點(diǎn)擊購買到如下頁面可實(shí)現(xiàn)如下功能,繼續(xù)購買,改變數(shù)量,和結(jié)賬。設(shè)計(jì)代碼如下:<html><head><title>購物車</title><script language="javascript"></script><META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD><BODY><br><font color="#008000" size="-1"><form action="shopcart.asp" method="POST" id=form2 name="form2">你的購物籃包括以下物品: <br><br> <table align="center" border="0"> <tr bgcolor="#ff0066"> <th><font color="#ffff33" size="-1"> 數(shù)量</font> <th><font color="#ffff33" size="-1"> 編號(hào)</font><font face="Verdana,Arial" color="#ffff33" size="-1">.</font> <th><font color="#ffff33" size="-1"> 書名</font> <th><font color="#ffff33" size="-1"> 價(jià)格</font> <th><font color="#ffff33" size="-1"> 小計(jì)</font> </tr> <tr bgcolor="#99ccff"> <td align="middle"> <font color="#000000" size="-1"> <input type=Text name=txtItemQty1 value=1 size=3></font></td> <td align="middle"> <font color="#000000" size="-1"> 2</font></td> <td><font color="#000000" size="-1"> 中國名廚技巧博覽</font></td> <td align="middle"> <font color="#000000" size="-1"> 198</font></td> <td align="right"> <font color="#000000" size="-1"> 198</font></td> </tr> <tr bgcolor="#c5c5c5"> <td align="middle" colspan="4"> <font size="-1">總計(jì)</font></td> <td align="right"><font size="-1"> ¥198.00</font></td> </tr> </table> <br><div align="center"> <input type="button" name="close" value="繼續(xù)購物" onclick="javascript:window.close"> <input type="submit" name="cmdSubmit" value="改變數(shù)量" > <br><br> <input type="submit" name="cmdSubmit" value="結(jié)帳" > </div></FORM> </BODY> </html>2>.用戶登錄,用戶名申請(qǐng),用戶注冊(cè),管理員登陸,圖書的分類查詢,留言管理等。用戶登錄頁面:可查看用戶自身的信息和修改信息用戶注冊(cè)頁面:可按照提示填寫信息,注冊(cè)新用戶。還有圖書分類頁面、管理員登陸頁面、留言管理頁面等。(二)、網(wǎng)站的后臺(tái)1>.后臺(tái)的主頁面如下圖:可實(shí)現(xiàn)圖書數(shù)據(jù)庫的瀏覽、修改、添加、刪除等功能。設(shè)計(jì)代碼如下:<html><head><title>網(wǎng)上書店管理</title></head><body><table border="0" width="59%" align="center"> <tr> <td width="100%" bgcolor="#004080" colspan="6" align=center><font color="#ffffff">網(wǎng)上書店管理</font></td> </tr> <tr> <td width="100%" bgcolor="#efeec2" colspan="6"></td> </tr> <tr> <td width="100%" bgcolor="#efeec2" colspan="6">圖書數(shù)據(jù)庫</td> </tr> <tr> <td width="17%" bgcolor="#efeec2"></td> <td width="17%" bgcolor="#efeec2"><a href="blist.asp">瀏覽</a></td> <td width="17%" bgcolor="#efeec2"><a href="bupdate1.asp">修改</a></td> <td width="17%" bgcolor="#efeec2"><a href="badd.asp">添加</a></td> <td width="16%" bgcolor="#efeec2"><a href="bdel.asp">刪除</a></td> <td width="16%" bgcolor="#efeec2"></td> </tr> <tr> <td width="100%" bgcolor="#efeec2" colspan="6">顧客數(shù)據(jù)庫</td> </tr> <tr> <td width="17%" bgcolor="#efeec2"></td> <td width="17%" bgcolor="#efeec2">瀏覽</td> <td width="17%" bgcolor="#efeec2">修改</td> <td width="17%" bgcolor="#efeec2">添加</td> <td width="16%" bgcolor="#efeec2">刪除</td> <td width="16%" bgcolor="#efeec2"></td> </tr> <tr> <td width="100%" bgcolor="#efeec2" colspan="6">定單數(shù)據(jù)庫</td> </tr> <tr> <td width="17%" bgcolor="#efeec2"></td> <td width="17%" bgcolor="#efeec2">瀏覽</td> <td width="17%" bgcolor="#efeec2">修改</td> <td width="17%" bgcolor="#efeec2">添加</td> <td width="16%" bgcolor="#efeec2">刪除</td> <td width="16%" bgcolor="#efeec2"></td> </tr> <tr> <td width="100%" bgcolor="#efeec2" colspan="6"> <p align="center"> <a href="default.asp">返回</a></p> </td> </tr> <tr> <td width="100%" bgcolor="#004080" colspan="6"> <p align="center"><font color="#ffffff">2002.10.22</font></p></td> </tr></table></body></html>1. 點(diǎn)擊瀏覽,進(jìn)入瀏覽頁面設(shè)計(jì)代碼如下: <html><head><title>瀏覽圖書</title></head><body><br><form name="book" method="post" action="bview.asp"><table border="0" width="100%"> <tr> <td width="100%" style="BACKGROUND-COLOR: darkblue"><FONT color=white style="BACKGROUND-COLOR: #00008b">圖書管理(瀏覽頁面)</FONT></td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="11">中小企業(yè)拓展方略</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="10">教女成鳳的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="9">教子成龍的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="8">金榜題名的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="7">未來颶風(fēng)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="5">百鳥薈萃</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="4">著名律師精彩辯詞</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="3">中外調(diào)味大全</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="2">中國名廚技巧博覽</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="1">高中英語超快突破手冊(cè)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="submit" value="提交" name="B1"><input type="button" value="返回" name="B2" onclick="javascript:top.document.location=manage.htm"></td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: darkblue"></td> </tr></table></form></body></html>點(diǎn)擊提交:設(shè)計(jì)代碼如下: <HTML><HEAD><TITLE>圖書詳細(xì)信息瀏覽</TITLE></HEAD><BODY><br><br><form method="POST" action="bupdata.asp"> <table border="0" width="100%"> <tr> <td width="100%" bgcolor="#000080"><font color="#FFFFFF">書籍瀏覽</font></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE">書 名<input type="text" name="book" size="20" value="高中英語超快突破手冊(cè)">作者<input type="text" name="author" size="20" value="廖加彬">單價(jià)<input type="text" name="price" size="12" value="20">類別<input type="text" name="class" size="14" value="教育類"></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE">出版社<input type="text" name="publish" size="20" value="吉林教育出版社">照片<input type="text" name="photo" size="20" value="pic/book_gzyy.jpg">數(shù)量<input type="text" name="num" size="11" value="49"></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE"><textarea rows="11" name="memo" cols="91">華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強(qiáng)實(shí)用性的高中英語超快突破手冊(cè)高一、高二、高三版。本書針對(duì)現(xiàn)代中學(xué)生的學(xué)習(xí)特點(diǎn)和現(xiàn)狀進(jìn)行了精心設(shè)計(jì),以減少廣大中學(xué)生的記憶壓力為目的,做到用最少的時(shí)間和精力,取得最佳詞匯記憶效果。</textarea></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE"><input type="button" value="返回" name="B1" onclick="javascript:top.document.location=blist.asp"></td> </tr> <tr> <td width="100%" bgcolor="#000080"></td> </tr> </table> </form> </BODY> </HTML> 2. 點(diǎn)擊修改,進(jìn)入修改頁面設(shè)計(jì)代碼如下: <html><head><title>選擇要修改的圖書</title></head><body><br><form name="book" method="post" action="bupdate2.asp"><table border="0" width="100%"> <tr> <td width="100%" style="BACKGROUND-COLOR: darkblue"><FONT color=white style="BACKGROUND-COLOR: #00008b">圖書管理(修改選擇)</FONT></td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="11">中小企業(yè)拓展方略</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="10">教女成鳳的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="9">教子成龍的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="8">金榜題名的藝術(shù)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="7">未來颶風(fēng)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="5">百鳥薈萃</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="4">著名律師精彩辯詞</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="3">中外調(diào)味大全</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="2">中國名廚技巧博覽</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="radio" name="bookchange" value="1">高中英語超快突破手冊(cè)</td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: cornsilk"><input type="submit" value="提交" name="B1"><input type="button" value="返回" name="B2" onclick="javascript:top.document.location=manage.htm"></td> </tr> <tr> <td width="100%" style="BACKGROUND-COLOR: darkblue"></td> </tr></table></form></body></html>點(diǎn)擊提交:設(shè)計(jì)代碼如下:<HTML><HEAD><TITLE>修改圖書</TITLE></HEAD><BODY><br><br><form method="POST" action="bupdate3.asp?id=1"> <table border="0" width="100%"> <tr> <td width="100%" bgcolor="#000080"><font color="#FFFFFF">圖書修改</font></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE">書 名<input type="text" name="book" size="20" value="高中英語超快突破手冊(cè)">作者<input type="text" name="author" size="20" value="廖加彬">單價(jià)<input type="text" name="price" size="12" value="20">類別<input type="text" name="class" size="16" value="教育類"></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE">出版社<input type="text" name="publish" size="20" value="吉林教育出版社">照片<input type="text" name="photo" size="20" value="pic/book_gzyy.jpg">數(shù)量<input type="text" name="num" size="11" value="49"></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE"><textarea rows="11" name="memo" cols="91">華夏文化藝術(shù)中心現(xiàn)向您推薦由廖加彬編著、吉林教育出版社出版的具有很強(qiáng)實(shí)用性的高中英語超快突破手冊(cè)高一、高二、高三版。本書針對(duì)現(xiàn)代中學(xué)生的學(xué)習(xí)特點(diǎn)和現(xiàn)狀進(jìn)行了精心設(shè)計(jì),以減少廣大中學(xué)生的記憶壓力為目的,做到用最少的時(shí)間和精力,取得最佳詞匯記憶效果。</textarea></td> </tr> <tr> <td width="100%" bgcolor="#FCFDEE"><input type="button" value="返回" name="B1" onclick="javascript:top.document.location=blist.asp"><input type="submit" value="更新" name="B2"></td> </tr> <tr> <td width="100%" bgcolor="#000080"></td> </tr> </table> </form> </BODY> </HTML> 3. 點(diǎn)擊添加,進(jìn)入添加圖書頁面4. 點(diǎn)擊刪除,進(jìn)入刪除圖書頁面1>.后臺(tái)的Access共有四張表如下圖:用戶信息管理表:圖書信息表:購買信息表:用戶留言表:3.4網(wǎng)站的維護(hù)與使用 此網(wǎng)站是小型網(wǎng)站,維護(hù)起來方便簡(jiǎn)潔,主要有技術(shù)層面的和用戶需求層面兩個(gè)方面:1. 技術(shù)層面的維護(hù)即代碼的實(shí)現(xiàn)。2. 用戶需求層面的維護(hù)向用戶調(diào)研,根據(jù)需求逐步完善網(wǎng)站,主要需調(diào)查以下幾點(diǎn):1)、 網(wǎng)站當(dāng)前以及日后可能出現(xiàn)的功能需求。 2)、 客戶對(duì)網(wǎng)站的性能(如訪問速度)的要求和可靠性的要求。 3)、 確定網(wǎng)站維護(hù)的要求。 4)、 網(wǎng)站的實(shí)際運(yùn)行環(huán)境。 5)、 網(wǎng)站頁面總體風(fēng)格以及美工效果(必要的時(shí)候用戶可以提供參考站點(diǎn)或者由公司向用戶提供)。 6)、 主頁面和次級(jí)頁面數(shù)量,是否需要多種語言版本等 四、成果以及心得通過對(duì)這門課的學(xué)習(xí),外加此次課程考核,即這次的在線圖書管理系統(tǒng)的建設(shè),我對(duì)網(wǎng)頁設(shè)計(jì)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解,對(duì)網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則1 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個(gè)內(nèi)容來制作,有了明確的內(nèi)容對(duì)排名有很重要的作用。2 了解你網(wǎng)站所在行業(yè)的客戶用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.3、做一個(gè)典型用戶不以用戶身份親身體驗(yàn)網(wǎng)站你才能發(fā)現(xiàn)問題,才知道那些需要改進(jìn),盡量不要讓客戶去發(fā)現(xiàn)問題,在前期設(shè)計(jì)時(shí)就應(yīng)該把這些問題解決。4 優(yōu)化內(nèi)容 內(nèi)容是整個(gè)網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)站時(shí),可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來,尤其要制作一個(gè)大的網(wǎng)站 (有很多頁面) 的時(shí)候,特別需要把這個(gè)架構(gòu)規(guī)劃好,也要考慮到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu)