[2018年最新整理]在Dreamweaver 8中插入各种元素.pptVIP

1.4.2 建立Dreamweaver 8本地站点 网页各元素的设计 1、文字：直接输入，通过属性设置其大小、颜色、字体、加粗等。（与Word类似） 如果字体列表中没有想要的字体，则需添加，方法：单击“字体”—“编辑字体列表”—在“可用字体”中将需要的字体添加到右边的“选择字体”框中，单击确定，再次单击“字体”，选择刚添加进来的字体即可。 1.4.2 建立Dreamweaver 8本地站点 网页各元素的设计 2、图片 (1)为使站点图片管理更规范，初学者最好将要插入的图片先复制到网站的文件夹images中。，然后再单击“插入”—图形，选择图形的来源，单击确定即可。 （2）使用图像属性面板调整图形的各种属性。 （3）单击“图像对象”—鼠标经过图像，确定“源图像”和“鼠标经过图像”，可以插入动态的翻转图像。 1.4.2 建立Dreamweaver 8本地站点 网页各元素的设计 3、超级链接 (1)设置链接：选定文本或图像等对象后，在属性面板的【链接】文本框直接中输入网址。 1.4.2 建立Dreamweaver 8本地站点 网页各元素的设计 4、表格 (1)单击“插入”—表格，明确表格的行数、列数、宽度和边框等，“确定”即可。 (2) 使用图像属性面板调整表格的各种属性（如表格的宽度、边框、单元格的合并与拆分等）。 。 1.4.2 建立Dreamweaver 8本地站点 5、层：能够灵活地放置在页面内的任何一个位置，灵活方便，与表格配合使用能达到很好的版面布局效果，与Word中的文本框类似，层里面可以放置文字、图片等对象。 (1)单击“插入”—布局对象—层。 (2) 使层的属性面板调整层的各种属性。 (3) 层还具有隐藏属性，单击“窗口”—层，可以在层面板中设置层为隐藏或显示。 1.4.2 建立Dreamweaver 8本地站点 6、插入Flash影片： (1)为使站点图片管理更规范，初学者最好将要插入的Flash动画先复制到网站的文件夹Flash（可新建一个）中，然后再单击“插入”—媒体—Flash，选择Flash的来源，单击确定即可。 （2）使用Flash属性面板调整Flash影片的各种属性。 （3）单击“插入”—媒体—Flash文本/Flash按钮，在弹出的对话框中设置即可创建动态的Flash文本和Flash按钮。 1.4.2 建立Dreamweaver 8本地站点 7、表单：表单在Web网页中用来给访问者填写信息，从而能获得用户信息，使网页具有交互的功能。一般是将表单设计在一个Html文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的 ASP 或 CGI 等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。这里我们只讲怎样使用Html标志来设计表单。 (1)单击“插入”—表单— （文本域/按钮/单选框…等），即可创建表单对象。 例：制作一个“友情连接”的跳转菜单。 方法： (1)单击“插入”—表单— 跳转菜单。 (2)选中“跳转菜单”，单击其下方“属性”中的“列表值“，输入“广西大学”，输入跳转网址，单击“+”号，再输入其他网址名字和跳转网址，最后单击确定。 1.4.2 建立Dreamweaver 8本地站点 7表单的实体元素介绍： 1.4.2 建立Dreamweaver 8本地站点 8、时间线 (1)时间线：时间线代表层随时间变化的属性，通过在时间线上的不同时间在网页上放置不同的内容来实现动态效果。 (2)时间线的建立。 右键单击层，选择“添加到时间轴”，即可将该层与时间轴建立联系。 (3)利用时间轴和层实现网页的动感。 时间线应用实例制作过程： 1.在网页中插入一个图层，并在图层中插入一个鼠标经过图像。 2.选择图层，单击右键—添加到时间线。 3.将时间线的最右端拖到第200帧,并分别在第50帧、100帧、150帧的地方右键单击，选择“增加关键帧(Keyframe)”,同时将图层拖到相应的位置（分别是正下方、右下方、右上方）。 4.将“自动播放”和“循环”选项勾上。 5、保存网页，按F12预览网页即可看到效果。 1.4.2 建立Dreamweaver 8本地站点 9、行为 行为：行为是事件和动作的结合。行为必须应用到网页对象才能产生效果，例如文本链接、图像或者按钮。 事件：它是由用户的操作动作或程序状态的变化所触发的。鼠标的单击、移动、图像的装载状态变化等都是事件。 动作：它是由事件触发的，其实质是由浏览器事件触发的脚本程序的运行。例如用户单击鼠标的事件可以触发一个JavaScript脚本程序来弹出一个对话框，图像下载完毕的事件可以触发一个脚本程序来改变网页的背景颜色或播放一段音乐。 D