企业门户网站设计说明书
长 沙 学 院
工程实训说明书
题系
(
部
目 )
企业门户网站 计算机系 软件工程 袁海武 2010022C10
杨刚
2011.7.5—2011.10.15
专业(班级) 姓学指起
名 号
导止
教日
师 期
课程设计任务书
课程名称:工程实训(二) 设计题目:企业门户网站 实训目的:
通过本次实训,应具有创建一个静态的小型个人网站,并将其发布到Internet上运行的能力。 (1) 掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。 (2) 了解有关WEB网站建设的基本概念与方法。
(3) 掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。 (4) 掌握网络信息发布与维护的方法。
(5) 掌握HTML、EXTJS等页面设计方面相关技术。
已知技术参数和设计要求: 1. 问题描述(功能要求):
个人博客系统用来展示个人风采,其中模块主要包括: (1) 首页 (2) 公司新闻 (3) 关于我们 (4) 工艺介绍 (5) 业务流程 (6) 人才招聘 (7) 联系我们 网站常用频道
2. 运行环境要求:
(1)客户端: windows操作系统
IE浏览器
(2)服务器:
windows server 版操作系统 IIS组件安装
3. 技术要求:
要求分别使用三种不同的方式来实现。
HTML
EXTJS PhotoShop
(1)了解有关Web网站建设的基本概念与方法。
(2)掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。 (3)掌握网络信息发布与维护的方法。
设计工作量:
40课时
工作计划:
(1) 2010级软件工程所有班级
2课时:课程设计相关知识介绍。多媒体教室 18课时: 设计,普通教室。
16课时:上机、调试。计算机系机房 4课时:答辩。计算机系机房。
(具体时间地点老师先申请,机动安排)
指导教师签名: 日期: 教研室主任签名: 日期: 系主任签名: 日期:
长沙学院课程设计鉴定表
摘要
本次实训任务主要是制作一个企业网站,在制作和设计过程中,运用了记事本,Dreamweaver等一些操作工具,有利的帮助我们更加简单和快捷的制作出了企业网站的各个方面。其中需要我们掌握的最基础的知识是要学会怎样使用EXTJS语言编写代码,做成企业网站的画面。在实训中我认真地一步一步地按照规范的做法去进行,在老师和同学的帮助下,共同完成本次任务。
关键字:实训;Dreamweaver;企业门户;EXTJS
5
目录
1 设计内容与要求 7 2.设计说明 8 (1) 界面设计 8 (2)总结 14
参考文献 15 附录A 源代码 16
6
1设计内容与要求
(1)首页显示:首页主要显示公司简介,相关产品展示及联系方式。 (2)公司新闻显示:主要显示公司新闻列表,联系方式,招聘信息。
(3)关于我们显示:主要显示公司简介,经营范围,公司文化,经营理念。
(4)工艺介绍显示:显示产品加工方法介绍(工艺内容,工艺范围)。
(5)业务流程显示:主要显示产品的业务流程图。 (6)招聘人才显示:显示公司的相关招聘信息。
(7)联系我们显示:内嵌入网络地图,以及公司相关联系方式。
2设计说明
界面设计
首页
关于我们
工艺介绍
招聘人才
联系我们
总结
通过本实训,应具有创建一个静态的小型企业门户网站,并将其发布到Internet上运行的能力。
(1) 掌握有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程。 (2) 了解有关Web网站建设的基本概念与方法。
(3) 掌握网页设计制作的基本概念,有关美学基本知识与设计制作流程。 (4) 掌握网络信息发布与维护的方法。
(5) 掌握Html、CSS、JavaScript、EXTJS等页面设计方面相关技术。
参考文献
[1] 聂小燕. 中文Dreamweaver8网页制作11日通. 北京:机械工业出版社,2005. [2]肖振芬,袁伟森. 企业门户网站. 中国软件行业实训平台.
附录A 源代码
首页 <!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:///1999/xhtml"> <head>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" /> <link rel="stylesheet" type="text/css" href="public.css"/>
<script type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="Ext/ext-all.js"></script> <script type="text/javascript" language="javascript"> Ext.onReady(function(){ 司
new Ext.Panel({
renderTo:'panel', width:750, height:110,
html:"<p><img src='图片/1.png'/ >></p>", bbar:[{text:'新
闻
首
页
',handler:function(){window.location.href="
关
于
我
首们
页.html";}},"-",{text:'公司新闻',handler:function(){window.location.href="公
.html";}},"-",{text:'
',handler:function(){window.location.href="关于我们.html";}},"-",{text:'工艺介绍',handler:function(){window.location.href="工艺介绍.html";}},"-",{text:'业聘
}); 务
流人
程才
',handler:function(){window.location.href="
.html";}},"-",{text:'
联
系
业我
务
流们
程.html";}},"-",{text:'招聘人才',handler:function(){window.location.href="招',handler:function(){window.location.href="联系我们.html";}}] });
Ext.onReady(function(){
new Ext.Panel({
renderTo:'layout', layout:'column', width:1000,
items:[{ width:700, height:700, title:'公司简介', frame:true,
style:'margin-top:5px;', collapsible:true, html:'<p
id="tupian"><img
src="
图
片
/3.jpg"
width="270px"
height="200px"/><img src="图片/5.jpg&q …… 此处隐藏:1835字,全部文档内容请下载后查看。喜欢就下载吧 ……
- 基于PLC控制的航空电镀生产线自动输送
- 中考预测课内外文言文对比阅读2
- 2018-2023年中国商业智能(BI)产业市场
- 中国金融体制改革研究2011new
- 外窗淋水试验方案
- 精益生产(Lean Production)
- 学校安全事故处置和信息报送制度
- Chapter 5 Human Resources Management
- 【小学数学】人教版小学六年级上册数学
- 初中数学解题方法与技巧
- 山东省创伤中心建设与管理指导原则(试
- 函数与数列的极限的强化练习题答案
- 10分钟淋巴按摩消脂
- 网络应急演练预案
- 服装设计入门基础知识
- 初二数学分式计算题练习
- (人教新课标)高二数学必修5第二章 数列
- 最新自主创业项目
- 北京大学 无机化学课件 4第4章 配合物
- 贸易公司业务管理制度




