原创CH2_创建站点课件.pptVIP

通过本章学习，应该掌握以下内容： 规划站点结构的方法 Dreamweaver 的基本操作 利用Dreamweaver 创建站点的方法 站点的基本操作 网页的整体控制 ;2.1 规划站点结构 ;下面是建立目录结构的一些建议： ; Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与FrontPage不同，Dreamweaver采用的是Mac机浮动面版的设计风格，对于初学者来说可能会感到不适应。一旦习惯了其操作方式后，就会发现Dreamweaver的直观性与高效性是FrontPage所无法比拟的。 ;1．Dreamweaver 的界面 ; （1）菜单栏 菜单栏提供了所有的菜单命令，是提供软件最完整功能的方式。 （2）工具栏 工具栏提供了常用命令的快捷启动方式，例如可以使用工具栏中的“标题”框方便地设置网页的标题。 （3）插入面板 插入面板是Dreamweaver 中新添的部件，其实就是Dreamweaver 4中的对象面板，在其中包含一些用于创建不同类型对象的按钮。;（4）浮动面板 浮动面板是一种方便操作的界面方式，使用者可以随时获得特定功能。 （5）文档窗口 文档窗口是显示用户所编辑文档的地方，显示结果与文档在浏览器中显示的结果基本相同。 （6）属性面板 属性面板上显示的是被选取对象或文本的各种属性，在属性面板上还可以检查和编辑当前选定页面元素的属性。 ;2．Dreamweaver的视图 ;2.2.2定义站点 ;; 如果要打开站点，可执行如下操作之一： （1）选择菜单栏“站点”|“站点文件”命令，即可在站点面板中打开当前编辑文件所在的本地站点，同时在文档窗口中可以进行该站点文档的编辑操作。 （2）在站点面板中打开工具栏的“站点”下拉列表框，选择需要打开的站点，文件窗口中即会显示该站点文件夹和文件信息。; 若要复制当前站点，可以使用文档窗口或站点面板中“站点”菜单的“编辑站点”命令，打开“编辑站点”对话框。选中要复制的站点名称，单击“复制”按钮即可对当前站点进行复制操作。 执行复制站点操作后，系统会自动复制一个所选择的站点，并且会为复制的站点加上一个“拷贝”字样的站点名称。 ;如果要更改当前站点设置，比如对站点进行修改站点名称、设置参数选项等编辑操作，可以利用上面的方法打开“编辑站点”对话框，选中一个站点后单击“编辑”按钮，即可打开该“站点定义为”对话框，选择“高级”选项卡进行站点编辑。 ;在Dreamweaver MX中删除一个站点非常容易，在弹出的“编辑站点”对话框中，单击“删除”按钮就可以删除选中的站点。 ; （1）申请域名和主页空间 网站的发布首先要考虑的是以什么样的域名发布，发布在什么地方，即要申请域名和主页空间。 （2）设置浏览器的兼容性 为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象，在站点发布前必须设置浏览器的兼容性。; （3）测试站点 在将站点上传到服务器并宣布已经可供浏览之前，最好先在本地计算机上对其进行一下测试，因为在站点或者网页中可能会存在许多问题。 站点的测试主要包括：查看超链接、验证超链接、修复超链接、更新超链接及测试网络连接等。 （4）测试网络连接 如果在访问或打开一个服务器上的站点时遇到一些问题，则可以通过测试网络连接来检查主机名称、本地主机、IP地址、TCP/IP协议等设置。 ; （5）在本地计算机上发布站点 测试完站点后，如果觉得把站点发布到服务器上的时机还不成熟，那么可以先在本地机上发布以测试效果。 （6）在服务器上发布站点 在本地计算机上设置完浏览器的兼容性、测试完站点后，就可以在服务器上正式发布精心制作的站点了。 发布站点的方法有很多种，例如FTP上传或各大站点提供的文件管理器等。 ;Dreamweaver 的站点面板 ;2.3 Dreamweaver 进行页面控制;1．打开“首选参数”对话框 在Dreamweaver 8主窗口中，单击菜单【编辑】→【首选参数】或者使用快捷键“Ctrl+U”，即可打开“首选参数”对话框。 2．参数设置方法 “首选参数”对话框左边的“分类”列表中列出了20种不同的类别，选择一种类后，该类别中所有可用的选项将会显示在对话框的右边参数设置区域。;3．参数设置举例 （1）设置启动Dreamweaver 8时不再显示起始页。 打开“首选参数”对话框后，在该对话框的左边的“分类”列表中选择“常规”选项，在右边“文档选项”的“显示起始页”复选框中单击，取消复选框中的选中标记，然后单击【确定】按钮。 ;（2）设置站点属性“总是显示本地文件于右”。 打开“首选参数”对话框后，在该对话框的左边的“分类”列表中选择“站点”选项，然后在“总