第1章 初识Dreamweaver(课件）-高二《网页设计与制作》同步教学（人民邮电版）

本章简介： 本章主要讲解Dreamweaver的基础知识和基本操作。通过这些内容的学习，可以认识和了解工作界面的构成，如何创建网站框架以及站点的管理方法，为以后的网站设计和制作打下一个坚实的基础。 第1章 初识 Dreamweaver 课堂学习目标 了解工作界面的构成 掌握创建网站框架的方法和流程 掌握站点的管理方法 1.1 工作界面 Dreamweaver的工作区将多个文档集中到一个窗口中，不仅降低了系统资源的占用，还可以更加方便地操作文档。Dreamweaver CS6的工作窗口由5部分组成，分别是“插入”控制面板、“文档”工具栏、“文档”窗口、控制面板组和“属性”控制面板。Dreamweaver的操作环境简洁明快，可大大提高设计效率。 启动Dreamweaver CS6后，首先看到的画面是开始页面，供用户选择新建文件的类型，或打开已有的文档等。 选择“编辑 > 首选参数”命令，弹出“首选参数”对话框，取消选择“显示欢迎屏幕”复选框。单击“确定”按钮完成设置。当用户再次启动Dreamweaver CS6时，将不再显示开始页面。 开始页面 “首选参数”对话框 1.1 工作界面 1.1.2 不同风格的界面 选择 “窗口 > 工作区布局”命令，弹出其子命令菜单，选择“压缩”或“扩展”命令。选择其中一种界面风格，页面会发生相应的改变。 “工作布局”命令 1.1.3 多文档的编辑界面 Dreamweaver CS6提供了多文档的编辑界面，将多个文档整合在一起，方便用户在各个文档之间切换。用户可以单击文档编辑窗口上方的选项卡，切换到相应的文档。通过多文档的编辑界面，用户可以同时编辑多个文档。 多文档的编辑界面 1.1.4 插入面板 “插入”面板包括“常用”“布局”“表单”“数据”“Spry”“jQuery Mobile”“InContext Editing”“文本”“收藏夹”9个选项卡，将不同功能的按钮分门别类地放在不同的选项卡中。 “插入”面板 1.2 创建网站框架 站点管理器 创建文件夹 定义新站点 创建和保存网页 1.2.1 站点管理器 站点管理器的主要功能包括新建站点、编辑站点、复制站点、删除站点以及导入或导出站点。若要管理站点，必须打开“管理站点”对话框。 1.2.2 创建文件夹 建立站点前，要先在站点管理器中规划站点文件夹。新建文件夹的具体操作步骤如下。 （1）在站点管理器的右侧窗口中单击选择站点。 （2）通过以下几种方法新建文件夹。 选择“文件 > 新建文件夹”命令。 用鼠标右键单击站点，在弹出的菜单中选择“新建文件夹”命令。 （3）输入新文件夹的名称。 创建本地站点的步骤 （1）选择“站点 > 管理站点”命令，启用“管理站点”对话框。 （2）在对话框中单击“新建”按钮，在弹出的菜单中选择“站点”命令，弹出“站点设置对象 未命名站点1”对话框。在对话框中，设计者通过“基本”选项卡建立不同的站点，对于熟练的设计者而言，通常在对话框“高级”选项卡的“本地信息”分类中，根据需要设置站点。 1.2.3 定义新站点 1.2.4 创建和保存网页 选择“文件 > 新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框，选择“空白页”选项，在“页面类型”选项框中选择“HTML”选项，在“布局”选项框中选择“无”选项，创建空白网页。 网页设计完成后，选择“文件 > 保存”命令，弹出“另存为”对话框，在“文件名”选项的文本框中输入网页的名称。 1.3 管理站点 打开站点 编辑站点 复制站点 删除站点 1.3.1 打开站点 当要修改某个网站的内容时，首先要打开站点。打开站点就是在各站点间进行切换。具体操作步骤如下。 （1）启动Dreamweaver CS6。 （2）选择“窗口 > 文件”命令，弹出“文件”面板，在其中选择要打开的站点名，打开站点。 1.3.2 编辑站点 有时用户需要修改站点的一些设置，此时需要编辑站点。例如，修改站点的默认图像文件夹的路径，其具体的操作步骤如下。 （1）选择“站点 > 管理站点”命令，弹出“管理站点”对话框。 （2）在“管理站点”对话框中，选择要编辑的站点名，单击“编辑当前选定的站点”按钮 ，在弹出的对话框中，选择“高级设置”选项，此时可根据需要进行修改，单击“保存”按钮完成设置，回到“管理站点”对话框。 （3）如果不需要修改其他站点，可单击“完成”按钮关闭“管理站点”对话框。 1.3.3 复制站点 复制站点可省去重复建立多个结构相同站