《网站建设项目教程61课件》由会员分享，可在线阅读，更多相关《网站建设项目教程61课件（9页珍藏版）》请在金锄头文库上搜索。
1、任务6.1 新闻信息显示页面的设计,学习目标： 利用前面已经学习过的方法，设计 网站最核心的内容新闻信息的显示。,一、复习引入：,1、网站的每个功能一般分为哪几个部分？,二、规划新闻信息前台部分：,1、所需网页：学校新闻news.asp、学校概况xxgk.asp、 校园生活xysh.asp、招生就业zsjy.asp和信息显示xx_view.asp， 另外还要对首页index.asp中有关内容进行编辑处理。,2、确定网页链接关系：,3、用“前台.asp”另存为news.asp、xxgk.asp、xysh.asp、 zsjy.asp和xx_view.asp。,4、浏览数据表article中的，注意
2、栏目字段的值。,2、浏览新闻信息有关网页。,三、学校新闻news.asp的编辑：,1、打开news.asp，将标题改为“学校新闻”。,3、绑定保存新闻的数据表记录集ns，关键是设置好筛 选：栏目=输入的值“学校新闻”，按日期降序排序。,4、编辑好表格。输入必要的文字提示信息，插入记录 集中的字段到表格中，设置好重复区域，添加记录集导航条 和导航状态。,四、学校概况xxgk.asp的编辑：,1、打开xxgk.asp，将标题改为“学校概况”。,2、在网页主体中插入一个3行3列的表，将第三行合并 为一个单元格。,2、在网页主体中插入一个3行3列的表，将第三行合并 为一个单元格。,3、绑定保存学校概况
3、的数据表记录集gk，关键是设置好筛选：栏目=输入的值“学校概况”，按日期降序排序。,五、校园生活xysh.asp的编辑：,1、打开xysh.asp，将标题改为“校园生活”。,2、在网页主体中插入一个3行3列的表，将第三行合并为一个单元格。,3、绑定保存校园生活的数据表记录集sh，关键是设置好筛选：栏目=输入的值“校园生活”，按日期降序排序。,4、编辑好表格。输入必要的文字提示信息，插入记录集中的字段到表格中，设置好重复区域，添加记录集导航条和导航状态。,4、编辑好表格。输入必要的文字提示信息，插入记录集中的字段到表格中，设置好重复区域，添加记录集导航条和导航状态。,六、招生就业zsjy.asp
4、的编辑：,1、打开zsjy.asp，将标题改为“招生就业”。,3、绑定保存招生就业的数据表记录集zj，关键是设置好 筛选：栏目=输入的值“招生就业”，按日期降序排序。,4、编辑好表格。输入必要的文字提示信息，插入记录 集中的字段到表格中，设置好重复区域，添加记录集导航条 和导航状态。,七、信息显示xx_view.asp的编辑：,1、在以上的四个网页中都对记录集字段“标题”创建 “转到详细页面”的带参数的超链接。如果它们的参数都取 同一个变量“xxbh”，那么它们的目标页可以用同一个页面来 担当，它就是信息显示xx_view.asp。,2、在网页主体中插入一个3行3列的表，将第三行合并 为一个单
5、元格。,2、打开xx_view.asp，将标题改为“信息显示”。,4、绑定保存信息的数据表记录集xw，关键是设置好筛选：序号=URL参数“xxbh”。,5、编辑好表格。输入必要的文字提示信息，插入记录集中的字段到表格中，设置好字体格式与对齐方式。,八、对首页index.asp中有关的内容进行编辑处理：,1、设置好网站导航栏。 新闻信息是本网站的主要内容，所以，在导航栏中也占了绝对多的空间(在6个中占了4个)。在网页中依次输入4个词语：学校概况、学校新闻、招生就业和校园生活。再给它们依次建立一般超链接：学校概况xxgk.asp、学校新闻news.asp、招生就业zsjy.asp，校园生活xysh
6、.asp。 另：成绩查询cj_search.asp。,3、在网页主体中插入一个3行3列的表，将第一、三行分别合并为一个单元格。,2、编辑最新信息标题提示显示区域。,在主体中间位置插入2行1列的表格，用来显示新闻信息提示标题。,绑定最新信息表记录集xx。,在第步中所建的表的第一行中插入1行3列的表来显示本区域的提示性标题，为右边的文字“更多”建立一般超链接，链接到网页news.asp。,在步中所建的表的第二行中插入1行3列的表，依次插入：一个小图片、记录集xx中的字段xx.栏目、xx.标题、 xx.日期。,为记录集字段xx.标题建立“转到详细页面”超链接，这里的参数还设置为“xxbh”，目标页还
7、是“xx_view.asp”。,为如图6-21所示的行添加“重复区域”服务器行为。,九、小结：,十、作业：,设计一些网页，使它们中的多个网页的链接目标都指向 一个页面。,这节内容较多，但大多方法是学习过的。因此，没有什 么难点。但有一个技巧，希望能好好把握：四个栏目的文章 标题提示页的链接目标和“最新信息”区域中文章标题的链 接目标都指向同一个页面，并且，所带的参数也是同一个变 量所传递的，这就使得目标网页少了四个。注意学习类似方 法减少网页数量。,实习22：设计制作新闻信息的 显示页面,一、设计制作学校新闻网页news.asp。 二、设计制作学校概况网页xxgk.asp。 三、设计制作招生就业网页zsjy.asp。 四、设计制作信息显示网页xx_view.asp。 五、设计制作首页index.asp中有关内容。,
