版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)
文檔簡介
1、<p><b> 網(wǎng)頁設(shè)計與制作課程</b></p><p><b> 設(shè)計說明書</b></p><p><b> 管理系</b></p><p> 2011 年 6 月 14 日</p><p><b> 目 錄</b><
2、;/p><p><b> 一、課程設(shè)計目的</b></p><p> 二、設(shè)計題目和要求</p><p><b> 三、設(shè)計內(nèi)容</b></p><p> 3.1醫(yī)藥超市系統(tǒng)的介紹</p><p> 3.2網(wǎng)站功能的實現(xiàn)(圖表) 和重要頁面的代碼</p&
3、gt;<p> 3.3網(wǎng)站的維護與使用</p><p> 四、設(shè)計成果以及心得</p><p> 一、課程設(shè)計目的和意義</p><p> 檢驗學生對本課程的最終學習效果,加深對網(wǎng)頁設(shè)計與制作的基本知識的理解,網(wǎng)頁設(shè)計與制作技能綜合運用和提高,通過真實工作任務(wù),使學生能設(shè)計出有一定水平的網(wǎng)頁并解決培養(yǎng)解決實際問題的能力,掌握實際網(wǎng)頁設(shè)計與制
4、作開發(fā)流程和開發(fā)方法。</p><p> 具體應(yīng)達到以下目的:</p><p> 1.提高學生在實際操作中收集信息,對信息進行價值判斷,進行信息整理、加工的能力。</p><p> 2.在實際的項目任務(wù)中培養(yǎng)網(wǎng)頁設(shè)計方面的素養(yǎng)。</p><p> 3.在實際的項目任務(wù)中使學生網(wǎng)頁編程和制作的能力得到提高。</p><
5、;p> 4.培養(yǎng)學生團隊協(xié)作和人際交往方面的能力。</p><p> 5. 培養(yǎng)相關(guān)知識和技能的綜合應(yīng)用能力。</p><p><b> 二、設(shè)計題目和要求</b></p><p> 應(yīng)從專業(yè)網(wǎng)站建設(shè)的實際出發(fā)。具體要求如下:</p><p> 1. 網(wǎng)站的選題自選。</p><p&g
6、t; 2. 站點設(shè)計合理、管理有序、無多余文件和文件夾、大小合適。首頁命名要規(guī)范,存放位置要正確,不可以是zhuye.htm、main.htm、我的主頁.htm等。主頁文件名應(yīng)該使用index或default等。其他文件或文件名命名也要規(guī)范,不使用漢字或帶有空格的名稱。最好是符合各種系統(tǒng)命名規(guī)則。</p><p> 3. 站點至少要有三層結(jié)構(gòu),頁面數(shù)不得少于8頁;其中一頁必須是留言板;</p>
7、<p> 4. 自選主題,主題內(nèi)容要合法、健康、實用。</p><p> 5. 網(wǎng)頁要有版權(quán)說明;</p><p> 6. 要仔細考慮網(wǎng)站定位。分析面向的潛在訪客群體的需求特點,選擇內(nèi)容和版式。</p><p> 7. 網(wǎng)站主題突出、內(nèi)容豐富;</p><p> 8. 網(wǎng)站與網(wǎng)頁風格應(yīng)該協(xié)調(diào)一致,網(wǎng)站結(jié)構(gòu)應(yīng)層次分明,內(nèi)容重
8、點突出,頁面設(shè)計要符合追求色彩的搭配、布局和合理性,以及要有一定的創(chuàng)意。</p><p> 9.各頁面設(shè)計合理、美觀,有創(chuàng)意。圖片動畫選用要適合主題,不要在網(wǎng)頁中插入不相干的圖片。適用于各種顯示器的分辨率和顏色。不要太寬,否則顯示器分辨率小時會出現(xiàn)水平滾動條。</p><p> 10.各個頁面之間的鏈接要合理有效,路徑要正確(相對路徑);</p><p> 1
9、1.注意網(wǎng)站的大小,圖片保存格式和圖片大小要合適;</p><p> 12. 代碼結(jié)構(gòu)清晰,無垃圾代碼</p><p><b> 三、設(shè)計內(nèi)容</b></p><p> 3.1醫(yī)藥超市系統(tǒng)的介紹</p><p> 本在線系統(tǒng),的主要作用就是用來管理藥品出售的,后臺服務(wù)主頁面一個,前臺服務(wù)主頁面一個,二級頁面有若干
10、個,還有部分三級頁面,主要能實現(xiàn)藥品的在線交易,查詢等功能。后臺能實現(xiàn)數(shù)據(jù)庫的管理,可以瀏覽、修改、添加、刪除數(shù)據(jù),還可藥品管理、藥品類別管理、會員信息管理、員工信息管理、超級會管理員信息管理、訂單管理、公告管理等,其與ACCESS數(shù)據(jù)庫連接。</p><p> 3.2網(wǎng)站功能的實現(xiàn)(圖表) 和重要頁面的代碼圖一所示,是網(wǎng)頁的主頁面,前臺。</p><p><b> ?。ㄒ唬?、
11、網(wǎng)站的前臺</b></p><p> 主頁上能實現(xiàn)的功能有</p><p><b> 1.會員登錄 </b></p><p> 2.藥品搜索、推薦藥品</p><p> 3.查看最新上架藥品信息、推薦藥品信息、精華藥品、保健藥品、中藥等</p><p> 主頁面設(shè)計代碼如下:
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> 您沒有登錄,請先登錄!<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="注冊" 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;請輸入關(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">名稱:六味能消膠囊 價格: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、寶膠囊 價格: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">名稱:云南白藥 價格: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">名稱:安宮牛黃丸 價格: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">名稱:丁酸氫化可的 價格: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>條紀錄,共<span style="color:#FF0000;">1</span>頁,當前在第<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)站的后臺</b></p><p><b> 后臺主頁面</b></p><p> 1.需要登錄后臺登陸頁面</p><p><b> 實
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ǒ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> 驗證碼:<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.后臺管理</b></p><p><b> 設(shè)計代碼如下:</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>無標題文檔</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> 可實現(xiàn)添加、修改、查看、刪除等功能</p><p> 2.2藥品類別管理頁面</p><p> 可實添加、查看、刪除和檢
114、索等功能</p><p> 2.3會員信息管理頁面</p><p> 可實現(xiàn)添加、查看、刪除等功能</p><p> 2.4超級管理員信息管理頁面</p><p> 可實現(xiàn)添加、修改、查看、刪除等功能</p><p><b> 2.5訂單管理界面</b></p><p
115、> 可實現(xiàn)訂單管理的一系列操作</p><p><b> 2.6公告管理界面</b></p><p> 后太主要信息的設(shè)計代碼如下所示:</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ǒ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,您的級別:超級管理員,今天是:<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">會員信息管理</li></p><p> <li src="employee.asp">員工信息管理</li></p><p> <li src="admin.asp">超級管理員信息管理</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.數(shù)據(jù)庫的連接</b></p><p><b> 共有如下幾張表:</b></p><p> 藥品管理
136、、藥品類別管理、會員信息管理、員工信息管理、超級會管理員信息管理、訂單管理、公告管理</p><p><b> 例如:藥品管理</b></p><p><b> 會員信息表</b></p><p><b> 員工信息</b></p><p> 四、設(shè)計成果以及心得<
137、;/p><p> 在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yīng)該具備以下一些基本原則</p><p> 1 確定網(wǎng)頁設(shè)計的內(nèi)容</p><p> 一個優(yōu)秀的風站要有一個明確的主題,整個網(wǎng)站圍繞這個主題,也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的,用來做什么,所有頁面都是圍繞著這個內(nèi)容來制作,有了明確的內(nèi)容對排名有很重要的作用。</p>&
138、lt;p> 2 了解你網(wǎng)站所在行業(yè)的客戶</p><p> 用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.</p><p><b> 3、做一個典型用戶</b></p><p> 不以用戶身份親身體驗網(wǎng)站你
139、才能發(fā)現(xiàn)問題,才知道那些需要改進,盡量不要讓客戶去發(fā)現(xiàn)問題,在前期設(shè)計時就應(yīng)該把這些問題解決。</p><p><b> 4 優(yōu)化內(nèi)容 </b></p><p> 內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設(shè)計之前必須明確網(wǎng)站的內(nèi)容安排。</p><p> 優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。</p><p> 然后在具體的
140、規(guī)劃一個網(wǎng)站時,可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來,尤其要制作一個大的網(wǎng)站 (有很多頁面) 的時候,特別需要把這個架構(gòu)規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網(wǎng)站的架構(gòu),很浪費時間和財力。</p><p> 大綱列出來后,還必須考慮每個頁面之間的鏈接關(guān)系。是星形,樹形,或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內(nèi)容的發(fā)揮。 <
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 《網(wǎng)站設(shè)計與網(wǎng)頁制作》課程設(shè)計
- 網(wǎng)頁設(shè)計與制作課程設(shè)計圖書在線系統(tǒng)
- 網(wǎng)頁制作課程設(shè)計報告
- 網(wǎng)頁制作課程設(shè)計報告總結(jié)
- 網(wǎng)頁設(shè)計與制作課程設(shè)計---兒童網(wǎng)站設(shè)計
- 超市收銀系統(tǒng)課程設(shè)計
- 課程設(shè)計--超市管理系統(tǒng)
- 網(wǎng)頁設(shè)計課程設(shè)計報告---游戲類網(wǎng)站設(shè)計制作
- 超市管理系統(tǒng)課程設(shè)計
- 網(wǎng)頁設(shè)計與制作課程現(xiàn)狀研究
- 《網(wǎng)頁設(shè)計與制作》課程標準
- 課程名稱網(wǎng)頁設(shè)計與制作
- 網(wǎng)頁設(shè)計與制作課程試卷(二)
- 網(wǎng)頁設(shè)計與制作課程標準
- 《網(wǎng)頁設(shè)計與制作》課程標準
- 課程設(shè)計---超市收銀管理系統(tǒng)設(shè)計
- 超市收銀管理系統(tǒng)設(shè)計課程設(shè)計
- 《網(wǎng)站設(shè)計與網(wǎng)頁制》課程設(shè)計
- 超市小型管理系統(tǒng)課程設(shè)計
- 超市收銀管理系統(tǒng)課程設(shè)計
評論
0/150
提交評論