基础课程 PPT 第6章 创建Web站点.pptVIP

L/O/G/O 第六章 创建web站点计算机网络技术教研室张琳 Dreamweaver的工作界面 创建和管理本地站点 1 2 主要内容 6.1 Dreamweaver的工作界面 Dreamweaver是集网站管理和网页制作于一身的可视化网页编辑软件，利用它可以不用编写代码就能轻而易举地制作出跨越平台、跨越浏览器的充满活力的网页。为了能够更好的使用Dreamweaver，我们首先来了解一下Dreamweaver工作界面的基本元素。如图6-1所示操作界面布局结构紧凑、合理，界面由菜单栏、插入栏、文档编辑窗口、属性面板以及浮动面板等组成。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.1 Dreamweaver的工作界面 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.1 Dreamweaver的工作界面 6.1.1 菜单栏 菜单栏包括文件、编辑、查看、插入记录、修改、文本、命令、站点、窗口和帮助10个菜单。可以通过菜单栏中的命令来完成某项特定的操作。 6.1.2 插入栏 插入栏位于菜单栏的下方，该栏内放置的是经常用到的对象和工具，在编辑网页时能够方便的应用这些对象和工具以提高编写的效率。 6.1.3 浮动面板组 浮动面板组位于工作界面的右侧，面板集中了CSS、应用程序、标签检查器、文件等面板，是网页制作、站点管理常用的工具。这些面板都可以展开或折叠，也可以根据自己的习惯自由的组合面板。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.1 Dreamweaver的工作界面 6.1.4 属性面板 属性面板能够显示在文档窗口中所选对象的属性，并能够通过该面板来修改相关属性。如果在文档窗口中选择了表格，那么属性面板中显示表格的相关属性。 6.1.5 文档窗口 文档窗口主要用于文档的显示、创建和编辑，可以在代码、拆分、设计三种视图中分别查看文档。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2 创建和管理本地站点 站点是由一组相关网页以及有关的文件、脚本、数据库等内容组成的有机集合体。根据站点存放的位置不同可以把站点分为本地站点和远程站点。要制作一个完整的、能够提供给用户通过网络访问的网站，首先需要在本地磁盘上编写，这种放置在本地磁盘上的站点被称为本地站点。把制作好的本地站点通过网络传输到互联网Web服务器里的站点被称之为远程站点。Dreamweaver具有管理本地站点和远程站点的强大功能，利用Dreamweaver对站点的管理能力，能够尽可能的减少错误，如路径错误、连接错误等。本地站点其实质是一个建立在本地磁盘根目录下的文件夹，在建立比较大的网站时，可以在本地站点下建立若干个文件夹用来分类保存文件或按栏目保存文件。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 在创建站点之前，首先要根据网站的规划确定好要建立的站点结构，然后依据站点规划创建站点，这样创建的站点不仅便于后续网页的创建，而且也便也网站的维护和更新管理。关于站点的规划请参阅本教材的相关部分，根据我们将要建设的网站，确定的网站结构如图6-7所示。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 在站点结构中，css文件夹用于保存网站的CSS样式文件，database文件夹用于保存数据库文件，flash文件夹保存flash等多媒体文件，images文件夹保存主页index.html文件中用用到的图片，其它文件夹（wskx、dcnews等）用于保存子页面文件以及子页面用到的资源等，如wskx文件夹保存“网上看校”子页面的文件。 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下： 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下：(续) 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下：(续) 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下：(续) 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下：(续) 标题2： 40号，仿宋，加粗 项目：20号 仿宋 加粗 6.2.1 创建本地站点 创建本地站点的具体操作步骤如下：(续) 标题2： 40号，仿宋，