网页设计与制作 第二版 相万让 第07章

《网页设计与制作 第二版 相万让 第07章》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章DreamweaverMacromediaDreamweaver8是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。无论用户是喜欢直接编写HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver8都会提供很多帮助工具，丰富用户的Web创作体验。7.1初识Dreamweaver2021/9/162《网页设计与制作（第二版）》7.1.1Dreamweaver的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置”对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dream

2、weaver8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。新建或打开一个文档，进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括标题栏、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、“属性”面板和浮动面板组。2021/9/163《网页设计与制作（第二版）》Dreamweaver8的标准工作界面1．规划站点结构网站是多个网页的集合，包括一个首页和若干个分页，这种集合不是简单的集合。为了达到最佳效果，在创建任何Web站点页面之前，

3、要对站点的结构进行设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类地放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。2．创建站点在Dreamweave8中可以有效地建立并管理多个站点。搭建站点可以有两种方法：一是利用向导完成，二是利用高级设定来完成。7.1.2本地站点的搭建与管理2021/9/165《网页设计与制作（第二版）》7.2制作文字与图像混排的页面7.2.1页面的总体设置1．设置页面的头内容头内容在浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还

4、可以实现一些非常重要的功能，如自动刷新功能。2．设置页面属性单击“属性”面板中的“页面属性”按钮（见下图），打开的“页面属性”对话框，进行设置。2021/9/166《网页设计与制作（第二版）》7.2.2文本的插入与编辑要向Dreamweaver8文档添加文本，可以直接在文档窗口中输入文本，也可以剪切并粘贴，还可以从Word文档导入文本。用鼠标在文档编辑窗口的空白区域点一下，窗口中出现闪动的光标，提示文字的起始位置，可进行文字素材的复制/粘贴操作。7.2.3插入图像在制作网页时，先构想好网页布局，在图像处理软件中对需要插入的图片进行处理，然后存放在站点根目录下的

5、文件夹里。插图图像时，将光标放置在文档窗口需要插入图像的位置，然后单击常用工具栏中的“图像”按钮即可。2021/9/167《网页设计与制作（第二版）》7.3表格的应用表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序地显示在页面上，让用户可以设计出漂亮的页面。使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。7.3.1插入并编辑表格1．插入表格在文档窗口中，将光标放在需要创建表格的位置，单击常用工具栏中的表格按钮，弹出“

6、表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。如下图所示。2021/9/168《网页设计与制作（第二版）》“表格”对话框2．选择单元格对象对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。选择整个表格的方法是把鼠标放在表格边框的任意处，当出现标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中