网页设计与制作及实训教程 教学课件 作者 杜永红 王冬霞 主编第2章 创建站点.ppt

《网页设计与制作及实训教程 教学课件 作者 杜永红 王冬霞 主编第2章 创建站点.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章创建站点2.1DreamweaverMX8.0工作界面2.2定义站点2.3发布站点2.1DreamweaverMX8工作界面Dreamweaver8是Dreamweaver系列产品的最新版本，它在原来版本的功能基础之上进行了改进和升级，功能更加强大，而且界面更美观、操作更方便，也更适于网页制作和网站管理。Dreamweaver8的工作界面由“菜单”栏、“插入”栏、“文档”窗口、“文档”工具栏、状态栏、属性面板、标签选择器、集成工作面板等部分组成，如下图所示。“菜单”栏“插入”栏“文档”窗口“文档”工具栏集成工作面板“文件”面板“属性”面板标签选择器状态栏1.“插入”栏“插

2、入”栏包含用于创建和插入对象（如表格、层和图像）的按钮。这些按钮被分类组织到各个选项卡中。如图所示。当鼠标指针滚动到一个按钮上时，会出现一个工具提示，其中含有按钮的名称。2.“菜单”栏菜单栏提供了程序功能的选项命令，可以通过“菜单栏”中的命令完成某项特定操作。3.“文档”窗口通过“文档”窗口可以显示、创建和编辑当前文档，可以在“设计”视图、“代码”视图或“设计和代码”视图中查看和编辑文档。“文档”窗口的状态栏位于文档窗口的底部，作用是提供与用户正编辑的文档有关的某些信息，如当前窗口大小、文档大小和估计下载时间等等。代码视图设计和代码视图设计视图状态栏4.“文档”工具栏“文档”工

3、具栏中主要包含了一些对文档进行常用操作的功能按钮，用户通过单击这些按钮可以在文档的不同视图间进行快速切换：“代码”视图、“设计”视图、同时显示“代码”和设计视图的拆分视图。工具栏中还包含一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。5.“属性”面板   “属性”面板并不是将所有的属性加载在面板上，而是根据我们选择的对象来动态显示对象的属性，“属性”面板的状态完全是随当前在文档中选择的对象来确定的。例如，当前选择了一幅图像，那么“属性”面板上就出现该图像的相关属性；如果选择了表格，那么“属性”面板会相应的变化成表格的相关属性。下图所示，是选择了文本对象的属性。

4、2.2定义本地站点在Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，您需要建立站点文档的本地存储位置。Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接、管理文件、共享文件以及将站点文件传输到Web服务器上。要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作，放置在本地磁盘上的网站被称为本地站点，传输到位于互联网web服务器里的网站被称为远程站点。Dreamweaver8提供了对本地站点和远程站点强大的管理功能。因而应用Dreamweaver8不仅可以创建单独的文档，还可以

5、创建完整的Web站点。规划站点结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。创建站点在Dreamweaver8中可以有效的建立并管理多个站点。搭建站点有两种方法，一是利用向导完成，二是利用高级设定来完成。   在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。比如：www2.2.

6、1定义web站点启动Dreamweaver8，选择菜单栏——站点——管理站点，出现“管理站点”对话框如下图所示。点击“新建”按钮，选择弹出菜单中的“站点”项。在打开的窗口上方有“基本”和“高级”两个标签，可以在站点向导和高级设置之间切换。新建一个站点，站点名为：www，设置本地根文件夹和默认图像文件夹。搭建站点结构站点是文件与文件夹的集合，下面我们根据前面对WWW网站的设计，来新建WWW站点要设置的文件夹和文件。通常我们建议目录、文件的名称用英文字母、数字、下划线的组合，其中不要包含汉字、空格和特殊字符；目录名应以英文、拼音为主。尽量用一些常见能看懂的词汇，使得你自己和工作组的

7、每一个成员能够方便的理解每一个文件的意义。4.编辑站点单击“管理站点”对话框中的编辑，打开“WWW站点定义”对话框，对站点名称及路径或其它的相关信息进行编辑。新建文件夹：在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项，然后给文件夹命名。这里我们创建flash文件夹。用于存放flash动画文件。接下来创建页面，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，我们把首页命名为index.htm.2.2.2管理站点单击“