BENET30第一学期课程.ppt

BENET3 0第一学期课程 第九章维护Web Office办公自动化网站 二 2 课程回顾 Web Office办公自动化网站的功能如何设置GridView控件列表中相邻行的样式不同 如何增加GridView控件的脚注 3 技能展示 会使用FTP工具上传网站会修改ASP NET的页面内容掌握CSS样式 4 本章结构 Web Office办公自动化网站 修改项目管理页面 我的日程页面 项目进程日志管理页面 部门日程页面 维护Web Office办公自动化网站 二 修改日程管理页面 项目统计报告页面 项目管理页面 修改文档管理页面 创建或编辑项目页面 上传网页 日程安排页面 文档管理页面 创建文件夹页面 5 Web Office办公自动化网站介绍 Web office办公自动化网站 人事管理 日程管理 项目管理 文档管理 信息传递 系统管理 6 日程管理 日程管理 7 日程管理 1 我的日程查看个人日程安排增加 修改或删除个人日程安排 日程安排的日期和主题 日程安排提醒日期 8 日程管理 2 部门日程查看部门日程安排我的便笺查看个人便笺增加 修改或删除个人便笺 9 修改日程管理页面 1 需求描述1 修改我的日程页面星期六 星期日两列的日期字体以蓝色显示当前日期字体以红色显示 并且表格边框以红色虚线显示所有日期在当前单元格中水平位置和垂直位置均居中显示第一行显示星期日 星期六的行高为25 字体大小为14 10 修改日程管理页面 2 需求描述2 修改日程安排页面修改页面中label textbox等控件的位置 并修改控件textbox的长度和背景颜色为 FFFFE0设置最下面的按钮控件居中显示 11 修改日程管理页面 3 需求描述3 修改部门日程页面修改页面控件位置和长度移动表示日期的文本控件到第一行列表中页面链接文本居中显示 12 修改日程管理页面 4 实现思路1 设置日期样式在和中设置当前日期样式在和中设置所有日期样式在和中设置周六 周日的日期样式在和中设置日期标头样式 13 修改日程管理页面 5 实现思路2 页面链接样式在和中设置页面链接样式 居中显示 40分钟完成 14 项目管理 项目管理 15 项目进程日志管理 添加项目进程项目进程列表 16 项目统计报告 项目统计成员统计 17 项目管理 项目列表增加新项目编辑新项目 18 修改项目管理页面 1 需求描述1 修改项目进程日志管理页面修改左侧添加项目进程的 添加进程 按钮为 添加项目进程 项目进程列表的标头添加背景色 EDECD1 并且标头中的文字在水平位置均居中显示在项目进程的最后一列添加脚注 打印进程列表 19 修改项目管理页面 2 需求描述2 修改项目统计报告页面修改 选择项目 列表控件listbox的高度为205px 字体颜色为 FF6600修改 成员统计 列表控件listbox的高为150px 字体颜色为 FF6600 20 修改项目管理页面 3 需求描述3 修改项目管理页面用CssClass样式设置 创建新项目 按钮控件 用图片代替 并且鼠标移至按钮上时显示手状项目列表边框用虚线设置 且颜色为 38C73C项目列表标头背景色设置为 DBF2CC 高为30 标头文字居中显示增加交替行的颜色设置 奇数行的背景色为白色 偶数行的背景色为 DBF2CC 且行高均为28 21 修改项目管理页面 5 实现思路1 添加脚注FooterText设置脚注文本在设置脚注样式 22 修改项目管理页面 6 实现思路2 创建CSS样式设置图像背景颜色为透明 transparent btn background color transparent background image url image project gif background repeat no repeat height 24px width 100px border 0px cursor hand padding left 10px padding top 3px 60分钟完成 23 文档管理 选做 文档管理 24 文档管理 文档管理文档列表查看新建文件夹新建文件 25 文档管理页面 文档列表查看新建文件夹新建文件 26 修改文档管理页面 1 需求描述文档管理页面上的数据绑定控件最后三列 给其增加标头 分别为 属性 编辑 和 删除 设置标头字体为粗体 在垂直方向居中显示修改创建文件夹页面中控件的位置 控件字体颜色 27 修改文档管理页面 2 实现思路增加标头需设置HeaderTextASP NET中设置垂直方向用VerticalAlign 25分钟完成 28 上传网页 使用的CuteFTP上传工具注意服务器的用户名和密码的输入把本地站点的网页上传到指定的空间确定网页内容能够正常运行 29 本章总结 Web Office办公自动化网站 修改项目管理页面 我的日程页面 项目进程日志管理