网页设计与制作电子课件 第2章 创建站点.pptVIP

第二章 创建站点 2.1 Dreamweaver MX 8.0 工作界面 2.2 定义站点 2.3 发布站点 2.1　Dreamweaver MX 8工作界面 Dreamweaver 8是Dreamweaver 系列产品的最新版本，它在原来版本的功能基础之上进行了改进和升级，功能更加强大，而且界面更美观、操作更方便，也更适于网页制作和网站管理。 Dreamweaver 8的工作界面由“菜单”栏、“插入”栏、“文档”窗口、“文档”工具栏、状态栏、属性面板、标签选择器、集成工作面板等部分组成，如下图所示。 1. “插入”栏 　　“插入”栏包含用于创建和插入对象（如表格、层和图像）的按钮。这些按钮被分类组织到各个选项卡中。如图所示。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有按钮的名称。 2. “菜单”栏 菜单栏提供了程序功能的选项命令，可以通过“菜单栏”中的命令完成某项特定操作。 3. “文档”窗口 通过“文档”窗口可以显示、创建和编辑当前文档，可以在“设计”视图、“代码”视图或“设计和代码”视图中查看和编辑文档。 “文档”窗口的状态栏位于文档窗口的底部，作用是提供与用户正编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等等。 5.“属性”面板 ???“属性”面板并不是将所有的属性加载在面板上，而是根据我们选择的对象来动态显示对象的属性，“属性”面板的状态完全是随当前在文档中选择的对象来确定的。例如，当前选择了一幅图像，那么“属性”面板上就出现该图像的相关属性；如果选择了表格，那么“属性”面板会相应的变化成表格的相关属性。下图所示，是选择了文本对象的属性。 2.2 定义本地站点 在 Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，您需要建立站点文档的本地存储位置。Dreamweaver 站点可组织与 Web 站点相关的所有文档，跟踪和维护链接、管理文件、共享文件以及将站点文件传输到Web服务器上。 要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作，放置在本地磁盘上的网站被称为本地站点，传输到位于互联网web服务器里的网站被称为远程站点。Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。 因而应用Dreamweaver 8不仅可以创建单独的文档，还可以创建完整的Web站点。 规划站点结构 网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何 Web 站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 创建站点 在Dreamweaver 8中可以有效的建立并管理多个站点。搭建站点有两种方法，一是利用向导完成，二是利用高级设定来完成。 ??? 在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。 比如：www ?? 启动Dreamweaver 8，选择菜单栏——站点——管理站点，出现“管理站点”对话框如下图所示。点击“新建”按钮，选择弹出菜单中的“站点”项。 搭建站点结构 站点是文件与文件夹的集合，下面我们根据前面对WWW网站的设计，来新建WWW站点要设置的文件夹和文件。 通常我们建议目录、文件的名称用英文字母、数字、下划线的组合，其中不要包含汉字、空格和特殊字符；目录名应以英文、拼音为主。尽量用一些常见能看懂的词汇，使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。 4. 编辑站点 单击“管理站点”对话框中的编辑，打开“WWW站点定义”对话框，对站点名称及路径或其它的相关信息进行编辑。 ??? 新建文件夹：在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项，然后给文件夹命名。这里我们创建flash文件夹。 用于存放flash动画文件。 接下来创建页面，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，我们把首页命名为index.htm. 2.2.2 管理站点 单击“站点”菜单｜“管理站点”命令，弹出“管理站点”对话框，进行新建、编辑、删除、复制站点等操作。 下面以修改站点的名称，改变站点的对应的本地根文件夹路径为例进行讲解。 步骤1　单击“管理站点”对话框中“编辑”按钮，如下图所示。 步骤2　弹出“myweb的站点定义为”的对话框，单击“高级”选项卡，选择“本地信息”，修改了站点的名称、站点的路径等。 2.2.3 编辑网页 在建好站点之后，我们以下边的简单网页为例