《软件开发综合实训》 学习情境3公司门户网站开发 《软件开发综合实训》裸题组 天津电子信息職業放術辔院
《软件开发综合实训》课题组
主要内容 一、整体规划 二、工作任务 三、系统设计 四、案例：网站首页面制作 五、制定开发计划 六、拓展训练：客户注册功能实现 天津電子信息職業赦術等院：
主 要 内 容 二、工 作 任 务 三、系 统 设 计 四、案例：网站首页面制作 五、制 定 开 发 计 划 六、拓展训练：客户注册功能实现 一、整 体 规 划
整体规划 公司网站的建设要立足于公司自身的优势和发展基础上， 从市场发展的长远角度出发，结合新时期信息科技的发展来定 位。要从全盘整体考虑，既要有长期发展方向，又要有中短期 实施内容，还要针对局部进行重点的建设。最终达到通过建立 公司网站，实现无时间、无地域限制、交互性强的特点，进而 达到深入推广公司产品，扩大业务范围，塑造品牌及提升公司 形象的目标。 开发一个公司网站，有很多方面的工作要完成。例如：进 行建设网站前的市场分析及功能定位、网站建设与开发项目构 思、方案设计、素材的收集与整理、网页制作技术的准备等工 作。 色天津电于信息職兼放粤院：
一、整 体 规 划 公司网站的建设要立足于公司自身的优势和发展基础上， 从市场发展的长远角度出发，结合新时期信息科技的发展来定 位。要从全盘整体考虑，既要有长期发展方向，又要有中短期 实施内容，还要针对局部进行重点的建设。最终达到通过建立 公司网站，实现无时间、无地域限制、交互性强的特点，进而 达到深入推广公司产品，扩大业务范围，塑造品牌及提升公司 形象的目标。 开发一个公司网站，有很多方面的工作要完成。例如：进 行建设网站前的市场分析及功能定位、网站建设与开发项目构 思、方案设计、素材的收集与整理、网页制作技术的准备等工 作
二、工作任务 ● 任务清单 任务编号 工作任务 目前状态 完成人 BSN-01-01 公司网站总体结构设计 草稿 网站设计师 BSN-01-02 页面布局规划和美工 草稿 网站美工师 BSN-01-03 公司网站首页面制作 部分完成 网页制作员 BSN-01-04 一级栏目主页面制作 尚未启动 网页制作员 BSN-01-05 二级栏目页面制作 尚未启动 网页制作员 BSN-01-06 客户注册功能实现 尚未启动 程序员 BSN-01-07 客户登录功能实现 尚未启动 程序员 BSN-01-08 部署、运行公司网站 尚未启动 项目实施者 ⊙天津電子信息職業放晰等院：
二、工 作 任 务 任 务 清 单 任务编号 工作任务 目前状态 完成人 BSN-01-01 公司网站总体结构设计 草稿 网站设计师 BSN-01-02 页面布局规划和美工 草稿 网站美工师 BSN-01-03 公司网站首页面制作 部分完成 网页制作员 BSN-01-04 一级栏目主页面制作 尚未启动 网页制作员 BSN-01-05 二级栏目页面制作 尚未启动 网页制作员 BSN-01-06 客户注册功能实现 尚未启动 程序员 BSN-01-07 客户登录功能实现 尚未启动 程序员 BSN-01-08 部署、运行公司网站 尚未启动 项目实施者
二，工作任务 任务书 任务名称 站点首页面制作。 任务编号 BSW-01-03e 版本 1.0e 任务状态 部分完成 计划开始时间 计划完诚时间。 计划用时 2天0 实际开始时间 实际完球时间 实际用时 负责人 作者 审骸人 工作诚果e 【】文档【】图表 【】测试用例 【】代码【】可执行文件e 任务描述 公司站点的首页面是整个站点的门户。客户通过对主页面的浏览，可以对公司的情况以及公司提供的 服务有一个大概的了解，并可通过栏目链接浏览到各栏目子页面。此外，首页面上还包括了会员客户的登 录和注册功能。页面分上、中、下三个部分：上部包括标志、广告和导航条（一级菜单）：中部包括滚动 新闻、公司产品、会员登录和友情链接，下部为公司版权声明。本模块具体要求如下：？ 天津電子信息職業放晰等院：
二、工 作 任 务 任 务 书
三、系统设计 站点总体结构 首 页 关于我们+新闻动态+ 产品一览技术服务◆热点文章在线销售联系我们 公司简介+ 公司新闻产品介绍。 在线教程，法律法规 大事记 业内渐闻 解决方案。 软件下载：杂志文摘 媒体关注 成功案例 名家专著 英才加盟。 合作伙伴， ⊙天津电信息職業放晰等院：
三、 系 统 设 计 站点总体结构
三、系统设计 页面布局结构 1、站点首页面布局结构图 L0go标志 Banner广告 Menu导航条（一级栏目菜单） News Member 滚动新闻 会员登录 Content 栏目内容简介 Product Links 公司产品 友情链接 Copyright版权声明 色天津电信息職放浙等院：
三、系 统 设 计 页面布局结构 1、站点首页面布局结构图
三、系统设计 页面布局结构 2、一级栏目页面布局结构图 L0g0标志 Banner广告 Menu导航条（一级栏目菜单） Menu Content 二级导航菜单 单击二级导航菜弹后链接的相应内容 Copyright版权声明 天津電子信息職業赦晰等院：
三、系 统 设 计 页面布局结构 2、一级栏目页面布局结构图
三、系统设计 ● 站点管理结构 1.站点目录结构 (1)按栏目内容建立子目录 >about目录：存放“关于我们”栏目中的所有页面文件和素材文件 news目录：存放“新闻动态”栏目中的所有页面文件和素材文件 >product目录：存放“产品一览”栏目中的所有页面文件和素材文件 >serve目录：存放“技术服务”栏目中的所有页面文件和素材文件 >article目录：存放“热点文章”栏目中的所有页面文件和素材文件 >message目录：存放“联系我们”栏目中的所有页面文件和素材文件 (2)建立公共子目录 >images目录：存放站点所需的图片素材 swf目录：存放站点所需的动画素材 >script目录：存放站点所需的客户端脚本 css目录：存放站点所需的样式文件 色天津電信息職放撕等院日
三、系 统 设 计 站点管理结构 1．站点目录结构 （1）按栏目内容建立子目录 ➢ about目录：存放“关于我们”栏目中的所有页面文件和素材文件 ➢ news目录：存放“新闻动态”栏目中的所有页面文件和素材文件 ➢product目录：存放“产品一览”栏目中的所有页面文件和素材文件 ➢ serve目录：存放“技术服务”栏目中的所有页面文件和素材文件 ➢article目录：存放“热点文章”栏目中的所有页面文件和素材文件 ➢message目录：存放“联系我们”栏目中的所有页面文件和素材文件 （2）建立公共子目录 ➢ images目录：存放站点所需的图片素材 ➢ swf目录：存放站点所需的动画素材 ➢ script目录：存放站点所需的客户端脚本 ➢ css目录：存放站点所需的样式文件
三、系统设计 站点管理结构 2.文件命名规则 (I)站点首页名称：index,html (2)一级栏目主页面：使用栏目对应的目录名称。例如：“关于我们” 栏目的主页面名称是about..html。 (3)一级栏目下的二级子页面使用的命名方式：栏目序号子页面序号 子页面拼音名.html。例如：“关于我们”栏目下的二级子页面： >公司简介：11_jianjie.html >大事记：12 dashiji.html >媒体关注：1_3 media..html >英才加盟：14 yingcai.html >合作伙伴：1_5 hezuo.html (4)独立页面：一些功能相对独立的页面，可直接按功能命名。例如： 客户注册页面为register.html。 ⊙天津電子信息職業放晰等院：
三、系 统 设 计 站点管理结构 2．文件命名规则 （1）站点首页名称：index.html （2）一级栏目主页面：使用栏目对应的目录名称。例如：“关于我们” 栏目的主页面名称是about.html。 （3）一级栏目下的二级子页面使用的命名方式：栏目序号_子页面序号_ 子页面拼音名.html。例如：“关于我们”栏目下的二级子页面： ➢公司简介：1_1_jianjie.html ➢大 事 记：1_2_dashiji .html ➢媒体关注：1_3_media.html ➢英才加盟：1_4_yingcai.html ➢合作伙伴：1_5_hezuo.html （4）独立页面：一些功能相对独立的页面，可直接按功能命名。例如： 客户注册页面为register.html