java课程设计《新闻发布系统》用户界面设计模板.docx
《java课程设计《新闻发布系统》用户界面设计模板.docx》由会员分享,可在线阅读,更多相关《java课程设计《新闻发布系统》用户界面设计模板.docx(14页珍藏版)》请在冰豆网上搜索。
![java课程设计《新闻发布系统》用户界面设计模板.docx](https://file1.bdocx.com/fileroot1/2023-6/21/e1ee4f4a-8fa6-49bc-888f-9fc1f0cf9d20/e1ee4f4a-8fa6-49bc-888f-9fc1f0cf9d201.gif)
java课程设计《新闻发布系统》用户界面设计模板
新闻发布系统系统
第一部分案例描述
案例目的
使用HTML和CSS样式表构建小型网站,熟悉网站的静态页面的制作。
案例难度
★★★
案例覆盖技能点
a)html基本元素
b)Css样式表
c)JavaScript编程基础
推荐案例完成时间
10天
适用课程和对象
无
对象前置知识:
无
第二部分需求和开发环境
案例需求
把数据库中新闻信息,通过组织,合理有序地呈现在客户面前。
使用技术和开发环境
Dreamweaver、UltraEdit等均可。
建议使用UltraEdit。
设计网站的标准
1.所设计和制作的网站为中小型门户网站,编辑好的网站页面必须能够满足兼容IE6、IE7、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.下图所示的形式可以使用一次表格,且表格只能针对单个人使用:
第三部分功能点介绍
功能点介绍
1新闻发布系统首页
2新闻列表页
3新闻内容页
4新闻搜索页
5新闻发布后台管理——登录
新闻发布后台管理系统的图片,没有制作。
借用京博书画网的后台管理系统,框架一样。
界面功能点
功能点要求
登录
点击进入主页面,见页面6。
6新闻发布后台管理——主页面
界面功能点
功能点要求
管理中心
点击管理中心,显示类别管理和新闻管理小菜单。
正常情况下不显示小菜单。
类别管理
点击类别管理,右边内容框里显示类别列表,页面见功能7
新闻管理
点击新闻管理,右边内容框里显示新闻列表,页面见功能10
退出
返回登录页
主页
右边内容框里,显示主页
时间显示
显示年月日和星期,
分隔栏
点击以后,隐藏菜单栏。
分隔栏收缩值左边。
再点击以后,显示菜单栏,分隔栏显示在正常值为。
7新闻发布后台管理——类别管理
界面功能点
功能点要求
添加类别
鼠标移动上以后呈橙红色,点击以后链接到类别添加页,见功能8
修改
链接到类别修改页,见功能9
8新闻发布后台管理——类别添加
界面功能点
功能点要求
取消
返回类别列表页,见功能7
9新闻发布后台管理——类别修改
界面功能点
功能点要求
取消
返回类别列表页,见功能7
10新闻发布后台管理——新闻管理
界面功能点
功能点要求
添加新闻
鼠标移动上以后呈橙红色,点击以后链接到新闻添加页,见功能11
修改
链接到新闻修改页,见功能12
11新闻发布后台管理——新闻添加
界面功能点
功能点要求
取消
返回新闻列表页,见功能10
12新闻发布后台管理——新闻修改
界面功能点
功能点要求
取消
返回新闻列表页,见功能10
第四部分考核评价点
验收标准
1.分别使用IE6、IE7、IE8和Firefox浏览器在电脑分辨为1024×768和1280×1024的设置下做浏览时,页面在浏览器中居中显示且同分辨率下的效果相同。
2.网站静态代码整齐简练,使用的成对标签全部闭合,不要出现多于的层嵌套;网站样式有单独的样式文件,每个样式或者层内部样式尽量出现少的重复。
3.各个文件必须能够完全按照网站初步标准规定的位置存放。
4.