- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
-
页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
-
对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 测试、预览和发布网站
- 疑难解答
用户界面已经在 Dreamweaver 和更高版本中做了简化。因此,您可能在 Dreamweaver 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章。
关于登录页
Web 应用程序可以包含让注册用户登录站点的页。
登录页由以下构造块组成:
注册用户的数据库表
使用户可以输入用户名和密码的 HTML 表单
确保输入的用户名和密码有效的“登录用户”服务器行为
当用户成功登录时,将为该用户创建一个包含其用户名的会话变量。
创建注册用户的数据库表格
您需要使用注册用户的数据库表格来验证在登录页中输入的用户名和密码是否有效。
-
请使用数据库应用程序和注册页创建该表格。有关说明,请参见下面的相关主题链接。
生成登录页的下一步是将一个 HTML 表单添加到页面,以便用户可以登录。有关说明请参见下一个主题。
添加使用户可以登录的 HTML 表单
您可以在页上添加一个 HTML 表单,以使用户可以通过输入用户名和密码来进行登录。
-
创建一个页面(“文件”>“新建”>“空白页”),并使用 Dreamweaver 设计工具设计登录页的布局。
-
将插入点放置在希望表单出现的位置,然后从“插入”菜单中选择“表单”,这样就可以添加一个 HTML 表单。
将在页面上创建一个空表单。您可能需要启用“不可见元素”(“查看”>“可视化助理”>“不可见元素”)来查看表单的边界,边界用红色细线表示。
-
为 HTML 表单命名,方法是单击“文档”窗口底部的 <form> 标签以选择表单,打开属性检查器(“窗口”>“属性”),然后在“表单名称”框中输入一个名称。
您不必为表单指定 action 或 method 属性来指示当用户单击“提交”按钮时表单向何处及如何发送记录数据。登录用户服务器行为会为您设置这些属性。
-
在该表单上添加一个用户名和一个密码文本字段(“插入”>“表单”>“文本域”)。
在每个文本字段旁边添加标签(以文本或图像的形式),然后将这些文本字段放入 HTML 表格并将表格的 border 属性设置为 0,以排列这些文本字段。
-
在表单上添加一个“提交”按钮(“插入”>“表单”>“按钮”)。
可以通过以下方法更改“提交”按钮的标签文字:选择该按钮,打开属性检查器(“窗口”>“属性”),并在“标签文字”框中输入一个新值。
生成登录页的下一步是添加“登录用户”服务器行为,以验证输入的用户名和密码是否有效。
验证用户名和密码
您必须在登录页中添加“登录用户”服务器行为以确保用户输入的用户名和密码有效。
当用户单击登录页上的“提交”按钮时,“登录用户”服务器行为将对用户输入的值和注册用户的值进行比较。如果这些值匹配,该服务器行为会打开一个页(通常是站点的欢迎屏幕)。如果这些值不匹配,则该服务器行为将会打开另一页(通常是提示用户登录尝试失败的页)。
-
在“服务器行为”面板(“窗口”>“服务器行为”)中,单击加号 (+) 按钮并从弹出菜单中选择“用户身份验证”>“登录用户”。
-
指定访问者在输入用户名和密码时所使用的表单和表单对象。
-
(ColdFusion) 如果可行,请输入您的用户名和密码。
-
指定包含所有注册用户的用户名和密码的数据库表和列。
该服务器行为将对访问者在登录页上输入的用户名及密码和这些列中的值进行比较。
-
指定在登录过程成功时所打开的页。
所指定的页通常是站点的欢迎屏幕。
-
指定在登录过程失败时所打开的页。
所指定的页通常会提示用户登录过程已失败,并且让用户重试。
-
如果要让用户在试图访问受限页后前进到登录页,并且在登录后返回到该受限页,请选择“转到前一 URL”选项。
如果用户未先登录就试图通过打开受限页来访问站点,则受限页可以使该用户前进到登录页。当用户成功登录后,登录页会将该用户重定向到原来使用户前进到登录页的受限页。
注意:当您在这些页上完成“限制对页的访问”服务器行为的对话框后,请确保在“如果访问被拒绝,则转到”框中指定登录页。
-
指定是仅根据用户名和密码还是同时根据授权级别来授予对该页的访问权,并单击“确定”。
将向登录页添加服务器行为以确保访问者输入的用户名和密码是有效的。