Xxxxxxxxx学院《Web网页设计》课程设计题目: 信息工程系系部网页班级: 计算机网络技术姓名: xxxxxx指导教师: xxx2012年5月2日课程设计任务书一、课题名称：二、设计时间：2012年5月2日——2011年5月8日时间安排：2012年5月2日——2011年5月8日2012年5月息日设计报告、提交三、设计环境硬件：多媒体机房软件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS四、设计目的：1、进一步巩固和加深“Web网页设计”课程的基本知识，了解ASP动态网页设计知识在实际中的应用。
2、综合运用“Web网页设计”课程和先修课程的理论及生产实际知识去分析和解决问题，进行的相关训练。
3、学习ASP动态网页设计的一般方法，了解和掌握通用数据库的连接、数据的相关操作或网站的设计过程和进行方式，培养正确的设计思想和分析问题、解决问题的能力，特别是网站功能规划的能力和实现相关功能的能力。
1）、数据库、表的设计2）增加模块、修改模块、删除模块的代码编写4、通过能系统的分析、系统设计、数据库设计和功能的实现等，培养ASP动态网页设计的基本技能。
五、设计要求1、独立完成课程设计。
2、要求熟练掌握Dreamweaver的操作使用，AspWebServer的安装与配置3、熟练掌握Access数据库的设计基本方法。
4、站点主题自拟（体育、军事、茶叶、个人站点等）站点风格自行设计、布局简洁美观，站点内容健康详实，站点图片与网页内容贴近主题。
5、文档结构清晰，不得出现中文的文件夹名字以及中文的网页名字6、所有网页必须给标题命名，整个站点必须有良好的导航系统六、设计内容与步骤1、网站的规划与设计1）网站定位（面向人群，涉及范围）网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。
学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我就碰到过一个问题，用了很长时间才解决。
学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是介于平面设计和编程技术两者之间的"边缘科学."不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能.并且我认为网页设计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。
因此我提倡简单的美。
2）网站简介我设计的是四川机电职业技术学院，信息工程系系部网站。
介绍信息工程式系活动动态，其中有信息工程系系部主页，系部动态介绍，10网络，10冶金控制。
主要介绍四川机电职业技术学院的动态，活动情况，及发展史和将来的发展，信息工程系现在的状况，以后的发展方向，教学计划，学生的情况。
网页设计不要过于注重色彩的灿烂，只要简单就行。
我们最终追求的主要是实用价值。
通过这次实习，在制作时想想使自己的网页更加丰富多彩，在网页中插入图象，动画，动态特效。
可是总遇到这样那样的问题，但在同学的帮助和自己摸索的情况下完成了这个实习的成果。
看到了一些知名的网站开发出的网页，不仅栏目内容丰富，信息量大，而且页面图文并茂，五彩缤纷，使得网民赞叹不已，流连忘返。
以我们的经验，当前的软件的功能日趋复杂，不学到一定的深度和广度是难以在实际工作中应付自如的。
因此反映出我们学习的还不够，缺点疏漏。
虚在加以刻苦钻研及学习，不断开拓视野，增强自己的实践操作技能，为以后能做出出色的网页而努力对于现在的社会，科技的飞速发展已经成为社会发展的标志。
其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。
计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。
不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态，包括等候就业人才的个人简历，我们都是可以通过网络来获得。
但是什么为这所有的一切提供平台的呢。
我们又是通过什么来获取这些消息的呢——对就是网页。
现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。
在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。
网页是我们在网络上的“带言人”。
我们将什么样的信息传达给浏览者，要讲述什么要的事情，网页在这里起着重用的作用。
3）网站的栏目规划（总体结构设计）网站栏目规划要明确技术是为设计服务的，不要沉迷于技术的运用，坚决摒弃那些华而不实的特效；先为站点定义好统一的外部CSS，内部页面都调用这个CSS，这样不但可以让你的网页在浏览器改变设置时不变形，还有助于保持整个站点的风格统一，并且方便修改；不要打开过多的新窗口，每个链接都会打开不同的新窗口尤其让人反感；图象的制作要兼顾大小和美观，图片和文字的混排、图片的合理压缩可以让页面美观而且文件小巧。
即使是个性十足的设计站点，浪费太多的时间在页面下载上也会令人生厌；后期的维护和网站的宣传,那就要考虑到网站投入的费用4）网站的数据设计与规划建立一个数据库，在库中建立三个表，分别为lianmu,news,user用于存放学院动态信息，系部动态信息，学生动态信息，学院教学计划，学院通知等，学生对相关课程的查看，对有关新闻的了解，阅读。
5）网站的文档结构图2、网站主要页面及核心代码系部网站<!--#Include file="duqu.asp"--><body><table width="790" height="95" border="0" align="center"> <tr><td align="left" background="img/1.gif"><embed pluginspage=/go/getflashplayer src="img/2.swf" width="784" height="89"type=application/x-shockwave-flash wmode="transparent"quality="high"></embed></td></tr></table><table width="790" height="160" border="0" align="center" bgcolor="#FFFFCC"><tr bgcolor="#FFFFCC" width="50%"><td height="29" align="center" valign="middle"> <spanclass="STYLE4">系部主页 </span></td><td align="center" valign="middle"><span class="STYLE4">系部动态</span></td></tr><tr width="50%"><td height="45" align="center" valign="top"><!--#Includefile="xbzy.asp"--></td><td align="center" valign="top"><!--#Includefile="xbdt.asp"--></td></tr><tr bgcolor="#FFFFCC" width="50%"><td height="31" align="center" valign="middle"><spanclass="STYLE4">10网络</span></td><td align="center" valign="middle"><span class="STYLE4">10冶金控制</span></td></tr><tr width="50%"><td height="45" align="center" valign="top"><!--#Include file="wl.asp"--></td><td align="center" valign="top"><!--#Includefile="yk.asp"--></td></tr></table> </body> </html>系部主页<!--#Include file="duqu.asp"--><% Set xbzyrs=Server.CreateObject("ADODB.Recordset")sql="select * from new where classid=1"xbzyrs.open sql,conn,3,3 %><table width="395" height="10" border="0" align="center" bordercolor="#FFFFFF"><% rscount=0do while not xbzyrs.eofrscount=rscount+1if rscount mod 2=0 then %><tr bgcolor="#FF99dC"><%else%> </tr><tr bgcolor="#FFFF99"><%end if%><td width="380" height="10"><a href="xbzyyul.asp?id=<%=xbzyrs ("id")%>"><%=xbzyrs("biaoti")%></a></td> ><td width="100" height="10"><%=month(xbzyrs("shijian"))%>-<%=day(xbzyrs("shijian"))%></td></tr><% xbzyrs.movenextloop %><% xbzyrs.closeset xbzyrs=nothingconn.closeset conn=nothing%></table>预览文章<!--#Include file="duqu.asp"--><body><%id=request.QueryString("id")set rs=Server.CreateObject("ADODB.Recordset")sql="select * from new where id="&idrs.open sql,conn,3,3%><table width="823" height="556" border="0" align="center" bgcolor="#FFCCFF"><tr><td height="49" colspan="3" align="center"><spanclass="STYLE3"><%=rs("biaoti")%></span></td></tr><tr><td width="235" height="26" align="right"></td><td width="346" align="center"><span class="STYLE7">作者:<%=rs("author")%></span></td> <td width="228"><span class="STYLE7">时间：<%=rs("shijian")%></span></td> </tr><tr><td colspan="3" align="center"><spanclass="STYLE7"><%=rs("wznr")%></span></td></tr></table> </body> </html>Adminnew.asp<table width="600" height="41" border="1" align="center"><tr><td width="150" height="24" align="center"valign="middle"><span class="STYLE1"><a href="newlanmu.asp">栏目管理</a></span></td><td width="150" align="center" valign="middle"><spanclass="STYLE1"><a href="newchk.asp">新闻管理</a></span></td> <td width="150" align="center" valign="middle"><spanclass="STYLE2"><span class="STYLE1"><a href="newxz.asp">添加新闻</a></span></span></td><td width="150" align="center" valign="middle"><spanclass="STYLE1"><a href="newuser.asp">用户管理</a></span></td> </tr></table><%if session("logined")="" thenresponse.redirect("login.asp")else %>新闻栏目<body><!--#Include file="adminnew.asp"--><form id="form1" name="form1" method="post" action="newad.asp"> <table width="600" border="0" align="center"> <tr><td width="371" align="center"><label><input name="classid" type="text" id="classid" size="30" /> </label></td><td width="219"><label><input type="submit" name="Submit" value="新增" /></label></td> </tr> </table></form><!--#Include file="duqu.asp"--><% Set rs=Server.CreateObject("ADODB.Recordset")sql="SELECT * FROM lianmu"rs.open sql,conn,3,3 %><table width="600" height="60" border="0" align="center"><tr bgcolor="#FF9999"><td width="140" align="center">编号</td><td width="133" align="center">栏目</td><td width="271" align="center">操作</td></tr><% rscount=0do while not rs.eofrscount=rscount+1if rscount mod 2=0 then %><tr bgcolor="#FF99dC"><%else%><tr bgcolor="#FFFF99"><%end if%><td align="center"><%=rs("id")%></td><td align="center"><%=rs("typename")%></td><td align="center"><a href="newbianj.asp?id=<%=rs("id")%>">编辑</a>/<a href="newdel.asp?id=<%=rs("id")%>">删除</a></td> </tr><% rs.movenextloop %></table><% rs.closeset rs=nothingconn.closeset conn=nothing %><%end if%></body></html>新增<% if session("logined")="" thenresponse.redirect("login.asp")else %><!--#Include file="adminnew.asp"--><body> <!--#Include file="duqu.asp"--><form id="form1" name="form1" method="post" action="newhou.asp"> <table width="609" height="420" border="1" align="center" bordercolor="#FF66FF"><tr><td height="38" colspan="3" align="center"bgcolor="#FF99FF">添加新闻</td></tr><tr> <td width="109" height="32" align="center">标题</td> <td colspan="2"><label><input name="biaoti" type="text" id="biaoti" size="35" /> </label></td> </tr><tr><td height="32" align="center">所属栏目</td><td width="407"><label><select name="typeName" size="1" id="typeName"><% set rs=server.createobject("ADODB.recordset")rs.open "select * from lianmu",conn,3,3do while not rs.eof %><option value="<%=rs("id")%>"> <%=rs("typeName")%> </option> <% rs.movenextlooprs.closeset rs=nothing %></select></label></td><td width="71" rowspan="3"> </td> </tr> <tr><td height="271" align="center" valign="middle">文章内容</td><td><label><textarea name="wznr" cols="55" rows="18"id="wznr"></textarea></label></td> </tr><tr> <td height="24" align="center">文章作者</td><td align="center"><label><input name="author" type="text" id="author" size="30" /></label></td></tr> </table><table width="600" border="0" align="center"><tr> <td height="30" align="center"><label><input type="submit" name="Submit" value="添加" /><input type="reset" name="Submit2" value="重新填写" /> </label></td> </tr> </table><p> </p></form><%end if%></body> </html>修改用户<body><% id=request.QueryString("id")set rs=Server.CreateObject("ADODB.Recordset")sql="select * from users where id="&idrs.open sql,conn,3,3 %><form id="form1" name="form1" method="post"action="userbjhou.asp?id=<%=rs("id")%>"><table width="600" border="0" align="center"><tr> <td align="right">用户姓名：</td><td align="left"><label><input name="username" type="text" id="username" maxlength="8" /></label></td><td align="center">密码：</td><td align="left"><label><input name="passwords" type="password" id="passwords" maxlength="20" /> </label></td><td align="left"><label><input type="submit" name="Submit" value="添加" /></label></td></tr> </table></form></body></html><!--#Include file="duqu.asp"--><%dim id,username,passwordsid=request.QueryString("id")username=request.Form("username")passwords=request.Form("passwords")set rs=Server.CreateObject("ADODB.Recordset")sql="UPDATE users SET username='" & username & "', passwords='" & passwords & "' where id="& idset rs=conn.execute(sql)if Err.number<>0 thenresponse.Write("修改失败")elseset conn=nothingset rs=nothingresponse.Redirect("newuser.asp")end ifresponse.Write(sql)response.End()%>打开数据库<%set conn=server.createobject("ADODB.Connection")connStr="provider=microsoft.jet.oledb.4.0;datasource="&server.mappath("db1.mdb")conn.open connStr %>修改文章<!--#Include file="duqu.asp"--><body><%id=request.QueryString("id")set rs=Server.CreateObject("ADODB.Recordset")sql="select * from new where id="&idrs.open sql,conn,3,3classid=rs("classid")%><form id="form1" name="form1" method="post"action="newbjhou.asp?id=<%=rs("id")%>"><table width="609" height="420" border="1" align="center" bordercolor="#FF66FF"><tr><td height="38" colspan="3" align="center"bgcolor="#FF99FF">添加新闻</td> </tr><tr><td width="109" height="32" align="center">标题</td><td colspan="2"><label><input name="biaoti" type="text" id="biaoti"value="<%=rs("biaoti")%>" size="35" /></label></td></tr><tr><td height="32" align="center">所属栏目</td><td width="407"><label> <select name="typeName" size="1" ><% set rs1=server.createobject("ADODB.recordset")rs1.open "select * from lianmu",conn,3,3do while not rs1.eof %><option value="<%=rs1("id")%>" <%if classid=rs1("id") then%> selected<%end if%>><%=rs1("typeName")%> </option><%rs1.movenextlooprs1.closeset rs1=nothing%></select></label></td><td width="71" rowspan="3"> </td> </tr> <tr><td height="271" align="center" valign="middle">文章内容</td><td><label><textarea name="wznr" cols="55" rows="18"id="wznr"><%=rs("wznr")%> </textarea></label></td></tr><tr><td height="24" align="center">文章作者</td><td align="center"><label><input name="author" type="text" id="author"value="<%=rs("author")%>" size="30" /></label></td> </tr> </table><table width="600" border="0" align="center"><tr> <td height="30" align="center"><label><input type="submit" name="Submit" value="修改完成" /><input type="reset" name="Submit2" value="重新修改" /></label></td></tr></table><p> </p></form> </body> </html>七、设计总结：这次网页设计实训，我收获了很多，感触也很深。