web 课程设计任务书及模板.docx
- 文档编号:1979574
- 上传时间:2023-05-02
- 格式:DOCX
- 页数:22
- 大小:753.68KB
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>