清华大学网页设计第4章.ppt

第4章 文档创建与设置,4.1插入文本和媒体对象,在Dreamweaver中可以通过直接输入、复制和粘贴或导入方式轻松地将文本插入文档，另外还可以在文本的字符与行之间插入额外的空格。 使用Dreamweaver的“插入”工具栏还可以插入Flash、QuickTime或Shockwave文件、Java applet、ActiveX控件或者其他音频和视频对象。,4.1.1插入文本,第一种方法： 直接在文档中输入文本，将鼠标指针定位在插入点，然后用键盘直接输入即可 第二种方法： 在其他应用程序中直接复制文本到Dreamweaver中。 第三种方法： 执行“文件”|“导入”命令，在子菜单中可以选择导入到网页中的文档类型，分别为“XML到模板”、“表格式数据”、“Word文档”和 “Excel文档”。,4.1.2插入媒体对象,（1） 在文档中，在“插入”工具栏的“常用”类别中，单击“媒体”按钮，选择要插入的对象 （2） 以插入Flash对象为例，选择插入Flash对象，在大多数情况下，会显示一个对话框，可从中选择源文件并为媒体对象指定某些参数。在该对话框中找到要插入的文件，单击“确定”按钮就可以插入Flash动画文件了,4.1.3在网页中插入图片,将文本光标移到要插入图片的地方。选择“插入”|“图像”命令，在出现的文件选择对话框中选择要插入的图片，在“相对于”下拉列表框中，选择“文档”选项。“文档”选项是与文档的相对路径，另一个“站点根目录”选项是与根目录的相对路径。,4.2在网页中使用超链接,1. 超链接文字 例如，在页面的下方加上“返回”文字，当单击该文字时，会跳转到主页（index.htm），设置步骤如下： （1） 选中“返回”文字，将文字高亮显示。 （2） 在“属性”面板的“链接”文本框中输入index.htm，这样就设定好了。,2. 图片超链接 图片超链接主要使用图片属性面板中的热点工具按钮实现。 在图像的“属性”面板的下方有四个按钮，功能分别介绍如下。 “指针热点”工具按钮： 选择热点区域或热点区域的边界顶点。 “矩形热点”工具按钮： 选中该按钮后，在图像上拖动鼠标，可以画出一个矩形的热点区域。 “椭圆形热点”工具按钮： 选中该按钮后，在图像上拖动鼠标，可以画出一个圆形的热点区域。 “多边形热点”工具按钮： 选中该按钮后，在图像上多次单击，这些点将依次作为多边形的顶点。 例4-1运行效果,4.3制作一个简单的网页,（1）执行“文件”|“新建”命令，在“新建文档”对话框，选择“常规”分类中的“基本页”选项，在中间列表中选择HTML文件,（2） 单击“创建”按钮，新建一个空白文档。执行“修改”|“页面属性”命令，在“页面字体”下拉列表框中，选择“编辑字体列表”选项，打开“编辑字体列表”对话框，在“可用字体”列表中选择要使用的字体，单击双箭头，将选中的字体添加到“选择的字体”列表中去，然后单击“确定”按钮,（3） 设置字体大小为10像素，文本颜色为黑色，背景颜色为CCCCFF,（4） 如果要设置网页的背景图像，可以单击“浏览”按钮，选择一个图片文件。将“左边距”、“右边距”、“上边距”和“下边距”分别设置为0像素,（5） 在“分类”列表中选择“链接”选项，打开设置“链接”属性对话框,（6）在“分类”列表中选择“标题”选项，打开设置“标题”属性对话框。在标题属性里可以指定标题文字的字体、大小和颜色，这里采用默认值。 （7）在“分类”列表中选择“标题/编码”选项，打开设置“标题/编码”属性对话框。在“标题”文本框中输入“我的网站首页”作为网站的标题，设置编码为“简体中文（GB2312）”。最后单击“确定”按钮，完成“页面属性”的设置。,（8）在新建立的空白页面左上角，直接输入“我的网站标志”。在“属性”面板中设置文字大小为36像素，颜色为红色,（9） 在“我的网站标志”文字下方，输入网站栏目的名称“首页 作品Blog动画 留言 论坛”，然后在“属性”面板中分别设置它们的超链接属性，这里分别设置为“”，表示链接到本网页中，最后在文档正文中输入一些网站欢迎信息，一个简单的主页就做成了。,（10） 还可以插入一个比较酷的Flash效果，可以单击“插入”工具栏中“常规”选项的“媒体”按钮，选择其中的“Flash对象”选项，然后在弹出的对话框中找到要插入的Flash文件就可以了,（11）在“属性”面板中可以设置Flash是否循环和自动播放 （12） 单击“属性”面板中的“参数”按钮，打开“参数”对话框，在“参数”栏中输wmode，在“值”栏中输入transp