第五章：制作新闻系统的整体页面框架
- 2022-02-02
- 来源/作者： adobe-dreamweaver.cn / adobe-dr…
- 2 次浏览
讲简略讲解一下新闻系统的框架页面的制作和各个页面所要负担的功能，并且提供新闻系统原始素材页面和站点文件下载。
知识重点：学习S规划开发流程。
相关下载：新闻系统教程所需页面素材以及站点文件下载
index.asp 新闻系统主页
news-class.asp 新闻栏目列表页
news-show.asp 新闻内容页
后台页面
login.asp 管理员登陆页面
admin-index.asp 后台管理主页
news-add.asp 添加新闻
news-edit.asp 编辑新闻
news-delete.asp 删除新闻
news-class-add.asp 添加栏目
news-class-edit.asp 编辑栏目
news-class-delete.asp 删除栏目
知识重点：学习S规划开发流程。
相关下载：新闻系统教程所需页面素材以及站点文件下载
上一章我们讲解了一下一个新闻系统的科学开发流程。我们在流程中也讲到要做好一个系统必须先做好规划。今天这一章，我们就主要是做好本系列教程所需要用到的页面文件。
首先，我们要根据第一章我们规划好的结构来建立和制作好相应的页面。
结构如下：
前台页面
index.asp 新闻系统主页
news-class.asp 新闻栏目列表页
news-show.asp 新闻内容页
后台页面
login.asp 管理员登陆页面
admin-index.asp 后台管理主页
news-add.asp 添加新闻
news-edit.asp 编辑新闻
news-delete.asp 删除新闻
news-class-add.asp 添加栏目
news-class-edit.asp 编辑栏目
news-class-delete.asp 删除栏目
这里为了节约广大学习者的时间，我已经讲这些页面全部制作好了空白源页面。页面同样使用XHTML+CSS2.0构建。至于前台页面制作的技巧和注意事项，大家可以打开我的这些文件研究里面的源代码。因为代码结构相对简单，相信大家已经很容易理解和消化这些静态页面制作的技巧和知识。
下面是站点页面素材文件的一些截图。大家可以粗略看一下。
需要注意的是，大家打开源代码后会看到有些页面添加了下面这样的代码：
<meta name="Keywords" content="Dreamweaver CS3,新闻系统" />
<meta name="Description" content="本程序是Adobe Dreamweaver CS3 中文技术交流中心新闻系统教程专用素材，开源免费提供给爱好者学习。" />
或者
<meta name="Keywords" content="关键字" />
<meta name="Description" content="描述" />
好了这一章我们就讲到这里，下一章我们开始讲解后台系统的制作。
这些代码就是对SEO来说非常关进的关键词和描述标签，这些具体的应用和制作，我们会在后面几章讲到。在这一章大家只要知道有这两个标签就可以了。
