资源描述
web 课程设计任务书及模板.docx
《web 课程设计任务书及模板.docx》由会员分享，可在线阅读，更多相关《web 课程设计任务书及模板.docx（22页珍藏版）》请在冰点文库上搜索。
web课程设计任务书及模板
课程设计（论文）任务书
学院专业班
一、课程设计（论文）题目
二、课程设计（论文）工作自2014年1月6日起至2014年1月10日止
三、课程设计（论文）地点:
创新大楼
四、课程设计（论文）内容要求：
1．本课程设计的目的
（1）巩固和加深对网页设计基本知识的理解，提高综合运用课程知识的能力。
（2）使学生掌握软件设计的基本内容和设计方法，并培养学生进行规范化网页设计的能力。
（3）使学生掌握使用各种计算机资料和有关参考资料，提高学生进行网页设
计的基本能力。
2．课程设计的任务及要求
1）基本要求：
（1）对系统进行需求分析，网页中要包括哪些模块；
（2）对界面进行分析，；
（3）编程简练，可用，尽可能的使网页更具美观性，交互性和人性化；
（4）要求5到10张页面，表达所选的主题，通过按钮或超链接连接这些页面
（5）提高学生的论文写作能力；
（6）特别要求自己独立完成；
2）创新要求：
在基本要求达到后，可进行创新设计，如完善的功能、友好的网页界面。
3）课程设计论文编写要求
（1）要按照书稿的规格打印与写课程设计论文；
（2）论文包括目录、绪论、正文、小结、参考文献、附录等；
（3）课程设计论文装订按学校的统一要求完成；
4）课程设计进度安排
内容天数地点
构思及收集资料1图书馆
编码与调试3实验室
撰写论文1图书馆、实验室
学生签名：
2013年12月21日
课程设计（论文）评审意见
（1）完成基本功能（30分）：
优（ ）、良（ ）、中（ ）、一般（ ）、差（ ）；
（2）完成调试 （10分）：
优（ ）、良（ ）、中（ ）、一般（ ）、差（ ）；
（3）创新设计 （20分）：
优（ ）、良（ ）、中（ ）、一般（ ）、差（ ）；
（4）论文结构 （30分）：
优（ ）、良（ ）、中（ ）、一般（ ）、差（ ）；
（5）回答问题 （10分）：
优（ ）、良（ ）、中（ ）、一般（ ）、差（ ）；
（6）格式规范性及考勤是否降等级：
是（）、否（ ）
评阅人：
职称：
2009年10月9日
目录
一绪论1
1.1课题背景及现状1
1.2开发工具介绍1
二需求分析1
三界面设计2
四编码9
五测试结果19
六小结20
参考文献20
一绪论
1.1课题背景及现状
（1）设计背景：
Web开发与应用
（2）设计目的：
巩固和掌握编写web网页的基本概念和基本技能，提高实际动手能力，并通过实际编程和设计实现中c#.net的运用，加深对软件的理解和掌握。
主要需要掌握的软件有:
MicrosoftVisualStudio2005、DIV+CSS样式排版、基础HTML语言的脚本编辑、Photoshop网页配色及排版等，本网站可以实现对公司情况的浏览、概述，其中包含该公司地址联系方式、新闻公告、帮助留言、公司产品的概述既浏览、公司员工的一栏表等功能。
（3）软件定义：
计控科技有限公司官网
（4）开发环境：
MicrosoftVisualStudio2005,SQLSERVER2005和access2003
1.2开发工具介绍
一个公司的商品怎么样才能让不同地区的人，更多的人去了解呢？
答案是网页！
厂商可以通过自己的官网把自己的产品信息发送到互联网去，让更多的人了解你的公司，了解你的公司生产的产品，了解产品的功能、用途、价格等，以便于扩大自己产品的销售范围和销售量，实现更好的增收目的。
二需求分析
前台：
（1）能展示公司的基本信息、概况等。
（2）能展示公司的产品及产品性能指标、用途、类型、图片等。
（3）公司内的新闻。
（4）能浏览公司职员的部门、职位、联系方式等。
帮助留言。
（5）公司的帮助栏，和留言板，以及公司的联系方式等
后台：
（1）能对公司的基本信息、概况进行更新。
（2）能添加和更新、删除公司的产品，以及产品的性能指标、用途、类型、上传产品的图片等。
（3）能发布公司新的新闻，能对公司以前的新闻进行更新、删除。
（4）能对公司职员的信息进行添加、更新和删除等。
（5）能管理网页留言板中的内容。
三界面设计
（1）数据表
（2）公司介绍表（公司的有关信息）
（3）产品图片表（存储有关图片的地址）
（4）新闻表（公司新闻及其内容）
（5）留言表（存储帮助留言内容）
（6）职员表（公司所以员工及其联系方式）
（7）图片预览查询
（8）E-R图
四编码
页面产品图片展示flash实现功能如下：
varfocus_width=470//设置图片区域宽度
varfocus_height=300//设置图片区域高度
vartext_height=20//设置底部文字高度
varswf_height=focus_height+text_height//设置总高度
varpics=<%=pics%>;//声明变量
varlinks=<%=links%>;
vartexts=<%=texts%>;
document.write（'d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="width="'+focus_width+'"height="'+swf_height+'">'）;
document.write（''）;
document.write（''）;
document.write（''）;
document.write（''）;
document.write（''）;
主页产品图片flash展示面代码：
usingSystem;
usingSystem.Collections;
usingSystem.Configuration;
usingSystem.Data;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.HtmlControls;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
publicpartialclassindex:
System.Web.UI.Page
{
publicstringpics="''";//声明变量
publicstringlinks="''";
publicstringtexts="''";
publicstringbiaoti1="";声明五张图片的标题变量
publicstringbiaoti2="";
publicstringbiaoti3="";
publicstringbiaoti4="";
publicstringbiaoti5="";
publicstringlianjie1="";声明五张图片的超链接去向
publicstringlianjie2="";
publicstringlianjie3="";
publicstringlianjie4="";
publicstringlianjie5="";
publicstringzhaopian1="";声明五张图片的路径变量
publicstringzhaopian2="";
publicstringzhaopian3="";
publicstringzhaopian4="";
publicstringzhaopian5="";
protectedvoidPage_Load（objectsender,EventArgse）
{
AccessDataSourceads=newAccessDataSource（）;
ads.DataFile="~/App_Data/我的公司.mdb";
ads.SelectCommand="select*from[公司介绍]";
DataViewdv=（DataView）ads.Select（DataSourceSelectArguments.Empty）;
gongsi.Text=Convert.ToString（dv[0]["公司名称"]）;//初始化位于顶部的公司名称变量
jiazai（）;//调用函数
pics=zhaopian1+"+'|'+"+zhaopian2+"+'|'+"+zhaopian3+"+'|'+"+zhaopian4+"+'|'+"+zhaopian5;
links=lianjie1+"+'|'+"+lianjie2+"+'|'+"+lianjie3+"+'|'+"+lianjie4+"+'|'+"+lianjie5;
texts=biaoti1+"+'|'+"+biaoti2+"+'|'+"+biaoti3+"+'|'+"+biaoti4+"+'|'+"+biaoti5;
//对flash所用到的变量格式赋值
}
protectedvoidjiazai（）//对flash展示图片所要用到的变量赋值
{
AccessDataSourceads=newAccessDataSource（）;
ads.DataFile="~/App_Data/我的公司.mdb";
ads.SelectCommand="select*from[产品预览]ORDERBY[产品日期]DESC";//按日期从新到旧排序
DataViewdv=（DataView）ads.Select（DataSourceSelectArguments.Empty）;
biaoti1="'"+Convert.ToString（dv[0]["产品名称"]）+"'";
biaoti2="'"+Convert.ToString（dv[1]["产品名称"]）+"'";
biaoti3="'"+Convert.ToString（dv[2]["产品名称"]）+"'";
biaoti4="'"+Convert.ToString（dv[3]["产品名称"]）+"'";
biaoti5="'"+Convert.ToString（dv[4]["产品名称"]）+"'";
lianjie1="'product1.aspx?
nid="+Convert.ToString（dv[0]["album_id"]）+"'";
lianjie2="'product1.aspx?
nid="+Convert.ToString（dv[1]["album_id"]）+"'";
lianjie3="'product1.aspx?
nid="+Convert.ToString（dv[2]["album_id"]）+"'";
lianjie4="'product1.aspx?
nid="+Convert.ToString（dv[3]["album_id"]）+"'";
lianjie5="'product1.aspx?
nid="+Convert.ToString（dv[4]["album_id"]）+"'";
zhaopian1="'"+"photos/"+Convert.ToString（dv[0]["FirstPic"]）+"'";
zhaopian2="'"+"photos/"+Convert.ToString（dv[1]["FirstPic"]）+"'";
zhaopian3="'"+"photos/"+Convert.ToString（dv[2]["FirstPic"]）+"'";
zhaopian4="'"+"photos/"+Convert.ToString（dv[3]["FirstPic"]）+"'";
zhaopian5="'"+"photos/"+Convert.ToString（dv[4]["FirstPic"]）+"'";
}
}
实现主页面flash的图片取决于数据库中最新更新的5件产品
主页面产品新产品展示动态滑行部分代码：
源中:
hidden;height:
800px;width:
200px;">//设定高度与宽度
200px;padding:
00010;">
DataListID="DataList1"runat="server"DataSourceID="AccessDataSource1">
ImageButtonID="ImageButton1"runat="server"Height="150px" ImageUrl='<%#Eval（"FirstPic","photos/{0}"）%>' PostBackUrl='<%#Eval（"album_id","product1.aspx? nid={0}"）%>'Width="200px"/>
|
HyperLinkID="HyperLink5"runat="server" NavigateUrl='<%#Eval（"album_id","product1.aspx? nid={0}"）%>' Text='<%#Eval（"产品备注"）%>'>
HyperLink> |
groove;border-bottom-width:
2px;border-bottom-color:
#008000;">
|
DataList>
升级会员 