BENET30第一学期课程.ppt

《BENET30第一学期课程.ppt》由会员分享，可在线阅读，更多相关《BENET30第一学期课程.ppt（30页珍藏版）》请在得力文库 - 分享文档赚钱的网站上搜索。

1、BENET3.0BENET3.0BENET3.0第一学期课程第一学期课程第一学期课程第九章第九章第九章第九章 维护维护维护维护Web-OfficeWeb-Office办公自动化网站办公自动化网站办公自动化网站办公自动化网站(二二二二)2 2课程回顾课程回顾课程回顾课程回顾Web-OfficeWeb-Office办公自动化网站的功能办公自动化网站的功能办公自动化网站的功能办公自动化网站的功能如何设置如何设置如何设置如何设置GridViewGridView控件列表中相邻行的样式不控件列表中相邻行的样式不控件列表中相邻行的样式不控件列表中相邻行的样式不同？同？同？同？如何增加如何增加如何增加如何增加

2、GridViewGridView控控控控件的脚注？件的脚注？件的脚注？件的脚注？3 3技能展示技能展示技能展示技能展示会使用会使用会使用会使用FTPFTP工具上传网站工具上传网站工具上传网站工具上传网站会修改会修改会修改会修改ASP.NETASP.NET的页面内容的页面内容的页面内容的页面内容掌握掌握掌握掌握CSSCSS样式样式样式样式4 4本章结构本章结构本章结构本章结构Web-Office办办公自动化网站公自动化网站修改项目管理页面修改项目管理页面我的日程页面我的日程页面项目进程日志管理页面项目进程日志管理页面部门日程页面部门日程页面维护维护Web-Office办办公自动化网站（二）公自动

3、化网站（二）修改日程管理页面修改日程管理页面项目统计报告页面项目统计报告页面项目管理页面项目管理页面修改文档管理页面修改文档管理页面创建或编辑项目页面创建或编辑项目页面上传网页上传网页日程安排页面日程安排页面文档管理页面文档管理页面创建文件夹页面创建文件夹页面5 5Web-OfficeWeb-Office办公自动化网站介绍办公自动化网站介绍办公自动化网站介绍办公自动化网站介绍Web-office办公自动化网站办公自动化网站人人事事管管理理日日程程管管理理项项目目管管理理文文档档管管理理信信息息传传递递系系统统管管理理6 6日程管理日程管理日日程程管管理理我的日程部门日程我的便笺7 7日程管理日

4、程管理日程管理日程管理（1 1）我的日程我的日程我的日程我的日程查看个人日程安排查看个人日程安排查看个人日程安排查看个人日程安排增加、修改或删除个人日程安排增加、修改或删除个人日程安排增加、修改或删除个人日程安排增加、修改或删除个人日程安排日程安排的日期和主题日程安排提醒日期8 8日程管理（日程管理（日程管理（日程管理（2 2）部门日程部门日程部门日程部门日程查看部门日程安排查看部门日程安排查看部门日程安排查看部门日程安排我的便笺我的便笺我的便笺我的便笺查看个人便笺查看个人便笺查看个人便笺查看个人便笺增加、修改或删除个人便笺增加、修改或删除个人便笺增加、修改或删除个人便笺增加、修改或删除个人便

5、笺9 9修改日程管理页面（修改日程管理页面（1）需求描述需求描述11修改我的日程页面修改我的日程页面星期六、星期日两列的日期字体以蓝色显示星期六、星期日两列的日期字体以蓝色显示当前日期字体以红色显示，并且表格边框以红色虚当前日期字体以红色显示，并且表格边框以红色虚线显示线显示所有日期在当前单元格中水平位置和垂直位置均居所有日期在当前单元格中水平位置和垂直位置均居中显示中显示第一行显示星期日第一行显示星期日星期六的行高为星期六的行高为2525，字体大小，字体大小为为14141010修改日程管理页面（修改日程管理页面（2）需求描述需求描述22修改日程安排页面修改日程安排页面修改页面中修改页面中la

6、bel、textbox等控件的位置，并修改控件等控件的位置，并修改控件textbox的长度和背景颜色为的长度和背景颜色为#FFFFE0设置最下面的按钮控件居中显示设置最下面的按钮控件居中显示1111修改日程管理页面（修改日程管理页面（3）需求描述需求描述33修改部门日程页面修改部门日程页面修改页面控件位置和长度修改页面控件位置和长度移动表示日期的文本控件到第一行移动表示日期的文本控件到第一行列表中页面链接文本居中显示列表中页面链接文本居中显示1212修改日程管理页面（修改日程管理页面（4）实现思路实现思路11设置日期样式设置日期样式在在和和 中设置当中设置当前日期样式前日期样式在在和和中设置所

7、有日期样式中设置所有日期样式在在和和中设中设置周六、周日的日期样式置周六、周日的日期样式在在和和中设置日中设置日期标头样式期标头样式1313修改日程管理页面（修改日程管理页面（5）实现思路实现思路22页面链接样式页面链接样式在在和和中设置页面链接样式中设置页面链接样式居中显示居中显示4040分钟完成分钟完成1414项目管理项目管理项目进程日志管理项目统计报告项目管理项项目目管管理理项目角色管理1515项目进程日志管理项目进程日志管理项目进程日志管理项目进程日志管理添加项目进程添加项目进程添加项目进程添加项目进程项目进程列表项目进程列表项目进程列表项目进程列表1616项目统计报告项目统计报告项目

8、统计报告项目统计报告项目统计项目统计项目统计项目统计成员统计成员统计成员统计成员统计1717项目管理项目管理项目管理项目管理项目列表项目列表项目列表项目列表增加新项目增加新项目增加新项目增加新项目编辑新项目编辑新项目编辑新项目编辑新项目1818修改项目管理页面（修改项目管理页面（1）需求描述需求描述11修改项目进程日志管理页面修改项目进程日志管理页面修改左侧添加项目进程的修改左侧添加项目进程的“添加进程添加进程”按钮为按钮为“添加添加项目进程项目进程”项目进程列表的标头添加背景色项目进程列表的标头添加背景色#EDECD1，并且标头，并且标头中的文字在水平位置均居中显示中的文字在水平位置均居中显

9、示在项目进程的最后一列添加脚注在项目进程的最后一列添加脚注“打印进程列表打印进程列表”1919修改项目管理页面（修改项目管理页面（2）需求描述需求描述22修改项目统计报告页面修改项目统计报告页面修改修改“选择项目选择项目”列表控件列表控件listboxlistbox的高度为的高度为205px205px，字体颜色为字体颜色为#FF6600#FF6600修改修改“成员统计成员统计”列表控件列表控件listboxlistbox的高为的高为150px150px，字，字体颜色为体颜色为#FF6600#FF66002020修改项目管理页面（修改项目管理页面（3）需求描述需求描述33修改项目管理页面修改项目

10、管理页面用用CssClass样式设置样式设置“创建新项目创建新项目”按钮控件，用图按钮控件，用图片代替，并且鼠标移至按钮上时显示手状片代替，并且鼠标移至按钮上时显示手状项目列表边框用虚线设置，且颜色为项目列表边框用虚线设置，且颜色为#38C73C项目列表标头背景色设置为项目列表标头背景色设置为#DBF2CC，高为，高为30，标头，标头文字居中显示文字居中显示增加交替行的颜色设置，奇数行的背景色为白色，偶增加交替行的颜色设置，奇数行的背景色为白色，偶数行的背景色为数行的背景色为#DBF2CC，且行高均为，且行高均为282121修改项目管理页面（修改项目管理页面（5）实现思路实现思路11添加脚注添

11、加脚注FooterText设置脚注文本设置脚注文本在在 设置脚注样式设置脚注样式2222修改项目管理页面（修改项目管理页面（6）实现思路实现思路22创建创建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

12、:3px;6060分钟完成分钟完成2323文档管理文档管理(选选 做做)文档管理回收站文档搜索文文档档管管理理2424文档管理文档管理文档管理文档管理文档管理文档管理文档管理文档管理文档列表查看文档列表查看文档列表查看文档列表查看新建文件夹新建文件夹新建文件夹新建文件夹新建文件新建文件新建文件新建文件2525文档管理页面文档管理页面文档管理页面文档管理页面文档列表查看文档列表查看文档列表查看文档列表查看新建文件夹新建文件夹新建文件夹新建文件夹新建文件新建文件新建文件新建文件2626修改文档管理页面（修改文档管理页面（修改文档管理页面（修改文档管理页面（1 1）需求描述需求描述需求描述需求描述文

13、档管理页面上的数据绑定控件最后三列，给其增加文档管理页面上的数据绑定控件最后三列，给其增加文档管理页面上的数据绑定控件最后三列，给其增加文档管理页面上的数据绑定控件最后三列，给其增加标头，分别为标头，分别为标头，分别为标头，分别为“属性属性属性属性”、“编辑编辑编辑编辑”和和和和“删除删除删除删除”，设置标头字体为粗体，在垂直方向居中显示设置标头字体为粗体，在垂直方向居中显示设置标头字体为粗体，在垂直方向居中显示设置标头字体为粗体，在垂直方向居中显示修改创建文件夹页面中控件的位置、控件字体颜色修改创建文件夹页面中控件的位置、控件字体颜色修改创建文件夹页面中控件的位置、控件字体颜色修改创建文件夹

14、页面中控件的位置、控件字体颜色2727修改文档管理页面（修改文档管理页面（修改文档管理页面（修改文档管理页面（2 2）实现思路实现思路实现思路实现思路增加标头需设置增加标头需设置增加标头需设置增加标头需设置HeaderTextHeaderTextASP.NETASP.NET中设置垂直方向用中设置垂直方向用中设置垂直方向用中设置垂直方向用VerticalAlignVerticalAlign2525分钟完成分钟完成2828上传网页上传网页上传网页上传网页使用的使用的使用的使用的CuteFTPCuteFTP上传工具上传工具上传工具上传工具注意服务器的用户名和密码的输入注意服务器的用户名和密码的输入注

15、意服务器的用户名和密码的输入注意服务器的用户名和密码的输入把本地站点的网页上传到指定的空间把本地站点的网页上传到指定的空间把本地站点的网页上传到指定的空间把本地站点的网页上传到指定的空间确定网页内容能够正常运行确定网页内容能够正常运行确定网页内容能够正常运行确定网页内容能够正常运行2929本章总结本章总结Web-Office办办公自动化网站公自动化网站修改项目管理页面修改项目管理页面我的日程页面我的日程页面项目进程日志管理页面项目进程日志管理页面部门日程页面部门日程页面维护维护Web-Office办办公自动化网站（二）公自动化网站（二）修改日程管理页面修改日程管理页面项目统计报告页面项目统计报告页面项目管理页面项目管理页面修改文档管理页面修改文档管理页面创建或编辑项目页面创建或编辑项目页面上传网页上传网页日程安排页面日程安排页面文档管理页面文档管理页面创建文件夹页面创建文件夹页面3030