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