大作业
课程名称: 网站规划建设与管理 题 目: 企业网站 院 (系): 机械电子工程系
专业班级: 通信工程 姓 名: XXX 学 号: XX 指导教师:
2012 年 1月 1日
西安建筑科技大学华清学院大作业(论文)
西安建筑科技大学大作业设计(论文)任务书
专业班级: 通信工程 学生姓名: XXX 指导教师: XX
一、大作业题目
企业网站
二、本次大作业应达到的目的
设计并实现一个简单的企业类相关的网站
三、本次大作业任务的主要内容和要求(包括原始数据、技术参数、设计要求等)
要求:
1、 Flash首页1个;2、静态页面制作3幅 ; 3、产品价格的录入与查询;4、用户的信息反馈;5、管理页面
四、应收集的资料及主要参考文献:
[1] 吉根林.《Web程序设计》.电子工业出版社
[2] 清源计算机工作室.《ASP动态网站设计与制作》.机械工业出版社
[3] 灯文渊.《ASP与网页数据库设计》.清华大学出版社
[4] 杨内.《精品动态网页制作》.清华大学出版社
[5] 黄明.《ASP课程设计》. 电子工业出版社
[6] 石志国.《ASP动态网站编程》. 清华大学出版社
[7]
[8]
[9]/datastructure/index.html
[10]http://student./course_ware/data_structure/web/main.htm
[11]/class/index.asp?classid=9
[12].cn/press/html/booklist/book/a0764.htm
[13]/datastru.html
五、审核批准意见
教研室主任(签字) XXX
第1页 共28页
西安建筑科技大学华清学院大作业(论文)
目 录
2 详细设计……………………………………………… ………(3)
2.1系统功能的实现……………… … ………………………(3)
2.2系统整体框架图…… ………………………………… …(3)
2.3 公司模块……………………………………………… …(4) 3 调试分析………………………… ………………………… (24) 4总结……………………………… ……………………………(26) 参考文献 ………………………………… …………… (27)
1 需求分析……………………………………………… ………(3)
第2页 共28页
西安建筑科技大学华清学院大作业(论文)
1 需求分析
新的世纪,互联网将进入一个崭新的阶段,信息化的发展带
动其它产业的发展,各行业都将与它进行更深入的融合和渗透。越来越多的企业已开始从对互联网的认知阶段进入到认同和行动阶段。
企业的主页是企业在Internet上展示形象的门户,是企业开展电子交易的基地,是企业网上的"家", 设计制作一个优秀的网站是建站的企业成功迈向互联网的重要步骤。
网络可以带给企业不分地域、不分国别的大量客户,带给您无限的商机。为了获得本行业的领先地位,面对不断涌现的种种机会,企业建立一个具有自己特色的,精美完善的,集多种功能于一体的企业网站,尤其重要。
2 详细设计
2.1系统功能的实现
一个可视化的网页设计和网站管理工具,支持最新的Web技术,包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等富媒体格式和动态HTML、基于团队的Web创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。 MacromediaDreamweaverMX2004官方预览版新增功能如下:
1,动态跨浏览器验证2,更强大的CSS支持3,内建的图形编辑引擎4,安全FTP5,增强对当今技术的支持6,无缝整合外部文件和代码7,紧密整合MM的其他工具8,基本支持改良9,增强代码编写工具10,改进的设计开放环境。
2.2系统整体框架图
第3页 共28页
西安建筑科技大学华清学院大作业(论文)
2.3 公司首页模块代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>海清企业公司</title>
<style type="text/css">
.body{
background: url(20080327_0edd416853d9b01d188cXamZ625wnAUn.jpg); }
#Layer1 {
position:absolute; width:274px; height:94px; z-index:1;
第4页 共28页
西安建筑科技大学华清学院大作业(论文) left: 14px;
top: 8px;
}
#Layer2 {
position:absolute;
width:200px;
height:51px;
z-index:1;
left: 998px;
top: 135px;
}
#Layer3 {
position:absolute;
width:910px;
height:175px;
z-index:2;
left: 86px;
top: 14px;
}
第5页 共28页
西安建筑科技大学华清学院大作业(论文) #Layer4 {
}
.STYLE1 {font-size: 24px}
#Layer5 {
}
.STYLE2 {font-size: 24px; color: #000000; }
第6页 共28页 position:absolute; width:237px; height:115px; z-index:4; left: 1000px; top: 30px; position:absolute; width:1121px; height:42px; z-index:3; left: 83px; top: 197px;
西安建筑科技大学华清学院大作业(论文) #Layer6 {
}
.STYLE3 {color: #000000}
#Layer7 {
}
#p{
第7页 共28页 position:absolute; width:1110px; height:88px; z-index:5; left: 88px; top: 249px; background-attachment:scroll; position:absolute; width:240px; height:115px; z-index:4; left: 997px; top: 16px;
西安建筑科技大学华清学院大作业(论文) font:"宋体";
font-size:16px;}
#Layer8 {
position:absolute;
width:810px;
height:377px;
z-index:6;
left: 295px;
top: 398px;
}
#Layer9 {
position:absolute;
width:1098px;
height:273px;
z-index:6;
left: 104px;
top: 475px;
}
第8页 共28页
西安建筑科技大学华清学院大作业(论文) #Layer10 {
position:absolute;
width:1114px;
height:13px;
z-index:7;
left: 89px;
top: 473px;
}
#Layer11 {
position:absolute;
width:426px;
height:281px;
z-index:8;
left: 101px;
top: 897px;
}
.STYLE4 {
color: #CCFF00;
第9页 共28页
西安建筑科技大学华清学院大作业(论文)
}
#lable{
font-size:16px;
}
.STYLE7 {font-size: 16px; color: #CCFF00; } .STYLE12 {font-size: 16px}
.STYLE13 {color: #CCFF00}
#Layer12 {
}
#Layer13 {
position:absolute; width:1133px;
第10页 共28页 position:absolute; width:702px; height:290px; z-index:9; left: 557px; top: 900px; font-size: 24px;
西安建筑科技大学华清学院大作业(论文)
}
#Layer14 {
}
.STYLE14 {color: #FFFFFF}
.STYLE15 {font-size: 16px; color: #FFFFFF; } #Layer15 {
position:absolute; width:424px; height:84px;
第11页 共28页 position:absolute; width:451px; height:86px; z-index:11; left: 380px; top: 961px; height:24px; z-index:10; left: 11px; top: 949px;
西安建筑科技大学华清学院大作业(论文)
}
#Layer16 {
}
</style>
</head>
<body class="body">
<div id="Layer1" align="center">
<div id="Layer2" align="left">
<pre><font size="+2" color="#CCFFFF">关注服装设计师交流成长
第12页 共28页 position:absolute; width:424px; height:161px; z-index:11; left: 111px; top: 807px; z-index:10; left: 113px; top: 882px;
西安建筑科技大学华清学院大作业(论文)
</font>
<font size="+2" color="#CCFFFF">中国服装人才网旗下网站</font></pre></div>
<div id="Layer4" align="center" >
<table width="1116" height="45" border="1" align="center" style="border-top-style:dashed" >
<tr>
<th width="184" scope="col"><a href="
class="STYLE2">首页</a></th>
<th width="184" scope="col"><a href="index.html" 主页.html" class="STYLE2">网上订购</a></th>
<th width="184" scope="col"><a href="chat-room.html" class="STYLE2">聊天室</a></th>
<th width="184" scope="col"><a href="guestbook.html" class="STYLE2">留言</a></th>
<th width="174" scope="col"><a href="product-list.html" class="STYLE2">时尚品牌</a></th>
第13页 共28页
西安建筑科技大学华清学院大作业(论文)
<th width="165" scope="col"><a href="mailto:466988576@163.com" class="STYLE2">联系我们</a></th> </tr>
</table>
</div>
<div id="Layer3" align="left"><a href="index1.html"><img
alt="" name="" src="f6b430f5835edafdcaf792892e86af77.jpg"
width="908" height="178" border="0" />
</a></div>
<div id="Layer6" align="left">
<h1> </h1>
<h1><a href="index.html" class="STYLE3">海清网购公司</a></h1> </div>
<div id="Layer7" align="center">
<h2>公司介绍<a name="公司介绍"></h2>
<div id="Layer13">
<hr size="2" noshade="noshade"></div>
<div id="Layer14">
第14页 共28页
西安建筑科技大学华清学院大作业(论文)
<table width="238" height="86" border="0">
<tr>
<th height="34" align="center" scope="row"><span class="STYLE15"><span class="STYLE1">©</span>王海青服装有限责任公司</span></th>
</tr>
<tr>
<th scope="row"><span class="STYLE14">联系方式029-49895465</span></th>
</tr>
</table>
</div>
<p id="p" align="left">该公司成立于20xx年11月12日,由陕西省服饰有限责任公司资助的下属子公司,经过
多年的不限努力,海清服饰已经慢慢步入正规,营业额也由亏到盈。该公司目前已与多家服装公司产生合作,像运动系列里面的名族企业李宁;国外的PEAK等厂家直接合作
。能够以较低的价格的得到最好的品质,深受广大消费者的喜爱,特别是一些时尚青年,大学生男女。</p>
第15页 共28页
西安建筑科技大学华清学院大作业(论文)
<p align="left" id="p">目前公司正着力研究发展自己的品牌,预计在20xx年初将会上市,想必到时候一定会取得较好的好评的,因为这是公司经过两年研究调查当下男女喜爱款式,请法国著名服装设计师设计的一种最新款式。就让我们拭目以待吧!<a name="最新动态"></p>
<p align="left" class="STYLE12"> 公司现在合作的品牌有美特斯邦威,真维斯,耐克,利郎,七匹狼,等十六家国内外知名品牌。<a name="合作厂家"></p>
<p align="left" class="STYLE12">现在公司由于扩展业务较广故需招聘若干名大学应届毕业生,详情请查看<a href="http://www.51.job " class="STYLE14">www.51.job </a></p>
<p align="left" class="STYLE12"> </p>
<p align="left"> </p>
</div>
<div id="Layer9">
<marquee>
</marquee>
<table width="1094" height="269" border="1">
<tr>
第16页 共28页
西安建筑科技大学华清学院大作业(论文)
<th width="223" height="263" scope="col"><img name="" src="images/2007921124339650.jpg" width="218" height="258" alt="蔡依林" /></th>
<th width="205" scope="col"><img name="" src="images/200909291321346366.jpg"width="198" height="259"alt="男模特" /></th>
<th width="205" scope="col"><img name="" src="images/dec56c2b-bec0-4141-af2b-988725b5cb2d.jpg"width="207" height="258"alt="韩国" /></th>
<th width="224" scope="col"><img name="" src="images/U112P1T1D151718F9DT20090223101400.jpg""width="236" height="261"alt="欧美" /></th>
<th width="203" scope="col"><img name="" src="images/img20xxxxxxxxxxxx.jpg" width="200" height="257" alt="张柏芝" /></th>
</tr>
</table>
</div>
<div id="Layer11" align="center">
<table width="413" height="268" border="0" align="left"> <tr>
第17页 共28页
西安建筑科技大学华清学院大作业(论文)
<th width="530" height="45" scope="col"><span class="STYLE4">申请加入会员</span></th>
</tr>
<tr>
<td height="30" align="center"><form id="form1" name="form1" method="post" action="">
<label ><span class="STYLE7">昵称</span>
<input
height="20"/>
</label>
</form> </td>
</tr>
<tr>
<td height="35" align="center"><form id="form2" name="form2" method="post" action="">
<label><span class="STYLE7">密码</span>
<input type="password" name="textfield2" width="125" height="20" />
</label>
</form> </td> type="text" name="textfield" width="125"
第18页 共28页
西安建筑科技大学华清学院大作业(论文)
</tr>
<tr>
<td height="31" align="center"><form id="form3" name="form3" method="post" action="">
<label><span class="STYLE7">邮箱 </span>
<input
height="20" />
</label>
</form> </td>
</tr>
<tr>
<td height="37" align="center"><form id="form4" name="form4" method="post" action="">
<span class="STYLE12"><font><span class="STYLE13"> 性别</span> </font></span>
/>
</label> <label><span class="STYLE7"> 男</span> <input type="radio" name="radiobutton" value="radiobutton" type="text" name="textfield3" width="125"
第19页 共28页
西安建筑科技大学华清学院大作业(论文)
<label><span class="STYLE7">女
</span>
<input type="radio" name="radiobutton" value="radiobutton" />
</label>
</form></td>
</tr>
<tr>
<td height="39" align="center"><span class="STYLE7">年龄
<select name="年龄" >
<option value="1">10-15</option>
<option value="2">16-20</option>
<option value="3">20-30</option>
<option value="4"selected>30-40</option>
<option value="5"selected>40-50</option>
<option value="6"selected>50-60</option>
</select>
</span></td>
第20页 共28页
西安建筑科技大学华清学院大作业(论文)
</tr>
<tr> <td height="35" align="center"><form id="form6" name="form6" method="post" action="">
<input type="submit" name="Submit2" value="提交" /> <input name="Rreset" type="reset" id="Rreset" value="重置" />
</form> </td> </tr>
</table>
<form id="form5" name="form5" method="post" action=""> </form>
</div>
<div id="Layer10">
<hr align="center" color="#999999"></div>
<div id="Layer12">
<table width="698" height="288" border="0">
<tr>
第21页 共28页
西安建筑科技大学华清学院大作业(论文)
<th width="715" height="282" scope="col" align="left" valign="top"><table width="693" height="304" border="1"> <tr>
<th width="250" height="287" align="left" valign="top" scope="col"><UL type="circle">
<LI class="STYLE1"><a href="#公司介绍"><span class="STYLE13">公司简介</span></LI>
<LI class="STYLE1"><a href="#最新动态"><span class="STYLE13">公司动态</span></LI>
<LI class="STYLE4"><a href="#合作厂家"><span class="STYLE13">合作厂家</span></LI>
<LI class="STYLE4"><a href="#客服中心"><span class="STYLE13">客服中心</span></LI>
<LI class="STYLE4"><a href="#招聘信息"><span class="STYLE13">招聘信息 </span></LI>
</UL>
</th>
<th width="432" scope="col">
<marquee onMouseOver=this.stop() onMouseOut=this.start() direction="right">
<img src="images/10783958_176288.jpg"
第22页 共28页 width="308"
西安建筑科技大学华清学院大作业(论文)
height="288" align="left">
<img src="images/big_106.jpg" width="308" height="288" align="left" />
<img src="images/big_111.jpg" width="308" height="288" align="left" />
<img src="images/big_119.jpg" width="308"
align="left" />
<img src="images/big_134.jpg" width="308"
align="left" />
</marquee>
</th>
</tr>
</table></th>
</tr>
</table>
</div>
<div>\</div>
</body>
第23页 共28页 height="288" height="288"
西安建筑科技大学华清学院大作业(论文) </html>
3 调试分析
3.1公司首页
3.2 网上订购
3.3时尚品牌
第24页 共28页
西安建筑科技大学华清学院大作业(论文)
3.4留言
3.5联系我们
第25页 共28页
西安建筑科技大学华清学院大作业(论文)
4 总结
此次网页设计的制作让我们对网站的了解更深入,可以把它同实际相结合,同时,又让我们学会了一个新的应用软件。 在整个设计过程中,通过怎样对把各个管理信息连接起来的分析,锻炼了我们对事情的分析能力,通过怎样解决过程中出现的问题,提高了我们查找文献的能力、对网络资源的利用能力和和其他同学的交流沟通能力。
第26页 共28页
西安建筑科技大学华清学院大作业(论文)
参考文献
1.杨内.《精品动态网页制作》.清华大学出版社
2.吉根林.《Web程序设计》.电子工业出版社
3.HTML和XHTML权威指南(第五版) 作者 : 慕西
4. /
5./list.aspx?cid=18
第27页 共28页