《网页设计基础知识[2]》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章Dreamweaver基础本章详细讲解Dreamweaver的基础知识，其中包括Dreamweaver的界面、面板和菜单的的简单介绍。2.1Dreamweaver工作界面安装好Dreamweaver软件后，双击安装后的运行程序图标（或者从Windows“开始”菜单的“所有程序”中选择Dreamweaver）运行Dreamweaver程序，程序运行后的显示效果如图所示。2.1.1菜单栏菜单栏中包含了Dreamweaver中大多数的命令，菜单栏包括“文件”、“编辑”、“查看”、“插入记录”、“修改”、“文本”、“命令”

2、、“站点”、“窗口”、“帮助”等10个选项。菜单栏中包含了Dreamweaver中大多数操作和常用命令，在实际的页面制作中经常使用。1.参数设置选择“编辑”“首选参数”，打开对话框，可以进行相应的参数设置2.页面属性设置选择“修改”“页面属性”，打开对话框，可以进行相应的页面属性设置。在“页面属性”对话框中，可以定义页面的外观、链接、标题、标题/编码、跟踪图像等。下面讲解部分选项中参数的含义。2.3.2定义页面属性1．外观属性2．链接属性选择“页面属性”中的“链接”选项，打开“链接”对话框，“链接”对话框用来定义页面链接

3、内容的样式，其中部分选项的含义如下所示。2.3.2定义页面属性3．标题属性选择“页面属性”中的“标题”选项，打开“标题”对话框“标题”对话框用来定义页面中各种标题的显示样式，其中对应的页面HTML代码为

、

、

、

、

、

等6个标题标签。2.3.2定义页面属性4．标题/编码属性2.1.2“插入”工具栏插入栏用来插入各种常用和布局对象。根据选择的选项不同，在插入菜单中显示的内容也有所区别。选择“常用”和“布局”选项时，插入栏的显示效果如图2-4和图所示。2.1.4视图文档窗口用来显示当

4、前文档。在文档窗口中，可以使用三种方式显示文档内容：分别是“设计”视图、“代码”视图、“拆分”视图。下面分别进行介绍。1．“设计”视图2.1.4文档窗口2．“代码”视图2.1.4文档窗口3．“拆分”视图2.1.5属性面板属性面板用来定义页面元素或内容的相应属性。由于选择的元素或者内容不同，属性面板中显示的属性也有所区别。下面是是选择图像内容后，属性面板的显示效果，如图所示。面板和面板组Dreamweaver中，面板都整合到面板组中，通过单击面板的标题可以显示和隐藏相应的面板。面板和面板组处于Dreamweaver工作界面

5、的右侧。当面板关闭时，面板组的显示效果如图所示，打开某个面板后的显示效果如图所示。2.1.6管理站点一般在制作网页之前，都要在本地的计算机中创建本地的测试站点。当测试完成之后，再传到Internet服务器上。在Dreamweaver中，可以方便地构建和管理站点。下面讲解具体的操作方法。1新建站点在新建站点之前，首先要在磁盘中新建一个站点文件。新建文件时可以直接在磁盘中建立，也可以在文件面板中建立。1新建站点选择“站点”“新建站点”，在弹出的对话框中进入站点的创建，点击“高级”选项卡，可以进行站点内容的设置。2管理和编辑站

6、点执行“站点”

7、“管理站点”命令，打开“管理站点”对话框，如图所示，在对话框中可以管理站点的相关信息。2管理和编辑站点执行“窗口”

8、“文件”命令，可以实现对站点文件的管理。2.2插入文本Dreamweaver提供了多种插入文本的方法供读者选择。标题、栏目名称等少量文本，可以选择直接在文档窗口中键入；段落文本，可以选择从其它文档中复制粘贴；整篇文章或表格，可以选择导入Word、Excel文档。2.2.1将文本添加到文档在Dreamweaver中输入文本与Word略有不同，下面通过实例来说明。要注意不换行空格，换行符的插入，

9、文本添加效果如图2.1所示。2.2.2插入日期在网页中经常需要插入日期，比如网页的更新日期，文章的上传日期等。Dreamweaver提供了日期对象，可以方便地插入当前日期。选择“插入”｜“日期”命令。2.2.3插入特殊字符Dreamweaver还提供了丰富的特殊字符插入功能，可以插入如注册商标、版权、货币符号等特殊符号。选择“插入”>“HTML”>“特殊字符”命令。2.2.4导入数据文档除了直接键入文本和复制粘贴文本以外，Dreamweaver还可以直接将表格式文档、Word文档、Excel文档导入到当前文档，省去了复制

10、粘贴的麻烦。选择“文件”>“导入”命令。2.3设置文本格式2.1节介绍了在网页中插入文本的几种方法，由于插入的文本大小、字体格式不一致，需要对文本属性进行设置，使其风格保持统一。2.3.1关于设置文本格式设置文本格式有两种方法：使用HTML标签格式化文本，使用层叠样式表（CSS）。使用HTML标签和CSS都可以控制文