第08章 Dreamweaver综合网页设计.pptVIP

第8章 Dreamweaver综合网页设计 主要内容 以“信息发布与浏览系统设计”为实例，详细介绍动态网站中一组网页的规划设计过程。 网页规划设计 数据库规划设计 信息发布系统的设计 信息浏览系统的设计 信息专区主页的设计 教学目标 学会小型网站的规划设计方法，能够设计小型网站的系列网页。 熟练应用页面布局技术及CSS样式表技术。 8.1 网页规划设计 网页规划是网页设计的第一个步骤，作为站点的一组系列网页，规划设计的主要内容有两项，即站点的逻辑结构的规划设计和网页的页面结构及功能的规划设计。 8.1.1 站点的逻辑结构 8.1.2 页面结构及功能设计 8.1.1 站点的逻辑结构 8.1.2 页面结构及功能设计 1．信息管理员登录网页fbdl.asp 信息管理员在发布信息前首先登录该页，该网页提供登录用户身份识别功能，确认了登录用户的信息管理员身份之后，将自动转到发布信息的网页fbxx.asp。 8.1.2 页面结构及功能设计 2．发布信息网页fbxx.asp 信息管理员经过登录网页进入该网页，信息管理员在该网页输入要发布的信息，并提交到网站数据库。 8.1.2 页面结构及功能设计 3．会员浏览信息登录网页lldl.asp 会员在浏览信息前首先登录该页，成功登录之后，自动转到浏览信息目录的网页xxml.asp。 8.1.2 页面结构及功能设计 4．浏览信息目录的网页xxml.asp 该网页是已发布的信息的目录页，显示信息的链接目录，选择一个链接目录后将打开浏览信息内容的网页xxnr.asp。 8.1.2 页面结构及功能设计 5．显示信息内容的网页xxnr.asp 该网页显示信息的具体内容，并提供到“发表建议”网页链接，单击该链接将打开“发表建议”网页fbjy.asp。 8.1.2 页面结构及功能设计 6．“发表建议”网页fbjy.asp 会员在xxnr.asp网页阅读信息时，单击“我要发表建议”链接后即打开该网页。会员在该网页发表建议，并提交到网站服务器。 8.1.2 页面结构及功能设计 7．信息主页xxzy.html 该网页是“春雨秋枫网站信息专区”的主页，主要提供各信息子系统的链接。页面右上角是系统的实时日期。 8.2 数据库规划设计 本系统继续使用culb.mdb数据库，在数据库中新建news、speak和manager三个数据表，其中，news表用于存储发布的信息， speak表用于存储会员发表的建议，manager表用于存储信息管理员的注册数据。会员的注册信息仍然使用password表。 8.3 信息发布系统的设计 8.3.1 管理员登录网页的设计 8.3.2 发布信息网页的设计 8.3.1 管理员登录网页的设计 管理员登录网页是信息发布系统的第一个网页，该网页使用club.mdb数据库的manager表进行用户身份验证。 设计规划 （1）信息管理员登录网页fbdl.asp的核心构造块有两个: 用于输入数据的HTML表单 “登录用户”服务器行为 （2）manager表共有3个字段: 管理员编号 glybh 管理员姓名glyxm 管理员登录密码dlmm 进行身份验证时只使用glybh和dlmm两个字段 （3）非法登录时重定向到网页fail.html。 设计与操作过程 8.3.1 管理员登录网页的设计 设计与操作过程 1．新建fbdl.asp文档，按如图9-14所示设计页面格式。 2．添加“登录用户”服务器行为。 注意： 添加“登录用户”服务器行为后，“绑定”面板中就会发现一个Session（会话）控件，展开之后显示MM_Username变量，该变量将在发布信息网页fbxx.asp中使用。 8.3.2 发布信息网页的设计 设计规划 （1）发布信息网页fbxx.asp的核心构造块有三个，即：用于输入数据的HTML表单、记录集和“插入记录服务器行为”。 （2）news表共有5个字段，分别是xxbh（信息编号）、xxbt（信息标题）、xxnr（信息内容）、fbr（发布人）、fbsj（发布时间），记录集中只选用前4个字段，fbsj字段的值在插入记录时由数据库系统自动填写。 （3）本页中的“发布人”要使用信息员登录网页中的登录用户名信息 8.3.2 发布信息网页的设计 设计与操作过程 1．新建fbxx.asp文档，使用表格进行页面布局，在单元格中插入表单对象，并对页面元素进行格式设置。 2．在“发布人”文本域中添加发布人信息，并设置为“只读”格式。 3．创建记录集。 4．添加“插入记录”服务器行为。 5．添加“限制对页的访问”服务器行为，使得在manager表之外的用户不能登录信息发布网页。 6．保存所有文件，进行网页测试。 8.4 信息浏览系统的设计 信息浏览系统