通过本章学习，应该掌握以下内容：
1,规划站点结构的方法
2,Dreamweaver MX的基本操作
3,利用 Dreamweaver MX创建站点的方法
4,站点的基本操作第 2章 创建站点
2.1 规划站点结构
1,按照文件的类型进行规划按照文件的类型规划,就是将不同类型的文件分别存放在不同的文件夹下 。
2,按照网页主题进行规划按照网页主题,对站点结构规划,可以使网站条理更清晰,便于日后更好地管理站点 。
下面是建立目录结构的一些建议：
（ 1） 不要将所有文件都存放在根目录下,会造成文件管理混乱
（ 3） 按栏目内容建立子目录
（ 2） 在每个主栏目目录下都建立独立的 images目录
（ 4） 目录的层次不要太深
（ 5） 不要使用过长的目录
（ 6） 不要使用中文目录
Dreamweaver是 Macromedia公司的出品的一款
,所见即所得,的网页编辑工具 。 与 FrontPage不同,Dreamweaver采用的是 Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应 。 一旦习惯了其操作方式后,就会发现 Dreamweaver的直观性与高效性是 FrontPage所无法比拟的 。
2.2 利用 Dreamweaver MX创建站点
2.2.1 DreamweaverMX简介
1,DreamweaverMX的界面菜单栏工具栏文档窗口浮动面板站点面板属性面板浮动面板组插入面板
（ 1） 菜单栏菜单栏提供了所有的菜单命令,是提供软件最完整功能的方式 。
（ 2） 工具栏工具栏提供了常用命令的快捷启动方式,例如可以使用工具栏中的,标题,框方便地设置网页的标题 。
（ 3） 插入面板插入面板是 Dreamweaver MX中新添的部件,其实就是 Dreamweaver 4中的对象面板,在其中包含一些用于创建不同类型对象的按钮 。
（ 4） 浮动面板浮动面板是一种方便操作的界面方式,使用者可以随时获得特定功能 。
（ 5） 文档窗口文档窗口是显示用户所编辑文档的地方,显示结果与文档在浏览器中显示的结果基本相同 。
（ 6） 属性面板属性面板上显示的是被选取对象或文本的各种属性,在属性面板上还可以检查和编辑当前选定页面元素的属性 。
2,Dreamweaver的视图单击工具栏上的视图切换按钮,即显示设计视图；使用工具栏中的按钮,则可以很方便地切换到代码视图,以便查看当前编辑网页的 HTML
源代码；如果需要同时查看代码视图和设计视图,
可以单击工具栏上的显示代码和设计按钮,此时 Dreamweaver将同时在窗口中显示代码视图和设计视图 。
2.2.2 定义站点在 Dreamweaver MX的编辑窗口,选择,窗口,|“站点,菜单,即可打开站点面板,如图所示 。
在站点面板中,用户可以选择菜单,站点,|“新建站点,命令创建新站点,也可以使用
,站点,|“编辑站点,命令编辑已有的站点 。
1,站点面板在 Dreamweaver MX中创建站点的方法有两种,
（ 1） 通过站点定义向导创建站点在 编 辑 窗口 或站 点面 板选 择命 令菜 单,站点,|“新建站点,选项,弹出,站点定义,对话框
1,选择,基本,选项卡,然后,按照提示进行选项设置,
2,创建站点
（ 2） 直接定义站点在编辑窗口或站点面板选择命令菜单,站点,|“新建站点,选项,弹出,站点定义,对话框
1,选择,高级,选项卡,然后,按照提示进行选项设置,
如果要打开站点,可执行如下操作之一：
（ 1） 选择菜单栏,站点,|“站点文件,命令,即可在站点面板中打开当前编辑文件所在的本地站点,
同时在文档窗口中可以进行该站点文档的编辑操作 。
（ 2） 在站点面板中打开工具栏的,站点,下拉列表框,选择需要打开的站点,文件窗口中即会显示该站点文件夹和文件信息 。
2.2.3 站点的基本操作
1,打开站点若要复制当前站点,可以使用文档窗口或站点面板中,站点,菜单的,编辑站点,命令,打开
,编辑站点,对话框 。 选中要复制的站点名称,单击,复制,按钮即可对当前站点进行复制操作 。
执行复制站点操作后,系统会自动复制一个所选择的站点,并且会为复制的站点加上一个,拷贝,
字样的站点名称 。
2,复制站点如果要更改当前站点设置,比如对站点进行修改站点名称,设置参数选项等编辑操作,可以利用上面的方法打开,编辑站点,对话框,选中一个站点后单击,编辑,按钮,即可打开该,站点定义为,
对话框,选择,高级,选项卡进行站点编辑 。
3,编辑站点在 Dreamweaver MX中删除一个站点非常容易,
在弹出的,编辑站点,对话框中,单击,删除,按钮就可以删除选中的站点 。
4,删除站点注意,此删除操作并未真正删除站点文件夹和其中的内容,而只是无法再用 Dreamweaver管理该文件夹而已 。 如果需要再次用 Dreamweaver管理该文件夹,
只要用新建站点的方式再次将该文件夹指定为站点根目录即可 。
（ 1） 申请域名和主页空间网站的发布首先要考虑的是以什么样的域名发布,
发布在什么地方,即要申请域名和主页空间 。
（ 2） 设置浏览器的兼容性为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象,在站点发布前必须设置浏览器的兼容性 。
5,发布站点
（ 3） 测试站点在将站点上传到服务器并宣布已经可供浏览之前,
最好先在本地计算机上对其进行一下测试,因为在站点或者网页中可能会存在许多问题 。
站点的测试主要包括：查看超链接,验证超链接,
修复超链接,更新超链接及测试网络连接等 。
（ 4） 测试网络连接如果在访问或打开一个服务器上的站点时遇到一些问题,则可以通过测试网络连接来检查主机名称,本地主机,IP地址,TCP/IP协议等设置 。
（ 5） 在本地计算机上发布站点测试完站点后,如果觉得把站点发布到服务器上的时机还不成熟,那么可以先在本地机上发布以测试效果 。
（ 6） 在服务器上发布站点在本地计算机上设置完浏览器的兼容性,测试完站点后,就可以在服务器上正式发布精心制作的站点了 。
发布站点的方法有很多种,例如 FTP上传或各大站点提供的文件管理器等 。
Dreamweaver MX的站点面板返 回
E N D
1,规划站点结构的方法
2,Dreamweaver MX的基本操作
3,利用 Dreamweaver MX创建站点的方法
4,站点的基本操作第 2章 创建站点
2.1 规划站点结构
1,按照文件的类型进行规划按照文件的类型规划,就是将不同类型的文件分别存放在不同的文件夹下 。
2,按照网页主题进行规划按照网页主题,对站点结构规划,可以使网站条理更清晰,便于日后更好地管理站点 。
下面是建立目录结构的一些建议：
（ 1） 不要将所有文件都存放在根目录下,会造成文件管理混乱
（ 3） 按栏目内容建立子目录
（ 2） 在每个主栏目目录下都建立独立的 images目录
（ 4） 目录的层次不要太深
（ 5） 不要使用过长的目录
（ 6） 不要使用中文目录
Dreamweaver是 Macromedia公司的出品的一款
,所见即所得,的网页编辑工具 。 与 FrontPage不同,Dreamweaver采用的是 Mac机浮动面版的设计风格,对于初学者来说可能会感到不适应 。 一旦习惯了其操作方式后,就会发现 Dreamweaver的直观性与高效性是 FrontPage所无法比拟的 。
2.2 利用 Dreamweaver MX创建站点
2.2.1 DreamweaverMX简介
1,DreamweaverMX的界面菜单栏工具栏文档窗口浮动面板站点面板属性面板浮动面板组插入面板
（ 1） 菜单栏菜单栏提供了所有的菜单命令,是提供软件最完整功能的方式 。
（ 2） 工具栏工具栏提供了常用命令的快捷启动方式,例如可以使用工具栏中的,标题,框方便地设置网页的标题 。
（ 3） 插入面板插入面板是 Dreamweaver MX中新添的部件,其实就是 Dreamweaver 4中的对象面板,在其中包含一些用于创建不同类型对象的按钮 。
（ 4） 浮动面板浮动面板是一种方便操作的界面方式,使用者可以随时获得特定功能 。
（ 5） 文档窗口文档窗口是显示用户所编辑文档的地方,显示结果与文档在浏览器中显示的结果基本相同 。
（ 6） 属性面板属性面板上显示的是被选取对象或文本的各种属性,在属性面板上还可以检查和编辑当前选定页面元素的属性 。
2,Dreamweaver的视图单击工具栏上的视图切换按钮,即显示设计视图；使用工具栏中的按钮,则可以很方便地切换到代码视图,以便查看当前编辑网页的 HTML
源代码；如果需要同时查看代码视图和设计视图,
可以单击工具栏上的显示代码和设计按钮,此时 Dreamweaver将同时在窗口中显示代码视图和设计视图 。
2.2.2 定义站点在 Dreamweaver MX的编辑窗口,选择,窗口,|“站点,菜单,即可打开站点面板,如图所示 。
在站点面板中,用户可以选择菜单,站点,|“新建站点,命令创建新站点,也可以使用
,站点,|“编辑站点,命令编辑已有的站点 。
1,站点面板在 Dreamweaver MX中创建站点的方法有两种,
（ 1） 通过站点定义向导创建站点在 编 辑 窗口 或站 点面 板选 择命 令菜 单,站点,|“新建站点,选项,弹出,站点定义,对话框
1,选择,基本,选项卡,然后,按照提示进行选项设置,
2,创建站点
（ 2） 直接定义站点在编辑窗口或站点面板选择命令菜单,站点,|“新建站点,选项,弹出,站点定义,对话框
1,选择,高级,选项卡,然后,按照提示进行选项设置,
如果要打开站点,可执行如下操作之一：
（ 1） 选择菜单栏,站点,|“站点文件,命令,即可在站点面板中打开当前编辑文件所在的本地站点,
同时在文档窗口中可以进行该站点文档的编辑操作 。
（ 2） 在站点面板中打开工具栏的,站点,下拉列表框,选择需要打开的站点,文件窗口中即会显示该站点文件夹和文件信息 。
2.2.3 站点的基本操作
1,打开站点若要复制当前站点,可以使用文档窗口或站点面板中,站点,菜单的,编辑站点,命令,打开
,编辑站点,对话框 。 选中要复制的站点名称,单击,复制,按钮即可对当前站点进行复制操作 。
执行复制站点操作后,系统会自动复制一个所选择的站点,并且会为复制的站点加上一个,拷贝,
字样的站点名称 。
2,复制站点如果要更改当前站点设置,比如对站点进行修改站点名称,设置参数选项等编辑操作,可以利用上面的方法打开,编辑站点,对话框,选中一个站点后单击,编辑,按钮,即可打开该,站点定义为,
对话框,选择,高级,选项卡进行站点编辑 。
3,编辑站点在 Dreamweaver MX中删除一个站点非常容易,
在弹出的,编辑站点,对话框中,单击,删除,按钮就可以删除选中的站点 。
4,删除站点注意,此删除操作并未真正删除站点文件夹和其中的内容,而只是无法再用 Dreamweaver管理该文件夹而已 。 如果需要再次用 Dreamweaver管理该文件夹,
只要用新建站点的方式再次将该文件夹指定为站点根目录即可 。
（ 1） 申请域名和主页空间网站的发布首先要考虑的是以什么样的域名发布,
发布在什么地方,即要申请域名和主页空间 。
（ 2） 设置浏览器的兼容性为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象,在站点发布前必须设置浏览器的兼容性 。
5,发布站点
（ 3） 测试站点在将站点上传到服务器并宣布已经可供浏览之前,
最好先在本地计算机上对其进行一下测试,因为在站点或者网页中可能会存在许多问题 。
站点的测试主要包括：查看超链接,验证超链接,
修复超链接,更新超链接及测试网络连接等 。
（ 4） 测试网络连接如果在访问或打开一个服务器上的站点时遇到一些问题,则可以通过测试网络连接来检查主机名称,本地主机,IP地址,TCP/IP协议等设置 。
（ 5） 在本地计算机上发布站点测试完站点后,如果觉得把站点发布到服务器上的时机还不成熟,那么可以先在本地机上发布以测试效果 。
（ 6） 在服务器上发布站点在本地计算机上设置完浏览器的兼容性,测试完站点后,就可以在服务器上正式发布精心制作的站点了 。
发布站点的方法有很多种,例如 FTP上传或各大站点提供的文件管理器等 。
Dreamweaver MX的站点面板返 回
E N D
