Xxxxxxxxx学院
《Web网页设计》课程设计
题 目: 信息工程系系部网页
班 级: 计算机网络技术
姓 名: xxxxxx
指导教师: xxx
20##年5月2日
课程设计任务书
一、课题名称:
二、设计时间:
20##年5月2日——20##年5月8日
时间安排:
20##年5月2日——20##年5月8日
20##年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=http://www.macromedia.com/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"> <span class="STYLE4">系部主页 </span></td>
<td align="center" valign="middle"><span class="STYLE4">系部动态</span></td>
</tr><tr width="50%">
<td height="45" align="center" valign="top"><!--#Include file="xbzy.asp"--></td>
<td align="center" valign="top"><!--#Include file="xbdt.asp"--></td></tr>
<tr bgcolor="#FFFFCC" width="50%">
<td height="31" align="center" valign="middle"><span class="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"><!--#Include file="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=0
do while not xbzyrs.eof
rscount=rscount+1
if 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.movenext
loop %>
<% xbzyrs.close
set xbzyrs=nothing
conn.close
set conn=nothing%>
</table>
预览文章
<!--#Include file="duqu.asp"-->
<body>
<%
id=request.QueryString("id")
set rs=Server.CreateObject("ADODB.Recordset")
sql="select * from new where id="&id
rs.open sql,conn,3,3
%>
<table width="823" height="556" border="0" align="center" bgcolor="#FFCCFF">
<tr><td height="49" colspan="3" align="center"><span
class="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"><span
class="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"><span class="STYLE1"><a href="newchk.asp">新闻管理</a></span></td>
<td width="150" align="center" valign="middle"><span class="STYLE2"><span class="STYLE1"><a href="newxz.asp">添加新闻</a></span></span></td>
<td width="150" align="center" valign="middle"><span class="STYLE1"><a href="newuser.asp">用户管理</a></span></td>
</tr></table>
<%
if session("logined")="" then
response.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=0
do while not rs.eof
rscount=rscount+1
if 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.movenext
loop %></table>
<% rs.close
set rs=nothing
conn.close
set conn=nothing %>
<%end if%></body></html>
新增
<% if session("logined")="" then
response.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,3
do while not rs.eof %>
<option value="<%=rs("id")%>"> <%=rs("typeName")%> </option>
<% rs.movenext
loop
rs.close
set 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="&id
rs.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,passwords
id=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="& id
set rs=conn.execute(sql)
if Err.number<>0 then
response.Write("修改失败")
else
set conn=nothing
set rs=nothing
response.Redirect("newuser.asp")
end if
response.Write(sql)
response.End()
%>
打开数据库
<%
set conn=server.createobject("ADODB.Connection")
connStr="provider=microsoft.jet.oledb.4.0;data source="&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="&id
rs.open sql,conn,3,3
classid=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,3
do while not rs1.eof %>
<option value="<%=rs1("id")%>" <%if classid=rs1("id") then%> selected<%end if%>><%=rs1("typeName")%> </option>
<%
rs1.movenext
loop
rs1.close
set 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>
七、设计总结:
这次网页设计实训,我收获了很多,感触也很深。
我最大的感受就是理论不用于实践终究是理论,说得难听点那根本就是纸上谈兵,止于理论的学习,将来是没多少成绩的,有前途发展的话也必将是少了更为之锦上添花的一笔。
当然也深刻认识了一点,那就是我们所学的知识虽说是很基础很根本,但没有根基怎么能建好别墅呢?所以说基础知识是很重要的,我们在学习过程中不能小看而去忽略它,它是一笔财富,能引导我们看得更远飞得更高。
通过这次设计,我发现一个很普遍的问题:我们往往是眼高手低,学习这些知识时觉得它就是小菜一桩,但现在真的验证了“看花容易绣花难” 这句话,当我们着手实践时就不像我们想象中的那么简单了,每一个细节都需要注意,稍有不慎页面就在预览中变了样,因此更需要我们细心和耐心地去完成,也就两个字概括——认真,只有认真对待才会从骨子里学到东西,才学到心里去了。
我觉得这次确实是很有意义的一次检测,本来自我感觉良好的,结果实战时还是存在很多问题的,平时学起来觉得很轻松就以为掌握了所学知识,但现在都忘记很多细节是怎么样的了,因此开始着手时有些障碍,但我下定决心把以前的实验内容都温习一遍,遇到不懂的就及时查资料,比如翻阅资料书,百度,也可以请教同学,一起讨论,相互学习,于是最后也如鱼得水,水到渠成,因此得到一个非常重要的结论——只要自己想学只要自己有那份执着与毅力,虚心的请教,勤于查阅相关资料就一定会有收获的,真的当今没有什么知识是用不着的,在哪,哪里都是知识,只要自己持有高度的学习热忱。当然,我们在学习过程中一定要及时巩固、练习,掌握了也不一定熟悉,熟能生巧啊!我们应该吸取这个教训,否则即使我们最终达到了目的,但我们走了很多弯路,而不是事半功倍的结果了。不过最终,经过长久的坚持与不断的琢磨,看到了自己辛苦后的成果,尽管这还有很多不足,但看着它我心里充满着喜悦,一分耕耘一分收获,这永远是真理。
在这次网页设计中,我综合运用了以前专业所学课程的理论和生产实际知识,进行这次网页设计,从而也进一步提高了我的设计能力,巩固与扩充了我网页设计等课程所学的内容,更灵活的掌握了网页设计的方法和步骤,懂得了这样分析软件的综合运用,怎样确定设计方案,了解了网页的基本结构,提高了设计能力,熟悉了规范和标准,最重要的是我的独立思考的也有了提高。
在这次设计过程中让我觉得自己在平时的观察中不大注意,观察的太少,然而让平时作为浏览者的我,开始对网站页面排版动态设计开始留意和关注。现在知道要做好一个网站并不是想象中的那么简单,需要我们平时多积累多操作,一个网站的整体性当然包括色彩图片的搭配,所以还需要提升自己的审美观。最主要的设计一个网站必须要先制定一个完整合适的框架,使浏览者对整个页面有种和谐、简易、明了的感觉。同时要收集丰富的主题素材,以展示网页的可读性。
由于我的设计能力有限,在设计过程中难免会出现错误,需要同学们和老师的帮助,这次实训也让我明白了,团体很重要。
完成自己的作品后我也观赏了其他同学的作品,对比起来,各有千秋,当然能从其中发现很多值得我去学习的地方,比如说有的页面布局很好,有的页面内容很充实,看起来很有感觉,也可以称之为网站了,而我的有些页面看上去,可能使别人不会产生网站这一个概念,反而会觉得像是PPT演示文稿,这也反映了我的一个问题:心中还没很清楚领悟建立网站的基本要点,还应该加强这方面的知识储备。另外我也发现有的同学的页面设计插入了太多图片或者太多浮动的东西,弄得网页太杂,没有一定的风格,更谈不上凸显主题了······从对比中,我学到了很多,能让我扬长避短,吸取他人之精华,去除他人之糟粕。
这次实训对于我来说不是一项任务而是一种享受,因为我发现我越来越喜欢它,不管别人说做这件事做到多晚做得有多累,我都没觉得,甚至还越做越兴奋。对于一个女生来说,特别是对于一个对电脑不感兴趣的女生来说,我觉得这是我最大的收获,我找到了我的兴趣、我的老师,我在计算机专业中找到了方向。真的很感谢老师能给我们这次机会,当然也发现有很多同学跟我一样喜欢上了它,在这方面也做得比较好,于是我也有一种紧迫感,毕竟现在竞争压力很大,“适者生存,弱者淘汰”是亘古不变的自然法则,我想我应该更加努力,抓住机会把它学通学精
这次实训我知道了,平时上网要多注意一些好的效果作为参考,增加自己的审美观,及程序的安全性和执行效率,同时加强学习,积极为网站增加实用性的功能,规范vb类库,把常用方法写成函数封装,方便调用。拓展性也更好一些,对数据库和网站文件做到经常下载备份,保障数据安全。
二个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索。从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧。这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验。这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富。这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我的综合素质的培养,锻炼和提高。
计算机系科技专用周报告计算机系Web页面设计报告实验项目名称Web界面设计网络课程首页所属课程名称科技专用周实验类型设计性实验班级…
四川机电职业技术学院Xxxxxxxxx学院Web网页设计课程设计题目班级姓名指导教师20xx年5月2日共21页第页1四川机电职业技…
web网站设计课程设计报告设计题目web网站设计专业计算机网络技术学生姓名学号起迄日期月月日指导教师罗金玲年第一部分实训目的21世…
WEB系统开发综合实验报告题目红尘客栈网上订房页面专业计算机科学与技术信息技术及应用班级学生重庆交通大学20xx年目录一设计目的3…
web网站设计课程设计报告设计题目web网站设计专业计算机科学与技术学生姓名学号日期月指导教师第一部分实训目的21世纪是一个信息时…
HTML(HyperTextMark-upLanguage)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,…
《网页设计》课程报告学号:专业:姓名:题目:设计时间:电子信息与计算机工程系20##年11月目录一、设计目的...2二、课程设计题…
浙江传媒学院网站设计课程实验报告课程设计名称网页设计与编程实训设计题目中小企业个体商业网站系部电子信息学院专业信息管理与信息系统学…
长江师范学院数学与计算机学院网页制作课程设计报告1设计目的12设计思想121网站整体结构规划思想122主页设计思想123子页的设计…
华东交通大学理工学院课程设计报告书所属课程名称网页设计与制作课程设计题目网站首页分院电信分院专业班级信息管理与信息系统1班学号20…
中南大学本科生课程设计(实践)任务书、设计报告(大学计算机基础)计算机基础教学实验中心年月日网页课程设计报告网页制作我的家乡1.网…