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

《网页设计与制作电子课件_第2章 创建站点》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

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

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

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

4、面板上就出现该图像的相关属性；如果选择了表格，那么“属性”面板会相应的变化成表格的相关属性。下图所示，是选择了文本对象的属性。2.2定义本地站点在Dreamweaver中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，您需要建立站点文档的本地存储位置。Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接、管理文件、共享文件以及将站点文件传输到Web服务器上。要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作，放置在本地磁盘上的网站被称为本地站点，传输到位于互

5、联网web服务器里的网站被称为远程站点。Dreamweaver8提供了对本地站点和远程站点强大的管理功能。因而应用Dreamweaver8不仅可以创建单独的文档，还可以创建完整的Web站点。规划站点结构网站是多个网页的集合，其包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。创建站点在Drea

6、mweaver8中可以有效的建立并管理多个站点。搭建站点有两种方法，一是利用向导完成，二是利用高级设定来完成。   在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。比如：www2.2.1定义web站点启动Dreamweaver8，选择菜单栏——站点——管理站点，出现“管理站点”对话框如下图所示。点击“新建”按钮，选择弹出菜单中的“站点”项。在打开的窗口上方有“基本”和“高级”两个标签，可以在站点向导和高级设置之间切换。新建一个站点，站点名为：www，设置本地根文件夹和默认图像文件夹。搭建站点结构站点是文件与文件

7、夹的集合，下面我们根据前面对WWW网站的设计，来新建WWW站点要设置的文件夹和文件。通常我们建议目录、文件的名称用英文字母、数字、下划线的组合，其中不要包含汉字、空格和特殊字符；目录名应以英文、拼音为主。尽量用一些常见能看懂的词汇，使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。4.编辑站点单击“管理站点”对话框中的编辑，打开“WWW站点定义”对话框，对站点名称及路径或其它的相关信息进行编辑。新建文件夹：在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件夹”项，然后给文件夹命名。这里我们创建flash文件夹。

8、用于存放flash动画文件。接下来创建页面，在文件面板的站点根目录下单击鼠标右键，从弹出菜单中选择“新建文件”项，然后给文件命名。首先要添加首页，我们把首页命名为index.htm.2.2.2管理站点单击“