(word)网页实训报告.docVIP

X X 大 学 课程设计说明书 题目 系 部 专业 班级 姓名 学号 指导教师 起止日期 课程设计任务书 课程名称：服务外包软件工程实训II 设计题目：企业门户网站 实训目的： 本次实训的内容为利用EXTJS技术，创建一个企业门户网站，并将其发布到Internet上运行。通过此次实训让学生掌握EXTJS技术，并懂得有关计算机网络信息的收集、加工、处理、发布与维护的基本框架与工作流程，目的要求： 了解有关WEB网站建设的基本概念与方法。 掌握网页设计制作的基本概念，有关美学基本知识与设计制作流程。 掌握网络信息发布与维护的方法。 掌握HTML、EXTJS等页面设计方面相关技术。 已知技术参数和设计要求： 问题描述（功能要求）： 企业门户网站用来展示企业风采，其中模块主要包括： 首页 公司新闻 关于我们 工艺介绍 业务流程 人才招聘 联系我们 8 网站常用频道 2. 运行环境要求： （1）客户端： windows操作系统 IE浏览器 （2）服务器： windows server 版操作系统 IIS组件安装 3. 技术要求： 要求综合下列语言工具与技术实现企业门户网站。 HTML语言 EXTJS 技术 PhotoShop 工具 设计工作量： 40课时 工作计划： 1 2012级软件工程所有班级 2课时：课程设计相关知识介绍，多媒体教室/计算机系机房 18课时： 设计，普通教室/计算机系机房。 16课时：上机、调试。计算机系机房 4课时：答辩。计算机系机房。 （具体时间地点老师先申请，机动安排） 指导教师签名： 日期： 教研室主任签名： 日期： 系主任签名： 日期： X X大学课程设计鉴定表 姓名 学号 专业 软件工程 班级 设计题目 指导教师 指导教师意见： 评定等级： 教师签名： 日期： 答辩小组意见： 评定等级： 答辩小组长签名： 日期： 教研室意见： 教研室主任签名： 日期： 系（部）意见： 系主任签名： 日期： 说明 课程设计成绩分“优秀”、“良好”、“及格”、“不及格”四类； 目录 目录 5 第1章 设计内容与要求 6 第2章 企业门户网站的设计与实现 7 2.1 关键技术 7 2.2网页的设计与实现 7 第3章 设计总结 11 3.1 系统的不足之处 11 3.2 系统的优点 11 3.3 开发心得 11 参考文献 12 附录 13 第1章 设计内容与要求 设计内容： 使用 Ext Js 技术完成一个企业门户网站的设计，通过Dreamever软件实现。 设计要求： 按照原型效仿编写7个页面,要效果与示例图片一致。 页面代码50%以上注释。 提交源代码、提交课程设计总结文档。 课程设计总结文档要求格式规范。 第2章 企业门户网站的设计与实现 2.1 关键技术 Ext Js技术以及html和css技术 2.2网页的设计与实现 如图2.1所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，公司简介部分左边放图片，右边放文字，联系方式通过一个表格实现，产品展示通过滚动图片和文字实现。 图2.1 首页 如图2.2所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，新闻列表里面分别引进各个表格，联系方式通过一个表格实现。表格的制作比较麻烦，要弄清楚代码中各部分的作用。 图2.2 公司新闻 如图2.3所示，本页面建立一个Panel层，顶部在一个图片嵌套一个图片，联系我们通过一个表格实现，其他层当作一个部分，联系我们和招聘当一个部分。 图2.3 关于我们 如图2.4所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，联系我们通过一个表格实现，工艺范围通过简单的图片和文字对齐实现。值得质疑的是工艺范围里面的表格要做的好看些。 图2.4 工艺介绍 如图2.5（a）所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，业务流程里插入图片，通过点击放大的按钮可实现放大的功能，联系我们通过一个表格实现。 图2.5（a）业务流程 如图2.5（b）所示，放大的按钮如上图显示，不过图片太大，但能保证看的清晰度。 图2.5（b）业务流程 如图2.5（c）所示，然后，我使用了再互联网上找到的放大镜技术做了一个页面，让人可以更加清楚的看清楚一些细节。 图2.5（c）业务流程 如图2.6所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，工艺内容里插入图片，通过建一个层将图片居中，联系我们通过一个表格实现。 图2.6 招聘人才 如图2.7所示，本页面建立一个Panel层，顶部在一个图片里面嵌套一个图片，地图部分我们引用了百度地图，需要连接外网才能看到，但是功能十分强大，能使用鼠标滚轮放大缩小，也能使用左上角的按钮实