电子商务网站建设第3章PPT推荐.ppt

电子商务网站建设第3章PPT推荐.ppt

《电子商务网站建设第3章PPT推荐.ppt》由会员分享，可在线阅读，更多相关《电子商务网站建设第3章PPT推荐.ppt（79页珍藏版）》请在冰豆网上搜索。

也可双击桌面上的快捷方式图标来启动式图标来启动DreamweaverMX。

第一次启动第一次启动DreamweaverMX，系统会显示让设计者选择工作系统会显示让设计者选择工作区布局的对话框，如图区布局的对话框，如图3-1所示。

所示。

1.1DreamweaverMX的启动方式的启动方式DreamweaverMX工作区的工作区的3种选择是种选择是DreamweaverMX工作区、工作区、Dreamweaver4工作区、工作区、HomeSite/代码编写者样式。

习惯于使用代码编写者样式。

习惯于使用Dreamweaver4的设计者可以继续使用的设计者可以继续使用Dreamweaver4风格的工作区界面，无须花费精力风格的工作区界面，无须花费精力适应新的工作区环境。

适应新的工作区环境。

HomeSite/代码编写者样式代码编写者样式是一个纯代码编辑界面，具有较高网页编程水准的是一个纯代码编辑界面，具有较高网页编程水准的用户，可选择这个工作区界面完成手编程序的调试用户，可选择这个工作区界面完成手编程序的调试工作。

工作。

本书主要介绍本书主要介绍DreamweaverMX风格的工作区。

在风格的工作区。

在图图3-1中，选择【中，选择【DreamweaverMX工作区】，单击工作区】，单击【确定】按钮，系统显示【欢迎】对话框，如图【确定】按钮，系统显示【欢迎】对话框，如图3-2所示。

这是软件为使用者熟悉和学习新软件而设所示。

这是软件为使用者熟悉和学习新软件而设置的对话框，置的对话框，Dreamweaver的老用户可查询的老用户可查询DreamweaverMX的新特性，新用户可以学习的新特性，新用户可以学习DreamweaverMX的功能和特性。

了解了软件的功的功能和特性。

了解了软件的功能和特性后，关闭能和特性后，关闭DreamweaverMX的【欢迎】对的【欢迎】对话框，即可看到话框，即可看到DreamweaverMX全新的工作界面。

全新的工作界面。

DreamweaverMX新的工作区环境比早期的版本更新的工作区环境比早期的版本更加灵活、方便、实用。

工作区窗口由标题栏、菜单加灵活、方便、实用。

工作区窗口由标题栏、菜单栏、工具栏、网页文件编辑区、状态栏和浮动面板栏、工具栏、网页文件编辑区、状态栏和浮动面板组等基本部分组成，如图组等基本部分组成，如图3-3所示。

启动所示。

启动DreamweaverMX后，屏幕显示的是工作区窗口，后，屏幕显示的是工作区窗口，此时系统打开一个名为此时系统打开一个名为Untitled的空白文档，在网的空白文档，在网页文件编辑区中，设计者可以完成网页的设计。

页文件编辑区中，设计者可以完成网页的设计。

工作区窗口各部分功能如下所述。

1.2DreamweaverMX的工作环境的工作环境1.标题栏标题栏标题栏是显示当前网页的标题信息，当前被编辑网标题栏是显示当前网页的标题信息，当前被编辑网页文件的路径和文件名会在括号里显示。

用标题栏页文件的路径和文件名会在括号里显示。

用标题栏左边和右边的窗口控制按钮，可以对窗口完成【最左边和右边的窗口控制按钮，可以对窗口完成【最大化】、【最小化】、【移动】、【还原】、【关大化】、【最小化】、【移动】、【还原】、【关闭】等操作。

闭】等操作。

2.菜单栏菜单栏菜单栏是设计者选择操作命令的地方。

菜单栏的选菜单栏是设计者选择操作命令的地方。

菜单栏的选项依次为【文件】、【编辑】、【查看】、【插入项依次为【文件】、【编辑】、【查看】、【插入】、【修改】、【文本】、【命令】、【站点】、】、【修改】、【文本】、【命令】、【站点】、【窗口】和【帮助】。

浮动面板上的各项操作基本【窗口】和【帮助】。

浮动面板上的各项操作基本上都有菜单操作命令与之相对应，在以后的章节中上都有菜单操作命令与之相对应，在以后的章节中会逐一介绍主要的菜单操作命令。

会逐一介绍主要的菜单操作命令。

文档工具栏文档工具栏在菜单栏的下面是文档工具栏。

文档工具栏最左边在菜单栏的下面是文档工具栏。

文档工具栏最左边的是代码视图和设计视图的切换按钮。

利用切换按的是代码视图和设计视图的切换按钮。

利用切换按钮可在【代码】、【设计】、【代码和设计】的钮可在【代码】、【设计】、【代码和设计】的3种视图方式之间切换，改变网页的编辑方式。

设计种视图方式之间切换，改变网页的编辑方式。

设计者在编辑网页的过程中可随时了解相应的者在编辑网页的过程中可随时了解相应的HTML代代码，或者在编写码，或者在编写HTML代码时方便地看到网页的设代码时方便地看到网页的设计效果。

在【标题】文本框中可输入当前网页名称，计效果。

在【标题】文本框中可输入当前网页名称，如果当前网页文档已经有了一个标题，则该标题将如果当前网页文档已经有了一个标题，则该标题将显示在该文本框中。

右边是一些文档常用的工具按显示在该文本框中。

右边是一些文档常用的工具按钮，如图钮，如图3-4所示。

文档工具栏中主要的工具按钮功能如下。

（活动数据视图活动数据视图）：

能够实时动态测试数据库中能够实时动态测试数据库中数据。

数据。

（文件管理文件管理）：

单击这个按钮可以在下拉菜单中单击这个按钮可以在下拉菜单中实现对文件只读属性的编辑、本地站点和服务器端实现对文件只读属性的编辑、本地站点和服务器端文件的上传和下载、网页文件的自动检查以及方便文件的上传和下载、网页文件的自动检查以及方便团队工作的设计备注等菜单命令。

团队工作的设计备注等菜单命令。

（网页预览和调试网页预览和调试）：

单击这个按钮可以在下拉单击这个按钮可以在下拉菜单中实现网页预览（可按菜单中实现网页预览（可按F12键代替），纠正键代替），纠正JavaSript的错误以及选择浏览器等。

的错误以及选择浏览器等。

（刷新设计视图刷新设计视图）：

用于刷新本地和远程站点的用于刷新本地和远程站点的目录列表。

目录列表。

（参考查询参考查询）：

显示设计者所单击的标签、属性显示设计者所单击的标签、属性或关键字等有关的信息。

或关键字等有关的信息。

（代码导航代码导航）：

可在可在JavaScript代码中进行设置代码中进行设置断点，方便设计者编辑调试手写代码。

断点，方便设计者编辑调试手写代码。

（视图选项视图选项）：

单击这个按钮可以在下拉菜单中单击这个按钮可以在下拉菜单中实现一些人性化的功能，如实现一些人性化的功能，如HTML代码高亮度显示、代码高亮度显示、语法颜色提示、代码缩进、行号提示、页面排版标语法颜色提示、代码缩进、行号提示、页面排版标记显示等。

记显示等。

4.网页文件编辑区网页文件编辑区网页文件的编辑区域是网页文件的编辑区域是DreamweaverMX的主工作的主工作区。

启动区。

启动DreamweaverMX时，就创建了一个空白时，就创建了一个空白的网页文件等待编辑，网页编辑区的大小可以通过的网页文件等待编辑，网页编辑区的大小可以通过用鼠标拖曳编辑区右面边框线来调整，或者单击编用鼠标拖曳编辑区右面边框线来调整，或者单击编辑区右面边框线上的按钮，完成最大化或还原网页辑区右面边框线上的按钮，完成最大化或还原网页编辑区的操作，如图编辑区的操作，如图3-5所示。

5.状态栏状态栏状态栏显示当前网页的有关信息。

在状态栏中自左状态栏显示当前网页的有关信息。

在状态栏中自左至右分别是：

至右分别是：

标记选择器（标记选择器（TagSelector）、）、页面页面信息栏（视窗设置框、页面信息框）、快速启动条，信息栏（视窗设置框、页面信息框）、快速启动条，它们特点和功能如下所述。

它们特点和功能如下所述。

1）标记选择器标记选择器编辑网页时，将光标置于网页某个位置，便会在标编辑网页时，将光标置于网页某个位置，便会在标记选择器中显示相应的记选择器中显示相应的HTML标记，单击标记，单击HTML标标记则可选择网页中相对应的编辑对象。

右击某个记则可选择网页中相对应的编辑对象。

右击某个HTML标记，选择快捷菜单中的相应命令，可对标记，选择快捷菜单中的相应命令，可对HTML标记做进一步的编辑。

标记做进一步的编辑。

2）视窗设置框视窗设置框在视窗设置框中显示的当前文档窗口的大小都是以在视窗设置框中显示的当前文档窗口的大小都是以像素为单位的。

这个窗口尺寸是动态显示的，用鼠像素为单位的。

这个窗口尺寸是动态显示的，用鼠标拖动文档窗口边框改变窗口大小时，显示的窗口标拖动文档窗口边框改变窗口大小时，显示的窗口尺寸也会随之改变。

单击视窗设置框右边的小按钮，尺寸也会随之改变。

单击视窗设置框右边的小按钮，在弹出的快捷菜单中选择【编辑大小】命令，可以在弹出的快捷菜单中选择【编辑大小】命令，可以定制窗口的大小尺寸，如图定制窗口的大小尺寸，如图3-6所示。

3）网页信息框网页信息框网页信息框显示网页容量、传输速率和该网页在网页信息框显示网页容量、传输速率和该网页在Internet上完全下载的时间（系统默认的连接速度上完全下载的时间（系统默认的连接速度为为28.8Kbps）。

）。

例如表示当前网页文档大小为例如表示当前网页文档大小为25KB，下载时间约为下载时间约为4秒。

将连接速度改为当前主秒。

将连接速度改为当前主流产品的速度流产品的速度56Kbps，便可关注当前正在编辑的便可关注当前正在编辑的网页下载所需的时间，如图网页下载所需的时间，如图3-6所示。

4）快速启动条快速启动条快速启动条是状态栏最右边可选的显示项目，其中快速启动条是状态栏最右边可选的显示项目，其中是用来快速打开和关闭各种面板、检查器和窗口的是用来快速打开和关闭各种面板、检查器和窗口的按钮。

快速启动条是否在状态栏上显示，以及在快按钮。

快速启动条是否在状态栏上显示，以及在快速启动条中定制哪些按钮都可以根据需要自行设定。

速启动条中定制哪些按钮都可以根据需要自行设定。

选择【编辑】【参数选择】命令，打开【参数选选择【编辑】【参数选择】命令，打开【参数选择】对话框。

在【分类】列表中选择【面板】选项，择】对话框。

在【分类】列表中选择【面板】选项，并选中【在面板和启动器中显示图标】的选项，可并选中【在面板和启动器中显示图标】的选项，可在状态栏右边显示快速启动条。

利用按钮和可选择在状态栏右边显示快速启动条。

利用按钮和可选择快速启动条中的启动按钮和调整快速启动按钮的次快速启动条中的启动按钮和调整快速启动按钮的次序，如图序，如图3-7所示。

6.浮动面板和浮动面板组浮动面板和浮动面板组DreamweaverMX的浮动面板是该