java课程设计《新闻发布系统》用户界面设计模板.docx

1、java课程设计新闻发布系统用户界面设计模板新闻发布系统系统第一部分 案例描述 案例目的使用HTML和CSS样式表构建小型网站，熟悉网站的静态页面的制作。 案例难度 案例覆盖技能点a) html基本元素b) Css样式表c) JavaScript编程基础 推荐案例完成时间10天适用课程和对象无对象前置知识：无第二部分 需求和开发环境 案例需求把数据库中新闻信息，通过组织，合理有序地呈现在客户面前。 使用技术和开发环境 Dreamweaver、UltraEdit等均可。建议使用UltraEdit。设计网站的标准1. 所设计和制作的网站为中小型门户网站，编辑好的网站页面必须能够满足兼容IE6、IE

2、7、IE8和Firefox浏览器。2. 网站中的栏目标题需满足自动生成和替换功能。3. 所编辑的静态网站必须全部使用DIV+css布局，内部文章列表使用无序列表。不要使用表格。4. 所有文件命名要用英文，不能使用汉语拼音。5. 文件夹统一使用：Images 存放图片。Javascript 存放脚本。Style 存放样式。Flash 存放动画。6. 图片命名：背景图片：Bj_图片名，网页图片：Pic_图片名。图片格式：.gif, .jpg。页面要求1. 文章列表使用无序列表时其代码形式参考如下： 这是网站栏目的文章的标题2010-08-03 这是网站栏目的文章的标题2010-08-03 2. 图

3、片列表使用无序列表时其代码形式参考如下： 图片栏目文章的标题3. 下图所示的形式可以使用一次表格，且表格只能针对单个人使用：          第三部分 功能点介绍功能点介绍1新闻发布系统首页2新闻列表页3新闻内容页4新闻搜索页5新闻发布后台管理登录新闻发布后台管理系统的图片，没有制作。借用京博书画网的后台管理系统，框架一样。界面功能点功能点要求登录点击进入主页面，见页面6。6新闻发布后台管理主页面界面功能点功能点要求管理中心点击管理中心，显示类别管理和新闻管理小菜单。正常情况下不显示小菜单。类别管理点击类别管理，右边内容框里显示类别列表，页面

4、见功能7新闻管理点击新闻管理，右边内容框里显示新闻列表，页面见功能10退出返回登录页主页右边内容框里，显示主页时间显示显示年月日和星期，分隔栏点击以后，隐藏菜单栏。分隔栏收缩值左边。再点击以后，显示菜单栏，分隔栏显示在正常值为。7新闻发布后台管理类别管理界面功能点功能点要求添加类别鼠标移动上以后呈橙红色，点击以后链接到类别添加页，见功能8修改链接到类别修改页，见功能98新闻发布后台管理类别添加界面功能点功能点要求取消返回类别列表页，见功能79新闻发布后台管理类别修改界面功能点功能点要求取消返回类别列表页，见功能710新闻发布后台管理新闻管理界面功能点功能点要求添加新闻鼠标移动上以后呈橙红色，点

5、击以后链接到新闻添加页，见功能11修改链接到新闻修改页，见功能1211新闻发布后台管理新闻添加界面功能点功能点要求取消返回新闻列表页，见功能1012新闻发布后台管理新闻修改界面功能点功能点要求取消返回新闻列表页，见功能10第四部分 考核评价点 验收标准1. 分别使用IE6、IE7、IE8和Firefox浏览器在电脑分辨为1024768和12801024的设置下做浏览时，页面在浏览器中居中显示且同分辨率下的效果相同。2. 网站静态代码整齐简练，使用的成对标签全部闭合，不要出现多于的层嵌套；网站样式有单独的样式文件，每个样式或者层内部样式尽量出现少的重复。3. 各个文件必须能够完全按照网站初步标准规定的位置存放。4.