第13章 Dreamweaver CS6动态网页设计基础
Dreamweaver CS6网页设计与制作教学教案

《Dreamweaver CS6网页设计与制作标准教程》教学教案掌握互联网基础和网站建设基本流程。
掌握网站建设基础和网页设计基础。
掌握网页的制作常用软件和标准技术。
熟练掌握网站建设的基本流程。
熟练掌握网页设计基础知识。
软件的应用和标准技术。
掌握软件的工作界面和创建网站框架。
掌握管理站点文件和文件夹的方法。
掌握管理站点和网页文件头设置。
熟练掌握Dreamweaver CS6工作界面的基本操作。
熟练掌握Dreamweaver CS6的站点。
在Dreamweaver CS6中站点的建立及编辑。
第3讲掌握输入文本和设置文本属性的方法。
掌握项目符号和编号列表的创建方法。
掌握水平线、网格与标尺的使用方法。
熟练掌握文本的多种创建方法和编辑技巧。
熟练掌握项目符号、编号列表和水平线的使用方法。
能够正确输入文本并编辑相关属性。
3.1.14 设置文本样式3.1.15 段落文本3.2 项目符号和编号列表3.2.1 课堂案例——电器城网店3.2.2 设置项目符号或编号3.2.3 修改项目符号或编号3.2.4 设置文本缩进格式3.2.5 插入日期3.2.6 特殊字符3.2.7 插入换行符3.3 水平线、网格与标尺3.3.1 课堂案例——摄影艺术网页3.3.2 水平线3.3.3 显示和隐藏网格3.3.4 标尺3.4 课堂练习——有机果蔬网页3.5 课后习题——休闲旅游网页小结1、熟练掌握文本的使用方法和技巧。
2、了解并掌握项目符号和编辑列表的使用方法和技巧。
作业第4讲熟练掌握图像的插入方法。
掌握多媒体在网页中的应用。
熟练掌握图像的格式与模式。
熟练掌握Flash文件的插入与设置。
能够正确使用图像和图像的属性设置、Flash文件的格式及设置属性。
4.4 课后习题——房源网页小结1、熟练掌握图像的格式与插入方法和使用技巧。
2、掌握Flash动画的插入和属性的设置。
作业第5讲了解超链接的概念与路径知识。
掌握文本、图像超链接的创建方法。
《网页设计与制作Dreamweaver-CS6》电子教案

XXX中等职业学校教案
适用年级: XXX
课程名称:网页设计与制作 Dreamweaver CS6
任课教师: XXX
XXXX学校计算机专业组制
第1-4课时讲授2学时实践2学时
第5-10课时讲授2学时实践4学时
第11-16课时讲授2学时实践4学时
第16-21课时讲授2学时实践4学时
第22--27课时讲授2学时实践4学时
第28-37课时讲授4学时实践6学时
第38--41课时讲授2学时实践2学时
第41--50课时讲授4学时实践6学时
第51--56课时讲授2学时实践4学时
第57--60课时讲授2学时实践2学时
第61--68课时讲授4学时实践4学时
第69--74课时讲授2学时实践4学时
第75--80课时讲授2学时实践4学时
第81--90课时讲授4学时实践6学时
第91--94课时讲授2学时实践2学时。
Dreamweaver CS6网页设计与制作标准教程 (13)

13.2.1 婚戒网页
使用“打开浏览器窗口”命令,制作在网页中显示指定大小
的弹出窗口。
效果图
13.2.2 调用 JavaScript
“调用 JavaScript”动作的功能是当发生某个事件时选择自 定义函数或 JavaScript代码行。
13.2.3 打开浏览器窗口
使用“打开浏览器窗口”动作在一个新的窗口中打开指定的 URL,还可以指定新窗口的属性、特征和名称。
效果图
13.4 课后习题——美味蛋糕网页
使用“设置状态栏文本”命令,设置在加载网页文档时在状 态栏中显示的文字。
效果图
“检查插件”对话框
13.2.7 检查表单
“检查表单”动作的功能是检查指定文本域的内容以确保用
户输入了正确的数据类型。若使用 onBlur 事件将“检查表单”动 作分别附加到各文本域,则在用户填写表单时对域进行检查。若使
用 onSubmit 事件将“检查表单”动作附加到表单,则在用户单
击“提交”按钮时,同时对多个文本域进行检查。将“检查表单” 动作附加到表单,能防止将表单中任何指定文本域内的无效数据提 交到服务器。
13.2.14 设置状态栏文本
“设置状态栏文本”动作的功能是设置在浏览器窗口底部左 侧的状态栏中显示的消息。访问者常常会忽略或注意不到状态栏中 的消息,如果消息非常重要,还是考虑将其显示为弹出式消息或层 文本。可以在文本中嵌入任何有效的 JavaScript 函数调用、属性、 全局变量或其他表达式。若要嵌入一个 JavaScript 表达式,需将
“设置容器的文本”对话框
13.2.12 设置文本域文字
“设置文本域文字”动作的功能是用指定的内容替换表单文 本域的内容。可以在文本中嵌入任何有效的 JavaScript 函数调用、 属性、全局变量或其他表达式。若要嵌入一个 JavaScript 表达式, 将其放置在大括号 ({}) 中。若要显示大括号,在它前面加一个反斜 杠(\{}) 。
Dreamweaver CS6入门课件

时代码”视图显示浏览器用于执行该页面的实际代码,当
在“实时”视图中与该页面进行交互时,它可以动态变化。 第 3
“实时代码”视图不可编辑。
页
1 DREAMWEAVER的工作界面
精
多屏幕:借助“多屏幕预览”面板,为智能手机、平板电脑和 台式机进行设计。使用媒体查询支持,为各种不同设备设计样式 并将呈现内容可视化。(查看页面,就如同页面在不同尺寸的 屏幕中显示。)
“文件”等面板独立显示,适合对网页的调试和修改。
第 10
页
精
2 站点的搭建与管理
Dreamweaver的站点是一种管理网站中所有相关联 文件的工具。通过站点可以对网站的相关页面及各 类素材进行统一管理,还可以以使用站点管理实现 将文件上传到网页服务器,测试网站。
站点简单的说就是一个文件夹。在这个文件夹里包 含了网站中所有用到的文件。我们通过这个文件夹 (站点),对我们的网站进行管理,有次序,一目 了然。
这些面板集中了网页编辑和站点管理中常用的工具 按钮。这些面板被集中到面板组中,每个面板都可 以展开或折叠,并且可以和其他面板一起或取消停 靠。
第6 页
精
1 DREAMWEAVER的工作界面
第7 页
1 DREAMWEAVER的工作界面
文件面板:
精
没有创建站点的状态
创建站点哟后的状态
第8 页
第 11 页
2.1 创建本地站点
精
在制作页面之前,首先要在Dreamweaver中创建站点。 一开始只需制作本地站点,这个位于本地硬盘中的文件夹 被当成一个远程站点的镜像,完成本地站点的制作后,即 可将本地站点上传至远端服务器,作为远程站点。
的不同视图之间快速切换。工具栏中还包含一些与 查看文档、在本地和远程站点间传输文档有关的常 用命令和选项。
第13章 Dreamweaver CS6动态网页设计基础..

13.3.1
了解DSN
DSN(Data Source Name,数据源名称),表 示将应用程序和某个数据库建立连接的信息集合。
13.3.2
定义系统DSN
数据库建立好以后,需要设定系统的DSN(数据 源名称)来确定数据库所在的位置以及数据库相 关的属性。
13.3.3
建立系统DSN连接
数据源建立以后,接下来要定义这个网站使用的 数据库连接。只有如此,这个网站才能通过数据 库连接来存取数据库里的信息。
入
留言系统
发布留言页面
留言列表页面
显示留言页面
13.6.1
创建数据库
在制作具体网站功能页面前,首先做一个最重要 的工作,就是创建数据库表,用来存放留言信息 所用。
13.6.2
HTML文本是由HTML标签组成的描述性文本, HTML标签可以说明文字、图形、动画、声音、表 格、链接等。HTML的结构包括头部(Head)、主 体(Body)两大部分,其中头部描述浏览器所需的 信息,而主体则包含所要说明的具体内容。
HTML是HyperText Markup Language的缩写, 即超文本标记语言,这是创建网页的脚本语言,它 提供了精简而有力的文件定义,可以设计出多姿多 彩的超媒体文件,通过HTTP(Hyper Text Transfer Protocol)通信协议,使得HTML文件可 以在全球互联网(World Wide Web)上进行跨平 台的文件交换。
13.5.5
转到相关页面
可以建立一个链接打开另一个页面而不是它的子 页面,并且传递信息到该页面,这种页面与页面 之间进行参数传递的两个页面,称为相关页。
13.5.6
dreamweavercs6教案

dreamweavercs6教案一、网页设计基础与制作流程在网络高速发展的今天,网站已经成为一个自我展示和宣传的平台,一个网站是由多个相关联的网页构成的。
一般网页上都会有文本和图像信息,复杂一些的网页上还会有声音、视频、动画、多媒体。
要制作出精美的网页,不仅需要能够熟练的使用软件,还需要掌握一些网页制作的相关知识。
现在我们常用的浏览器有IE,火狐,欧朋,谷歌,搜狗,360,遨游,百度浏览器,hao123浏览器,腾讯TT。
这些国产的浏览器大部分是以IE为内核的。
因为浏览器的内核不同,所以同样的代码在浏览器上的显示可能不一样。
如果制作页面的话,我建议用火狐或者IE。
二、Dreamweaver简介Dreamweaver CS是一款由Adobe公司大力开发的专业HTML编辑器,用于对WEB站点,WEB页面和WEB应用程序进行设计、编码和开发。
利用Dreamweaver中的可视化编辑功能,用户可以快速创建页面而无须编写任何代码。
三、表格的基本应用表格是页面的重要元素,在DIV+CSS布局方式被广泛运用之前,表格布局在很长一段时间中都是最重要的页面布局方式。
在使用DIV+CSS布局中,也并不是完全不可以使用表格,而是将表格回归他本身的作用,用于显示表格式数据。
现在在一些的系统中,无论是后台使用java或是c#做的,在页面显示数据大部分使用到表格。
这里的表格就类似于Excel表格,并且在项目中,通常可以使用表格导出Excel表或者是实现导入Excel表,这样在办公方面增加了用户体验。
插入表格及设置表格属性1、单击“插入”面板的“表格”按钮,弹出“表格”对话框,在该表格对话框中可以设置表格的行数、列数、表格的宽度、单元格间距、单元格边距、边框粗细等选项。
表格宽度:该选项用于设置表格的宽度,“宽度”的单位可以通过右边的下拉列表选择。
如果以百分比定义的表格,会随着浏览器窗口大小的改变而改变。
单元格边距:用于设置插入的表格中单元格内容和单元格之间的边框数。
Dreamweaver网页制作课件教案13章 动态网页基础

成功安装IIS之后,Web站点默认的主目录是:系统安装盘符:\inetpub\wwwroot。用户 也可以将主目录设置为本地计算机上的其他目录,还可以设置为局域网上其他计算机的目录, 或者重定向到其他网址。只需在“连接到资源时的内容来源”区域选中需要的内容来源,然
注意:虚拟目录的别名不区分大小写,并且应唯一。
设置文件夹的共享属性
在资源管理器中,在要设置为虚拟目录的文件夹上单击鼠标右健,从弹出的快捷 菜单中选择“属性”命令,打开“Web共享”选项卡。
13.5 制作动态网页的步骤
新建一个动态页面,并使用Dreamweaver提供的设计工具创建页面的框架和 布局。
13.7 定义数据源
在一个站点中可能不止一个数据库。一个数据库中又往往包含多个结构不同的数 据表。因此,将动态内容添加到页面中之前,必须定义一个数据源来提供动态内容。
数据源可以是记录集中的一个域,表单的提交值,或者是类似会话变量或应用程 序变量的服务器对象。
定义记录集 定义变量 ➢ 定义请求变量 ➢ 定义阶段变量 ➢ 定义应用程序变量
13.8 绑定动态数据
打开“绑定”面板,选中记录集中需要的字段,并拖入文档相应位置;或单 击绑定窗口右下角的“插入”按钮。
13.9 设置实时视图
Dreamweaver的实时数据编辑环境能够让网页设计人员在编辑环境中实时预 览可编辑数据的Web应用,这样可以有效地提高工作效率,减少重复劳动。 1.在Dreamweaver的文档窗口顶部空白区域单击鼠标右键,在弹出的快捷菜单中 选择“浏览器导航”命令,在文档窗口顶部显示浏览器导航栏,如图所示。
DREAMweaverCS6网页设计考点

选择题要点1 网页三剑客和新网页三剑客旧:Flash用来生成矢量动画 Fireworks用来制作Wed图像Dreamweaver用来制作和发布网页新:Dreamweaver Flash Photoshop2 Dreamweaver CS6界面中视图有,哪个只能查看,哪些可以设计?实时视图查看设计拆分代码可以设计3 Dreamweaver CS6的新特性全新的管理站点对话框流体网络布局Csc过渡效果图像优化功能为单个元素应用多个类的csc样式4静态网页的扩展名(HTML)根据内容对交互的方式不同可以将网页分为静态网页和动态网页根据实现方式的不同网页分为客户端动态网页和服务器端动态网页5 HTML和XHTML的中英文全称HTML(Hyper Text Markup Language)超文本标记语言XHTML(Extensible Hyper Text Markup Language )可扩展超文本标记语言6 对齐方式(align)属性包含哪些?Align(水平)left(←)right(→)center(居中)valign(垂直)顶对齐底对齐水平居中垂直居中两端对齐7 常用的哪些是单标记,哪些是双标记<br />单标记< /br >双标记8 网页最基本的元素是文字与图像9 网站设计的基本流程及各个阶段的任务10 Dreamweaver是什么软件用来制作和发布网页的软件11 Http的中英文全称Hyper Text Transfer Protocol 超文本传输协议12 常用标记的含义<hr/><html></html><head></head><title></title><body></bdy><table></ta ble><p></p>13 有序列表和无序列表的标记,及其符号类型有序列表无序列表<OL><UL><li>123</li> 显示文:123 <li>123</li> 显示文:123</OL></UL>有序符号类型:数字1 罗马大写I 罗马小写i字母小写a 字母大写A无序符号类型:实心圆点 disc 实心方框 square空心圆圈 circle14表格的属性有哪些<table>表 <tr>行 <td>列15 表格中的标记有哪些组成表格的基本单位表格是由行和列组成的,行和列又是由单元格组成的。
中文版DreamweaverCS6网页设计教程IT68文库

第1章 Dreamweaver CS6简介Dreamweaver CS6是一款功能强大的可视化的网页编辑与管理软件。
利用它,不仅可以轻松地创建跨平台和跨浏览器的页面,也可以直接创建具有动态效果的网页而不用自己编写源代码。
Dreamweaver CS6 最主要的优势在于能够进行多任务工作,并且在操作方法、界面风格方面更加人性化。
用户可以根据自己的喜好和工作方式,重新排列面板和面板组,自定义工作区。
本章主要容●Dreamweaver CS6的新增功能。
●Dreamweaver CS6的安装、删除和启动。
●Dreamweaver CS6的工作界面。
●Dreamweaver CS6的一般操作。
本章重点●Dreamweaver CS6常用面板的使用方法。
●Dreamweaver CS6的文件操作。
1.1 Dreamweaver CS6概述Dreamweaver CS6 是世界顶级软件厂商Adobe推出的一套拥有可视化编辑界面,用于制作并编辑和移动应用程序的网页设计软件。
在业界通常将Dreamweaver、Flash、Fireworks称为“网页三剑客”。
由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页,因此对于初级人员,无须编写任何代码就能快速创建Web页面。
其成熟的代码编辑工具更适用于Web开发高级人员的创作。
CS6新版本使用了自适应网格版面创建页面,在发布前可使用多屏幕预览审阅设计,大大提高了用户的工作效率,而改善的FTP性能可更高效地传输大型文件。
“实时视图”和“多屏幕预览”面板可呈现HTML5 代码,用户能更方便地检查自己的工作。
1.2 Dreamweaver CS6的新增功能相对于以前的版本,Dreamweaver CS6的功能主要在以下方面进行了增强。
1. 可响应的自适应网格版面使用响应迅速的 CSS 自适应网格版面,可以创建跨平台和跨浏览器的兼容网页设计。
利用简洁、业界标准的代码可为各种不同设备和计算机开发项目,提高工作效率。
网页设计与制作Dreamweaver CS6标准教-ppt课件-01

3. 导航条 导航条是网站设计中最重要的元素之一,即表现了网站 的站点结构和内容分类,又方便了用户对网站的浏览。 4. 图像 Gif用于画面简单、细节信息少的图像,如背景图片,可 以减少图像文件的大小;Jpeg用于画面较为复杂、细部 信息多的图像;PNG用于有透明背景的图像。 一种是独立完整的图像,二是在Firework或Photoshop 中使用切片功能获得的图像。 5. 动画 网页设计中常用的动画有Gif动画和Flash动画。 6. 背景 使用合理能够增强页面的整体创意效果。
1. 结构布局 常用的结构布局方式包括“国”字型、拐角型、 上下框架和左右框架等类型。 2. 艺术布局 常用的平面艺术设计原则有分割、对称和平衡等。 总之,根据内容和栏目编排要求以及客户审美需 求,将各种典型结构灵活运用,将艺术设计原则 融会贯通,锐意创新,创作出结构布局合理,页 面精美的网页。
网页由三部分组成:结构(Structure)、表现 (Presentation)和行为(Behavior),相应 的技术标准由三个部分组成:结构化标准语言, CSS样式表和脚本语言。
1.3.1结构化语言 1.3.2CSS样式 1.3.3脚本语言 1.3.4ASP技术
结构化语言HTML(Hyper Text Markup Language,超文本标记语言) XHTML(eXtensible Hyper Text Markup Language,可扩展的超文本标记语言)是 HTML的升级版本。 超文本标记语言HTML5是将取代HTML4.01标 准和XHTML1.0标准的HTML标准版本。
2. RGB色彩模式和网页安全色 每种色彩都可以用红(R)、绿(G)、蓝(B)3种色彩按一 定的比例调和而成,这3种色彩被称为光的3原色 将在不同操作系统和浏览器中具有一致显示效果的颜 色定义为网络安全色,网络安全色有216种。在网页 设计软件中,任何颜色都有一个六位的十六进制编号, 如#D6D6D6,任何由00、33、66、99、CC或者FF 组合而成的颜色值,都表示一个Web安全色 3. 利用图像配色
1.Dreamweaver CS6 基础知识

H :文档大小和下载时间
I :编码指示器
7. 状态栏参数设置
为状态栏设置参数时,可以执行“编辑→首选参数”命令,打开“首选参数”对话框。在左 边的“分类”列表框中选择“窗口大小”选顷,在右边就会显示出状态栏的相关设置。
1.2 Dபைடு நூலகம்EAMWEAVER CS6 的工作界面
网页创建中的站点管理流程其实就是插入元素(文本、图像戒者 AP 元素等)和修改已插入的元素两个过程的交替迚行。
1.2.1 界面布局
在Windows 系统中的集成Dreamweaver CS6 工作区预设布局不Dreamweaver CS5 的 布局种类相比,除了经典、编码器、编码人员( 高级)、设计器、设计人员(紧凑) 和双重屏幕几种布局模式外,还新增了Business Catalyst、流体布局、移劢应用程序 这三种布局模式。
4. 更新的实时视图
使用更新的“实时视图”功能在収布前测试页面。
5. 更新的多屏幕预览面板
利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所呈现的页面效果
6. CSS 过滤效果
使用新增的“CSS 过渡效果”面板,能使页面元素的发化平滑运劢起来。
7. 多 CSS 类选区
现在可以将多个 CSS 类应用于单个元素。
11. 对 FTP 传递的改迚
Dreamweaver 使用多线程传输选定文件
12. 站点管理面板改迚
该选顷卡主要用来添加不网站后台数据库相关的劢态交互元素,例如记录集、重复区域以及 插入表单和更新记录表单等。
5. “ Spry”选顷卡
1.Dreamweaver CS6 基础知识解析

A :呈现屏幕媒体类型,显示页面在计算机屏幕上的显示方式。 B :呈现打印媒体类型,显示页面在打印纸张上的显示方式。 C :呈现手持型媒体类型,显示页面在手持设备(如手机或 BlackBerry 设备)上的显示方式。
D :呈现投影媒体类型,显示页面在投影设备上的显示方式。
E :呈现 TTY 媒体类型,显示页面在电传打字机上的显示方式。 F :呈现 TV 媒体类型,显示页面在电视屏幕上的显示方式。 G:切换 CSS 样式的显示,用于启用或禁用 CSS 样式。此按钮可独立于其它媒体按钮之外工作。
jQuery Mobile 是也是一个JavaScript 库,是jQuery 在手机上和平板设备上的版本,具有页面、列表视 图、布局网格、可折叠区块、文本输入、密码输入 、滑盖、反转切换开关等元素,大大提高了移动设 备应用程序的开发效率。
H :设计时样式表,可用于指定设计时样式表。
5. 编码工具栏
编码工具栏垂直显示在文档窗口的左侧,只出现在代码视图中。在使用编码工具栏时,不能 将其取消停靠或移动,但是可以将它隐藏起来。
6. 状态栏
状态栏位于窗口的底部,用于提供与当前文档有关的信息
A :标签选择器 B :选取工具 C :手形工具
D :缩放工具
E :设置缩放比率 F :手机屏幕、平板电脑屏幕和显示器屏幕切换 G :窗口大小弹出菜单(在“ 代码” 视图中不可用)
DreamweaverCS6 HTML CSS DIV JavaScript网站开发网页基础知识

Photoshop:简称"PS",是由AdobeSystems开发与发行地图像处理软件。Photoshop主要处 理以像素所构成地数字图像。使用其众多地编修与绘图工具,可以有效地进行图片编辑工作。PS 有很多功能,在图像,图形,文字,视频,出版等各方面都有涉及。网页主要使用PS来实现图片地处理。
起始页
1.3.1 DreamweaverCS6工具介绍
起始页地设置 设置起始页:勾选"起始页"左下角地不再显示地复选框,可设置关闭"起始页"地效果,如需重新开启改功能,单击 菜单栏地编辑首选参数常规文档类型显示欢迎屏幕,勾选这个选项重新启动"起始页"。
1.3.1 DreamweaverCS6工具介绍
1.3.1 DreamweaverCS6工具介绍
2 认识Dreamweaver CS6工作面板 DreamweaverCS6地属性面板默认在窗口地下部,会随着鼠标所在位置或所选对象地不同显示相对应地属性面 板内容。
1.3.1 DreamweaverCS6工具介绍
2 认识Dreamweaver CS6工作面板 当前标签:光标所在位置地HTML标签名称; 状态栏:状态栏位于文档窗口地底部,它地作用是显示当前正在编辑地文档地有关信息,主要包含当前窗口大小,文 档大小,当前标签,估计下载时间,当前页面编码类型等。 当前文档:表示当前编辑地文档名称,通过点文档名称可更改当前编辑地文档。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
教学内容:动态网页就是根据访问者的请求, 由服务器生成的网页,访问者在发出请求后, 在服务器上获得生成的动态结果,并以网页形 式显示在浏览器中。
• • • • • •
教学重点 了解HTML基础 熟悉在Dreamweaver CS6中编写代码 掌握数据库连接的创建 掌握编辑数据表记录 掌握服务器行为的使用 掌握留言系统的创建
13.2.1
使用代码提示
通过代码提示,可以在代码视图中插入代码。
13.2.2
使用代码片段
使用代码片断,可以保存内容以便快速重复使用。
13.2.3
使用标签选择器插入标签
使用标签选择器可以将Dreamweaver标签库中 的任何标签插入页面中。
13.2.4
使用标签编辑器编辑标签
通过标签编辑器,可以使用对话框指定或编辑某 一标签的属性。
13.5.3
记录集分页
Dreamweaver CS6提供的【记录集分页】服务 器行为,实际上是一组将当前页面和目标页面的 记录集信息整理成URL地址参数的程序段。
13.5.4
转到详细页面
应用程序可以将信息或参数从一个页面传递到另 一个页面。要想让一个页面告诉另一个页面显示 什么记录或想把一个页面的信息传递到另一个页 面时,就要用到适当的服务器行为。
13.6.3
定义数据库连接
如果用户的网页服务器和Dreamweaver CS6运 行在同一个Windows系统上,那么就可以使用系 统DSN来创建数据库连接,DSN是指向数据库的 一个快捷方式。
13.6.4
制作发布留言页面
发布留言页面主要利用插入表单对象和【插入记 录】服务器行为来实现,如图13.64所示。
13.4
编辑数据表记录
动态网页最主要的就是结合后台数据库自动更新 Web页面,离开了数据库也就谈不上动态页面了。
13.4.1
了解记录集
将数据库用作动态网页的数据源时,必须首先创 建一个记录集。记录集在数据库和动态应用程序 页面之间起一种桥梁作用。
13.4.2
创建记录集
应用Dreamweaver CS6的绑定功能在 Dreamweaver CS6中定义一个记录集,以实现 网页读取数据的功能,只需要打开【绑定】面板, 在其中绑定指定的数据表,新增所需的记录集即 可。
13.2.5
用标签检查器编辑标签
除了使用标签选择器编辑标签外,还可以使用标 签检查器在属性表中编辑标签,方法非常简单, 选择菜单中的【窗口】|【标签检查器】命令, 打开【标签检查器】面板,如图13.19所示。
13.3
建立数据库连接
任何内容的添加、删除、修改和检索都是建立在 连接基础上进行的,可以想像连接的重要性了。
13.4.3
插入记录
一般来说,要通过ASP页面向数据库中添加记录, 需要提供用户输入数据的页面,利用 Dreamweaver CS6的【插入记录】服务器行为, 就可以向数据库中添加记录。
13.4.4
更新记录
选择菜单中的【窗口】|【服务器行为】命令, 打开【服务器行为】面板,在面板中单击+按钮, 在弹出菜单中选择【更新记录】选项,打开【更 新记录】对话框,如图13.36所示。
入
留言系统
发布留言页面
留言列表页面
显示留言页面
13.6.1
创建数据库
在制作具体网站功能页面前,首先做一个最重要 的工作,就是创建数据库表,
ODBC是数据库服务的一个标准协议,它向访问 网络数据库的应用程序提供一种通用语言。只要 系统中有相应的ODBC驱动程序,任何程序都可 以通过ODBC操纵数据库。
13.3.1
了解DSN
DSN(Data Source Name,数据源名称),表 示将应用程序和某个数据库建立连接的信息集合。
13.3.2
定义系统DSN
数据库建立好以后,需要设定系统的DSN(数据 源名称)来确定数据库所在的位置以及数据库相 关的属性。
13.3.3
建立系统DSN连接
数据源建立以后,接下来要定义这个网站使用的 数据库连接。只有如此,这个网站才能通过数据 库连接来存取数据库里的信息。
13.6.5
制作留言列表页面
留言列表页面主要是利用创建记录集,定义重复 区域、绑定动态数据和转到详细页等服务器行为 来实现的,如图13.83所示。
13.6.6
制作显示留言页面
显示留言页面中的数据是从留言表中读取的,主 要利用Dreamweaver创建记录集,然后绑定相 关数据字段,如图13.106所示。
13.5.5
转到相关页面
可以建立一个链接打开另一个页面而不是它的子 页面,并且传递信息到该页面,这种页面与页面 之间进行参数传递的两个页面,称为相关页。
13.5.6
用户身份验证
为了更能有效地管理共享资源的用户,需要规范 化访问共享资源的行为。
13.6
实战演练——创建留言系统
留言系统是网站与用户交流沟通的方式之一。当 客户浏览网页时,如果有什么需要,可以在留言 系统中给站点管理员留言。
13.4.5
删除记录
利用Dreamweaver的【删除记录】服务器行为, 可以在页面中实现删除记录的操作。删除记录的 页面执行两种不同的操作,首先显示已存在的数 据,用户可以选择将要被删除的数据;其次从数 据库中删除此记录以反映用户选择的记录被删除 的结果。
13.5
增加服务器行为
如果想显示从数据库中取得的多条或者所有记录, 则必须添加一条服务器行为,这样就会按要求连 续地显示多条或者所有的记录。
13.1.2 HTML的基本语法
超文本文档分为头部和主体两部分,在文档头部里, 对这个文档进行了一些必要的定义,文档主体中才 是显示的各种文档信息。
13.2
在Dreamweaver CS6中编写代码
对于客户端编码,可以在Dreamweaver中处理 多种文件类型,包括HTML、XML、层叠样式表 (CSS)、JavaScript、VBScript、无线标记语言 (WML)、扩展数据标记语言(EDML)、 Dreamweaver模板(.dwt)和文本等。
13.5.1
插入重复区域
【重复区域】服务器行为允许在页面中显示记录 集中的多条记录。任何动态数据都可以转变成重 复区域。
13.5.2
插入显示区域
选择菜单中的【窗口】|【服务器行为】命令, 打开【服务器行为】面板,在面板中单击+按钮, 在弹出的菜单中选择【显示区域】选项,在弹出 的子菜单中根据需要选择,如图13.40所示。
HTML文本是由HTML标签组成的描述性文本, HTML标签可以说明文字、图形、动画、声音、表 格、链接等。HTML的结构包括头部(Head)、主 体(Body)两大部分,其中头部描述浏览器所需的 信息,而主体则包含所要说明的具体内容。
HTML是HyperText Markup Language的缩写, 即超文本标记语言,这是创建网页的脚本语言,它 提供了精简而有力的文件定义,可以设计出多姿多 彩的超媒体文件,通过HTTP(Hyper Text Transfer Protocol)通信协议,使得HTML文件可 以在全球互联网(World Wide Web)上进行跨平 台的文件交换。