版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、<p><b> 網(wǎng)頁設(shè)計(jì)與制作課程</b></p><p><b> 設(shè)計(jì)說明書</b></p><p><b> 管理系</b></p><p> 2011 年 6 月 14 日</p><p><b> 目 錄</b><
2、;/p><p><b> 一、課程設(shè)計(jì)目的</b></p><p> 二、設(shè)計(jì)題目和要求</p><p><b> 三、設(shè)計(jì)內(nèi)容</b></p><p> 3.1醫(yī)藥超市系統(tǒng)的介紹</p><p> 3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表) 和重要頁面的代碼</p&
3、gt;<p> 3.3網(wǎng)站的維護(hù)與使用</p><p> 四、設(shè)計(jì)成果以及心得</p><p> 一、課程設(shè)計(jì)目的和意義</p><p> 檢驗(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ì)與制
4、作開發(fā)流程和開發(fā)方法。</p><p> 具體應(yīng)達(dá)到以下目的:</p><p> 1.提高學(xué)生在實(shí)際操作中收集信息,對(duì)信息進(jìn)行價(jià)值判斷,進(jìn)行信息整理、加工的能力。</p><p> 2.在實(shí)際的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計(jì)方面的素養(yǎng)。</p><p> 3.在實(shí)際的項(xiàng)目任務(wù)中使學(xué)生網(wǎng)頁編程和制作的能力得到提高。</p><
5、;p> 4.培養(yǎng)學(xué)生團(tuán)隊(duì)協(xié)作和人際交往方面的能力。</p><p> 5. 培養(yǎng)相關(guān)知識(shí)和技能的綜合應(yīng)用能力。</p><p><b> 二、設(shè)計(jì)題目和要求</b></p><p> 應(yīng)從專業(yè)網(wǎng)站建設(shè)的實(shí)際出發(fā)。具體要求如下:</p><p> 1. 網(wǎng)站的選題自選。</p><p&g
6、t; 2. 站點(diǎn)設(shè)計(jì)合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范,存放位置要正確,不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應(yīng)該使用index或default等。其他文件或文件名命名也要規(guī)范,不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。</p><p> 3. 站點(diǎn)至少要有三層結(jié)構(gòu),頁面數(shù)不得少于8頁;其中一頁必須是留言板;</p>
7、<p> 4. 自選主題,主題內(nèi)容要合法、健康、實(shí)用。</p><p> 5. 網(wǎng)頁要有版權(quán)說明;</p><p> 6. 要仔細(xì)考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點(diǎn),選擇內(nèi)容和版式。</p><p> 7. 網(wǎng)站主題突出、內(nèi)容豐富;</p><p> 8. 網(wǎng)站與網(wǎng)頁風(fēng)格應(yīng)該協(xié)調(diào)一致,網(wǎng)站結(jié)構(gòu)應(yīng)層次分明,內(nèi)容重
8、點(diǎn)突出,頁面設(shè)計(jì)要符合追求色彩的搭配、布局和合理性,以及要有一定的創(chuàng)意。</p><p> 9.各頁面設(shè)計(jì)合理、美觀,有創(chuàng)意。圖片動(dòng)畫選用要適合主題,不要在網(wǎng)頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬,否則顯示器分辨率小時(shí)會(huì)出現(xiàn)水平滾動(dòng)條。</p><p> 10.各個(gè)頁面之間的鏈接要合理有效,路徑要正確(相對(duì)路徑);</p><p> 1
9、1.注意網(wǎng)站的大小,圖片保存格式和圖片大小要合適;</p><p> 12. 代碼結(jié)構(gòu)清晰,無垃圾代碼</p><p><b> 三、設(shè)計(jì)內(nèi)容</b></p><p> 3.1醫(yī)藥超市系統(tǒng)的介紹</p><p> 本在線系統(tǒng),的主要作用就是用來管理藥品出售的,后臺(tái)服務(wù)主頁面一個(gè),前臺(tái)服務(wù)主頁面一個(gè),二級(jí)頁面有若干
10、個(gè),還有部分三級(jí)頁面,主要能實(shí)現(xiàn)藥品的在線交易,查詢等功能。后臺(tái)能實(shí)現(xiàn)數(shù)據(jù)庫的管理,可以瀏覽、修改、添加、刪除數(shù)據(jù),還可藥品管理、藥品類別管理、會(huì)員信息管理、員工信息管理、超級(jí)會(huì)管理員信息管理、訂單管理、公告管理等,其與ACCESS數(shù)據(jù)庫連接。</p><p> 3.2網(wǎng)站功能的實(shí)現(xiàn)(圖表) 和重要頁面的代碼圖一所示,是網(wǎng)頁的主頁面,前臺(tái)。</p><p><b> ?。ㄒ唬?/p>
11、網(wǎng)站的前臺(tái)</b></p><p> 主頁上能實(shí)現(xiàn)的功能有</p><p><b> 1.會(huì)員登錄 </b></p><p> 2.藥品搜索、推薦藥品</p><p> 3.查看最新上架藥品信息、推薦藥品信息、精華藥品、保健藥品、中藥等</p><p> 主頁面設(shè)計(jì)代碼如下:
12、</p><p> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p> <html xmlns="http:/
13、/www.w3.org/1999/xhtml"></p><p><b> <head></b></p><p> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p><
14、;p> <title>醫(yī)藥超市</title></p><p> <link type="text/css" rel="stylesheet" href="int/main.css" /></p><p> <script type="text/javascript&
15、quot; src="int/jquery-1.4.2.min.js"></script></p><p> <SCRIPT src="flash/js/common.js" type="text/javascript"></SCRIPT></p><p><b> <
16、/head></b></p><p> <script type="text/javascript"></p><p> $(function(){</p><p> var shop_id="";</p><p> var shop_name="&quo
17、t;;</p><p> $(".img").hover(</p><p> function(){$(this).addClass("imgbg");},</p><p> function(){$(this).removeClass("imgbg");}</p><p>&
18、lt;b> );</b></p><p> $(".intro img").click(function(){</p><p> var width=window.screen.availWidth;</p><p> var height=window.screen.availHeight;</p>&l
19、t;p> var sta=$(this).attr("sta");</p><p> if (sta!="")</p><p><b> {</b></p><p> shop_name=$(this).attr("shop_name");</p><
20、p> shop_id=$(this).attr("shop_id");</p><p> $("#name").html(shop_name);</p><p> $("#bigBox").css("width",width).css("height",height).css(&
21、quot;background-color","#000000").fadeTo("fast",0.7).show();</p><p> $("#box").show();</p><p><b> }</b></p><p><b> else</b
22、></p><p><b> {</b></p><p> $("#bigBox").css("width",width).css("height",height).css("background-color","#000000").fadeTo("
23、fast",0.7).show();</p><p> $("#box2").show();</p><p><b> }</b></p><p><b> });</b></p><p> $("input[name='n']&quo
24、t;).click(function(){</p><p> $("#bigBox").hide(); </p><p> $("#box").hide();</p><p><b> });</b></p><p> $("input[name='yes
25、']").click(function(){</p><p> $("#bigBox").hide(); </p><p> $("#box2").hide();</p><p><b> });</b></p><p> $("input[na
26、me='y']").click(function(){</p><p> $("#bigBox").hide(); </p><p> $("#box").hide();</p><p> location="doshopping.asp?shop_id="+shop_id;
27、</p><p><b> });</b></p><p><b> });</b></p><p><b> </script></b></p><p><b> <body></b></p><p&g
28、t; <div id="main"></p><p> <div id="box2"></p><p> <br /><br /><br /><br /><br /></p><p> 您沒有登錄,請(qǐng)先登錄!<br />&l
29、t;br /><br /></p><p> <input type="button" value="確定" name="yes"/> </p><p><b> </div></b></p><p> <div
30、 id="box" tar="a"></p><p> <br /><br /><br /><br /><br /></p><p> 您確定要把<span style="color:#006600;" id="name"><
31、;/span>添加到購物車中嗎?<br /><br /><br /></p><p> <input type="button" value="確定" name="y"/> </p><p> <input type="button&qu
32、ot; value="取消" name="n"/></p><p><b> </div></b></p><p> <div id="bigBox" style="display:none; position:absolute; top:0px; left:0px;
33、z-index:100;"></div></p><p> <div id="head"></p><p> <div id="flashDiv"></p><p> <object classid="clsid:D27CDB6E-AE6D-11cf-9
34、6B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="938" height="155"></p><p> <param name="
35、;movie" value="flash/head.swf" /></p><p> <param name="quality" value="high" /></p><p> <param name="wmode" value="opaque" /&
36、gt;</p><p> <embed src="flash/head.swf" quality="high" wmode="opaque" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&q
37、uot; type="application/x-shockwave-flash" width="938" height="155"></embed></p><p><b> </object></b></p><p><b> </div></
38、b></p><p> <div id="os">您好,今天是<span id="myTime"></span>.您的狀態(tài):未登錄</div></p><p><b> </div></b></p><p> <div id=&
39、quot;nav"></p><p><b> <ul></b></p><p> <li><a href="index.asp">首頁</a></li></p><p> <li><a href="list.asp
40、?item=a">最新上架</a></li></p><p> <li><a href="list.asp?item=b">推薦藥品</a></li></p><p> <li><a href="list.asp?item=c">精華藥
41、品</a></li></p><p> <li><a href="list.asp?item=d">保健藥品</a></li></p><p> <li><a href="list.asp?item=e">中 藥</a>&
42、lt;/li></p><p> <li><a href="list.asp?item=f">西 藥</a></li></p><p><b> </ul></b></p><p><b> </div></
43、b></p><p> <script type="text/javascript"></p><p> function showDate(ele)</p><p><b> {</b></p><p> var tar=document.getElementById(el
44、e);</p><p> var date=new Date();</p><p> tar.innerHTML=date.toLocaleString();</p><p> setTimeout("showDate('"+ele+"')",1000);</p><p><
45、b> }</b></p><p> showDate("myTime");</p><p><b> </script></b></p><p> <div id="left"></p><p> <div id="
46、;login"></p><p> <form name="login" method="post" action="login.asp"></p><p> <br /><br /><br /></p><p> 用戶名:<inp
47、ut type="text" name="username" /><br /><br /></p><p> 密碼: <input type="password" name="psw" /><br /><br /></p><p> <
48、input type="button" value="登錄" onclick="checklogin()" style="width:50px; border:1px solid #006600; height:20px; background-color:#006600; font:12px '宋體'; color:#FFFFFF;" /&
49、gt; </p><p> <input type="button" value="注冊(cè)" style="width:50px; border:1px solid #006600; height:20px; background-color:#006600; font:12px '宋體'; color:#FFFFFF;&q
50、uot; onclick="location='regist.asp'"/></p><p> <input type="hidden" name="tj" value="ok" /></p><p><b> </form></b><
51、;/p><p><b> </div></b></p><p> <div id="search"></p><p> <input type="text" name="key" id="st" /></p>&l
52、t;p> <input type="button" value="搜索" id="sb" style="width:50px; border:1px solid #006600; height:20px; background-color:#006600; font:12px '宋體'; color:#FFFFFF;" />
53、;<br /></p><p> <span style="position:relative; top:64px; left:20px; font:12px '宋體'; color:#060;"></p><p> <input type="radio" value="keyWords&q
54、uot; name="method" checked="checked"/>藥品描述</p><p> <input type="radio" value="name" name="method" />名稱</p><p> <input type="h
55、idden" value="keyWords" id="m" /></p><p><b> </span></b></p><p><b> </div></b></p><p> <div id="tuijian&qu
56、ot;></p><p><b> <ul></b></p><p> <li><img src="img/dote_03.jpg" /> <a href="shop_con.asp?id=21&mleft=y">金水寶膠囊 </a>
57、</li></p><p> <li><img src="img/dote_03.jpg" /> <a href="shop_con.asp?id=15&mleft=y">花紅片</a></li></p><p><b> </ul&
58、gt;</b></p><p><b> </div></b></p><p> <script type="text/javascript"></p><p> $(function(){</p><p> $("#st").val(&
59、quot;請(qǐng)輸入關(guān)鍵字或名稱").focus(function(){$(this).val("");});</p><p> $("input[type='radio']").click(function(){</p><p> $("#m").val($(this).val());</p>
60、;<p><b> });</b></p><p> $("#sb").click(function(){</p><p> if($("#st").val()=="")</p><p><b> {</b></p><p
61、> alert("關(guān)鍵字為空,不能檢索!");</p><p><b> }</b></p><p><b> else</b></p><p><b> {</b></p><p> var key=$("#st").v
62、al();</p><p> var method=$("#m").val();</p><p> location="search.asp?key="+key+"&method="+method;</p><p><b> }</b></p><p&
63、gt;<b> });</b></p><p><b> });</b></p><p> function checklogin(){</p><p> var tar=document.login;</p><p> var va1=tar.username.value;</p&
64、gt;<p> var va2=tar.psw.value;</p><p> if(va1=="" || va2=="")</p><p><b> {</b></p><p> location="err.asp"</p><p>&l
65、t;b> }</b></p><p><b> else</b></p><p><b> {</b></p><p> document.login.submit();</p><p><b> }</b></p><p>
66、<b> }</b></p><p> function zx(){</p><p> location="zx.asp";</p><p><b> }</b></p><p><b> </script></b></p>
67、<p><b> </div></b></p><p> <div id="right"></p><p> <div id="map">您所在的位置:</p><p><b> 中藥</b></p><p
68、><b> </div></b></p><p> <div class="item"></p><p> <div class="img"></p><p> <a href="shop_con.asp?id=17">&l
69、t;img src="admin/upLoadImg/14.jpg" /></a></p><p><b> </div></b></p><p> <div class="intro">名稱:六味能消膠囊 價(jià)格:11.00¥<img src="im
70、g/checkout3-blue.gif" onmouseover="this.src='img/checkout3-green.gif'" onmouseout="this.src='img/checkout3-blue.gif'" shop_name="六味能消膠囊 " shop_id="17" sta=&quo
71、t;" /></div></p><p><b> </div></b></p><p> <div class="item"></p><p> <div class="img"></p><p> <
72、a href="shop_con.asp?id=21"><img src="admin/upLoadImg/10.jpg" /></a></p><p><b> </div></b></p><p> <div class="intro">名稱:金水
73、寶膠囊 價(jià)格:5.00¥<img src="img/checkout3-blue.gif" onmouseover="this.src='img/checkout3-green.gif'" onmouseout="this.src='img/checkout3-blue.gif'" shop_name="金水寶
74、膠囊 " shop_id="21" sta="" /></div></p><p><b> </div></b></p><p> <div class="item"></p><p> <div class="
75、;img"></p><p> <a href="shop_con.asp?id=22"><img src="admin/upLoadImg/09.jpg" /></a></p><p><b> </div></b></p><p>
76、 <div class="intro">名稱:云南白藥 價(jià)格:8.00¥<img src="img/checkout3-blue.gif" onmouseover="this.src='img/checkout3-green.gif'" onmouseout="this.src='img/checkout3
77、-blue.gif'" shop_name="云南白藥 " shop_id="22" sta="" /></div></p><p><b> </div></b></p><p> <div class="item"><
78、;/p><p> <div class="img"></p><p> <a href="shop_con.asp?id=24"><img src="admin/upLoadImg/08.jpg" /></a></p><p><b> </
79、div></b></p><p> <div class="intro">名稱:安宮牛黃丸 價(jià)格:4.5¥<img src="img/checkout3-blue.gif" onmouseover="this.src='img/checkout3-green.gif'" onmou
80、seout="this.src='img/checkout3-blue.gif'" shop_name="安宮牛黃丸 " shop_id="24" sta="" /></div></p><p><b> </div></b></p><p>
81、; <div class="item"></p><p> <div class="img"></p><p> <a href="shop_con.asp?id=25"><img src="admin/upLoadImg/07.jpg" /></a&
82、gt;</p><p><b> </div></b></p><p> <div class="intro">名稱:丁酸氫化可的 價(jià)格:30.00¥<img src="img/checkout3-blue.gif" onmouseover="this.src=
83、9;img/checkout3-green.gif'" onmouseout="this.src='img/checkout3-blue.gif'" shop_name="丁酸氫化可的松軟膏" shop_id="25" sta="" /></div></p><p><b>
84、; </div></b></p><p> <div style="width:100%; text-align:center; font:12px '宋體'; color:#006600;" id="page"></p><p> 共有<span style="color:#
85、FF0000;">5</span>條紀(jì)錄,共<span style="color:#FF0000;">1</span>頁,當(dāng)前在第<span style="color:#FF0000;">1</span>頁</p><p><b> </b></p&
86、gt;<p> <span style="color:#CCCCCC;">首頁 上一頁 </span></p><p> <span style="color:#CCCCCC;">下一頁 尾頁 </span></p><
87、;p><b> </div></b></p><p><b> </div></b></p><p> <div id="footer"></p><p> 友情鏈接:yeFactory<br /><br /></p>
88、<p> @CopyRight2010-2012 版權(quán)所有:yeFactory</p><p><b> </div></b></p><p><b> </div></b></p><p><b> </body></b>&
89、lt;/p><p><b> </html></b></p><p><b> ?。ǘ?、網(wǎng)站的后臺(tái)</b></p><p><b> 后臺(tái)主頁面</b></p><p> 1.需要登錄后臺(tái)登陸頁面</p><p><b> 實(shí)
90、現(xiàn)代碼如下:</b></p><p> DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p> <html xmlns=&
91、quot;http://www.w3.org/1999/xhtml"></p><p><b> <head></b></p><p> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><
92、/p><p> <title>后臺(tái)管理系統(tǒng)</title></p><p><b> </head></b></p><p> <style type="text/css"></p><p><b> <!--</b>&l
93、t;/p><p> #login{ position:relative; top:80px; font:13px "宋體"; color:#006633; }</p><p> #div{ background:url(images/bgbg_10.jpg); width:402px; height:228px; margin:160px;}</p>&l
94、t;p> .a{ width:150px; height:15px; border:1px solid #339966;}</p><p><b> --></b></p><p><b> </style></b></p><p> <body style="backgro
95、und:url(images/bg_01.jpg) repeat-x; text-align:center;"></p><p> <div id="div"></p><p> <form name="login" method="post" action="dealLogin.a
96、sp" id="login" onsubmit="return check()"></p><p> 通行證:<input type="text" name="username" class="a"/><br /><br /></p><p
97、> 密 碼:<input type="password" name="psw" class="a" /><br /><br /></p><p> 驗(yàn)證碼:<img src="../checkCode.asp" /><input type="t
98、ext" name="code" class="a" /><br /><br /></p><p> <input type="submit" value="登錄" style="width:50px; background-color:#009933; border:1px
99、solid #003300;" /></p><p> <input type="hidden" name="tj" value="ok" /></p><p><b> </form></b></p><p><b> <
100、/div></b></p><p> <script type="text/javascript"></p><p> function check()</p><p><b> {</b></p><p> var tar=document.login;<
101、/p><p> var va1=tar.username.value;</p><p> var va2=tar.psw.value;</p><p> if(va1=="")</p><p><b> {</b></p><p> alert("通行證不能為空
102、!");</p><p> return false;</p><p><b> }</b></p><p> else if(va2=="")</p><p><b> {</b></p><p> alert("密碼不能為
103、空!");</p><p> return false;</p><p><b> }</b></p><p><b> else</b></p><p><b> {</b></p><p> return true;</p&
104、gt;<p><b> }</b></p><p><b> }</b></p><p><b> </script></b></p><p><b> </body></b></p><p><b>
105、; </html></b></p><p><b> 2.后臺(tái)管理</b></p><p><b> 設(shè)計(jì)代碼如下:</b></p><p> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
106、; "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p> <html xmlns="http://www.w3.org/1999/xhtml"></p><p><b> <head></b></p>
107、<p> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p><p> <title>無標(biāo)題文檔</title></p><p><b> </head></b>&l
108、t;/p><p><b> <body></b></p><p> <div style="width:569px; height:503px; background:url(images/bbbb_03.jpg) no-repeat;"> </p><p> <object classid=
109、"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="480" height="400" style="po
110、sition:relative; top:80px; left:300px;"></p><p> <param name="movie" value="images/clock.swf" /></p><p> <param name="quality" value="high&q
111、uot; /></p><p> <embed src="images/clock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" widt
112、h="480" height="400"></embed></p><p><b> </object></b></p><p><b> </div></b></p><p><b> </body></b
113、></p><p><b> </html></b></p><p><b> 2.1藥品管理頁面</b></p><p> 可實(shí)現(xiàn)添加、修改、查看、刪除等功能</p><p> 2.2藥品類別管理頁面</p><p> 可實(shí)添加、查看、刪除和檢
114、索等功能</p><p> 2.3會(huì)員信息管理頁面</p><p> 可實(shí)現(xiàn)添加、查看、刪除等功能</p><p> 2.4超級(jí)管理員信息管理頁面</p><p> 可實(shí)現(xiàn)添加、修改、查看、刪除等功能</p><p><b> 2.5訂單管理界面</b></p><p
115、> 可實(shí)現(xiàn)訂單管理的一系列操作</p><p><b> 2.6公告管理界面</b></p><p> 后太主要信息的設(shè)計(jì)代碼如下所示:</p><p> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/
116、/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p> <html xmlns="http://www.w3.org/1999/xhtml"></p><p><b> <head></b></p><p> &l
117、t;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p><p> <title>后臺(tái)管理系統(tǒng)</title></p><p> <link type="text/css" href="i
118、nt/admin.css" rel="stylesheet" /></p><p> <script type="text/javascript" src="int/jquery-1.4.2.min.js"></script></p><p> <script type="
119、;text/javascript" src="int/admin.js"></script></p><p><b> </head></b></p><p><b> <script></b></p><p> $(function(){<
120、;/p><p> $("#left li").click(function(){</p><p> var src=$(this).attr("src");</p><p> $("#con").attr("src",src);</p><p><b>
121、; });</b></p><p><b> });</b></p><p><b> </script></b></p><p><b> <body></b></p><p> <div id="head&quo
122、t;></p><p> <img src="images/logo_03.jpg" style="margin-top:60px;" /></p><p> <span style="font:13px '宋體'; color:#FF0000; position:relative; top:-1
123、0px; left:200px;">歡迎您admin,您的級(jí)別:超級(jí)管理員,今天是:<span id="myTime"></span></span></p><p> <div id="os"></p><p> <input type="button" v
124、alue="網(wǎng)站首頁" onclick="open('../index.asp','','')" /> </p><p> <input type="button" value="安全退出" onclick="location='quit
125、.asp'" /></p><p><b> </div></b></p><p><b> </div></b></p><p> <div id="left"></p><p><b> <u
126、l></b></p><p> <li src="shop.asp">藥品管理</li></p><p> <li src="shopClassManage.asp">藥品類別管理</li></p><p> <li src="member
127、.asp">會(huì)員信息管理</li></p><p> <li src="employee.asp">員工信息管理</li></p><p> <li src="admin.asp">超級(jí)管理員信息管理</li></p><p> <li s
128、rc="list.asp">訂單管理</li></p><p> <li src="note.asp">公告管理</li></p><p><b> </ul></b></p><p><b> </div></b&g
129、t;</p><p> <div id="right"></p><p> <iframe name="con" id="con" src="test.html" frameborder="0"></iframe></p><p&g
130、t;<b> </div></b></p><p> <script type="text/javascript"></p><p> var tar=document.getElementById("left");</p><p> var lis=tar.getElem
131、entsByTagName("li");</p><p> var len=lis.length;</p><p> for(var i=0;i<len;i++)</p><p><b> {</b></p><p> lis[i].onmouseover=function(){this
132、.className="bg";}</p><p> lis[i].onmouseout=function(){this.className="";}</p><p><b> }</b></p><p> function showDate(ele)</p><p><
133、;b> {</b></p><p> var tar=document.getElementById(ele);</p><p> var date=new Date();</p><p> tar.innerHTML=date.toLocaleString();</p><p> setTimeout("
134、;showDate('"+ele+"')",1000);</p><p><b> }</b></p><p> showDate("myTime");</p><p><b> </script></b></p><p
135、><b> </body></b></p><p><b> </html></b></p><p><b> 3.?dāng)?shù)據(jù)庫的連接</b></p><p><b> 共有如下幾張表:</b></p><p> 藥品管理
136、、藥品類別管理、會(huì)員信息管理、員工信息管理、超級(jí)會(huì)管理員信息管理、訂單管理、公告管理</p><p><b> 例如:藥品管理</b></p><p><b> 會(huì)員信息表</b></p><p><b> 員工信息</b></p><p> 四、設(shè)計(jì)成果以及心得<
137、;/p><p> 在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則</p><p> 1 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容</p><p> 一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個(gè)內(nèi)容來制作,有了明確的內(nèi)容對(duì)排名有很重要的作用。</p>&
138、lt;p> 2 了解你網(wǎng)站所在行業(yè)的客戶</p><p> 用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.</p><p><b> 3、做一個(gè)典型用戶</b></p><p> 不以用戶身份親身體驗(yàn)網(wǎng)站你
139、才能發(fā)現(xiàn)問題,才知道那些需要改進(jìn),盡量不要讓客戶去發(fā)現(xiàn)問題,在前期設(shè)計(jì)時(shí)就應(yīng)該把這些問題解決。</p><p><b> 4 優(yōu)化內(nèi)容 </b></p><p> 內(nèi)容是整個(gè)網(wǎng)站的核心。在網(wǎng)站設(shè)計(jì)之前必須明確網(wǎng)站的內(nèi)容安排。</p><p> 優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。</p><p> 然后在具體的
140、規(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),很浪費(fèi)時(shí)間和財(cái)力。</p><p> 大綱列出來后,還必須考慮每個(gè)頁面之間的鏈接關(guān)系。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。 <
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)圖書在線系統(tǒng)
- 網(wǎng)頁制作課程設(shè)計(jì)報(bào)告
- 網(wǎng)頁制作課程設(shè)計(jì)報(bào)告總結(jié)
- 網(wǎng)頁設(shè)計(jì)與制作課程設(shè)計(jì)---兒童網(wǎng)站設(shè)計(jì)
- 超市收銀系統(tǒng)課程設(shè)計(jì)
- 課程設(shè)計(jì)--超市管理系統(tǒng)
- 網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告---游戲類網(wǎng)站設(shè)計(jì)制作
- 超市管理系統(tǒng)課程設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)與制作課程現(xiàn)狀研究
- 《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)
- 課程名稱網(wǎng)頁設(shè)計(jì)與制作
- 網(wǎng)頁設(shè)計(jì)與制作課程試卷(二)
- 網(wǎng)頁設(shè)計(jì)與制作課程標(biāo)準(zhǔn)
- 《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)
- 課程設(shè)計(jì)---超市收銀管理系統(tǒng)設(shè)計(jì)
- 超市收銀管理系統(tǒng)設(shè)計(jì)課程設(shè)計(jì)
- 《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制》課程設(shè)計(jì)
- 超市小型管理系統(tǒng)課程設(shè)計(jì)
- 超市收銀管理系統(tǒng)課程設(shè)計(jì)
評(píng)論
0/150
提交評(píng)論