网页设计与制作第二版课件作者相万让第07章节.pptVIP

《网页设计与制作（第二版）》 山西财经大学 肖宁 第7章 Dreamweaver 7.1 初识Dreamweaver  2．选择单元格对象 对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。 选择整个表格的方法是把鼠标放在表格边框的任意处，当出现标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中table标记即可；或在单元格任意处单击鼠标右键，在弹出的快捷菜单中选择“表格”→“选择表格”命令。 要选中某一单元格，按住Ctrl键，用鼠标在需要选中的单元格单击即可；或者选中状态栏中的td标记。要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格，可以按住Ctrl键，单击要选择的所有单元格即可。 要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。   尚辅网 / Macromedia Dreamweaver 8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论用户是喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 8都会提供很多帮助工具，丰富用户的Web创作体验。 7.1.1 Dreamweaver的操作环境 在首次启动Dreamweaver 8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver 8的设计视图，右侧是Dreamweaver 8的代码视图。Dreamweaver 8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。 新建或打开一个文档，进入Dreamweaver 8的标准工作界面。Dreamweaver 8的标准工作界面包括标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、“属性”面板和浮动面板组。 Dreamweaver 8的标准工作界面 1．规划站点结构 网站是多个网页的集合，包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前，要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。 我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。 2．创建站点 在Dreamweave 8中可以有效地建立并管理多个站点。搭建站点可以有两种方法：一是利用向导完成，二是利用高级设定来完成。 7.1.2本地站点的搭建与管理 7.2 制作文字与图像混排的页面 7.2.1 页面的总体设置 1．设置页面的头内容 头内容在浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。 2．设置页面属性 单击“属性”面板中的“页面属性”按钮（见下图），打开的“页面属性”对话框，进行设置。 7.2.2 文本的插入与编辑 要向Dreamweaver 8文档添加文本，可以直接在文档窗口中输入文本，也可以剪切并粘贴，还可以从Word文档导入文本。 用鼠标在文档编辑窗口的空白区域点一下，窗口中出现闪动的光标，提示文字的起始位置，可进行文字素材的复制/粘贴操作。 7.2.3 插入图像 在制作网页时，先构想好网页布局，在图像处理软件中对需要插入的图片进行处理，然后存放在站点根目录下的文件夹里。 插图图像时，将光标放置在文档窗口需要插入图像的位置，然后单击常用工具栏中的“图像”按钮即可。 7.3 表格的应用 表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序地显示在页面上，让用户可以设计出漂亮的页面。使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。 7.3.1 插入并编辑表格 1．插入表格 在文档窗口中，将光标放在需要创建表格的位置，单击常用工具栏中的表格按钮，弹出 “表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。如下图所示。 “表格”对话框 7.3.2 嵌套表格 表格之中还有表格就叫做嵌套表格。 网页的排版有时会很复杂，在外部需要一个表格来控制总体布局，如果内部排版的细节也通过