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

新闻发布系统系统 第一部分 案例描述 案例目的 使用HTML和CSS样式表构建小型网站，熟悉网站的静态页面的制作。 案例难度 ★★★ 案例覆盖技能点 html基本元素 Css样式表 JavaScript编程基础 推荐案例完成时间 10天 适用课程和对象 无 对象前置知识：无 第二部分 需求和开发环境 案例需求 把数据库中新闻信息，通过组织合理有序地呈现在面前Dreamweaver、UltraEdit等均可。建议使用UltraEdit。 设计网站的标准 所设计和制作的网站为中小型门户网站，编辑好的网站页面必须能够满足兼容IE6、IE7、IE8和Firefox浏览器。 网站中的栏目标题需满足自动生成和替换功能。 所编辑的静态网站必须全部使用DIV+css布局，内部文章列表使用无序列表。不要使用表格。 所有文件命名要用英文，不能使用汉语拼音。 文件夹统一使用：Images 存放图片。Javascript 存放脚本。Style 存放样式。Flash 存放动画。 图片命名：背景图片：Bj_图片名，网页图片：Pic_图片名。图片格式：.gif, .jpg。 页面要求 文章列表使用无序列表时其代码形式参考如下： ul lispan class=titlea href=/contents/25/261.html这是网站栏目的文章的标题/a/span span class=date2010-08-03/span/li lispan class=titlea href=/contents/25/261.html这是网站栏目的文章的标题/a/span span class=date2010-08-03/span/li /ul 图片列表使用无序列表时其代码形式参考如下： ul lia href=/contents/25/261.htmlimg src=/upload/2010/8/314144319.jpg border=0 //a span class=lbta href=/contents/25/261.html图片栏目文章的标题/a/span/li /ul 下图所示的形式可以使用一次表格，且表格只能针对单个人使用： ulli table trtd rowspan=4nbsp;/td tdnbsp;/td /tr tr tdnbsp;/td/tr tr tdnbsp;/td /tr tr tdnbsp;/td/tr /table /li/ul 第三部分 功能点介绍 功能点介绍 1新闻发布系统首页 2新闻列表页 3新闻内容页 4新闻搜索页 5新闻发布后台管理——登录 新闻发布后台管理系统的图片，没有制作。借用京博书画网的后台管理系统，框架一样。 界面功能点 功能点要求 登录 点击进入主页面，见页面6。 6新闻发布后台管理——主页面 界面功能点 功能点要求 管理中心 点击管理中心，显示类别管理和新闻管理小菜单。正常情况下不显示小菜单。 类别管理 点击类别管理，右边内容框里显示类别列表，页面见功能7 新闻管理 点击新闻管理，右边内容框里显示新闻列表，页面见功能10 退出 返回登录页 主页 右边内容框里，显示主页 时间显示 显示年月日和星期， 分隔栏 点击以后，隐藏菜单栏。分隔栏收缩值左边。再点击以后，显示菜单栏，分隔栏显示在正常值为。 7新闻发布后台管理——类别管理 界面功能点 功能点要求 添加类别 鼠标移动上以后呈橙红色，点击以后链接到类别添加页，见功能8 修改 链接到类别修改页，见功能9 8新闻发布后台管理——类别添加 界面功能点 功能点要求 取消 返回类别列表页，见功能7 9新闻发布后台管理——类别修改 界面功能点 功能点要求 取消 返回类别列表页，见功能7 10新闻发布后台管理——新闻管理 界面功能点 功能点要求 添加新闻 鼠标移动上以后呈橙红色，点击以后链接到新闻添加页，见功能11 修改 链接到新闻修改页，见功能12 11新闻发布后台管理——新闻添加 界面功能点 功能点要求 取消 返回新闻列表页，见功能10 12新闻发布后台管理——新闻修改 界面功能点 功能点要求 取消 返回新闻列表页，见功能10 第四部分 考核评价点 验收标准 分别使用IE6、IE7、IE8和Firefox浏览器在电脑分辨为1024×768和1280×1024的设置下做浏览时，页面在浏览器中居中显示且同分辨率下的效果相同。 网站静态代码整齐简练，使用的成对标签全部闭合，不要出现多于的层嵌套；网站样式有单独的样式文件，每个样式或者层内部样式尽量出现少的重复。 各个文件必须能够完全按照网站初步标准