dreamweaver软件学习_第1页
dreamweaver软件学习_第2页
dreamweaver软件学习_第3页
dreamweaver软件学习_第4页
dreamweaver软件学习_第5页
已阅读5页,还剩53页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、工作界面窗口和面板菜单栏插入栏标准工具栏文档工具栏面板组文件面板类似于windows资源管理器 文档工具栏标签选择器属性检查器欢迎屏幕 如果运行程序不想显示。执行“编辑 首选项参数”。选择“常规”类型编码工具栏状态栏选择标签选取工具缩放工具下载文件大小/下载时间 文档窗口大小手形工具选择标签单击标签可以选择给标签标示的全部内容手形工具当网页被放大后,可以用来拖动网页下载文件大小/下载时间显示页面的预计文档大小和预计下载时间调整文档窗口大小以像素为单位,窗口大小为浏览器窗口内部大小,若显示器大小800*600可选择“760*420(800*600,最大值)”括号中是显示器大小。也可以自己设置任意

2、尺寸,单击“编辑大小”。进入状态栏类型的首选项参数。在列表的下边有连接速度的设置选项确定下载时的连接速度后会显示在状态栏中。当在窗口中选择一个图像时,这个图像的下载速度将会显示在属性检查器中插入栏中的 收藏夹 选项 用户可以从插入栏中选择自己常用的工具放入其中,以提高效率在选项卡上单击右键,选择“自定义收藏夹”弹出右侧对话框 属性检查器 可以通过图中的按钮打开/关闭属性检查器的扩充功能,双击鼠标也可以实现检查器中没有显示的属性可以使用代码视图或代码检查器手工对这些属性进行编码,或者在代码视图中选择该标签后执行“修改 编辑标签”命令拖动面板组 用户可以将面板拖出来,按住控制手柄,就可以拖动。 要

3、拖回去需要使用同样的方法。面板组的“选项”菜单 每个面板的右上方都有按钮。单击可以用来打开面板的菜单选项重命名面板组组合和拆分面板组自定义快捷键1 执行“编辑 快捷键”,打开快捷键设置对话框2选择需要更改的命令“文件”3单击右上角的“复制副本”复制为副本,在副本设置中再次选中“文件”4在“按键”框中输入快捷键,单击“更改”文本的处理与控制设置网页标题1执行“修改 页面属性”或属性检查器中的“页面属性”选择分类栏的“标题 / 编码”2在代码视图中修改.中的文字设置文本标题打开“页面属性”,选择分类栏的“标题”选项文本标题共有6个级别,每个标题的字体,字体大小,颜色都可以单独设置。如果字体表中没有

4、自己需要的,可以单击“标题字体”下拉列表从“可用字体”中选择字体,添加到自定义字体列表中添加空格在默认设置中按下一个空格后,继续按空格光标不会向后移动解决方法有1在插入栏中的“文本”选项卡,单击最后一个按钮,选择“不换行空格”按钮2在键盘上按 Ctrl+Shift+空格键3在代码视图下输入  4把输入法调成全角模式5在“首选项参数”中,选择“常规”选项。把“允许多个连续的空格”勾上强制换行输入文字时按下回车后,重新开始的一段文字和前面一段文字的距离有点远,如果想换行后两段文字之间没有距离,可以按着 Shift 的同时按回车2也可以再插入栏的文本选项卡中,点击“换行符”文字的基本设置在对

5、文字颜色设置时,可以将标准的十六进制颜色值输入文本框中插入栏文本选项卡中的“块引用”设置列表无序列表以, , 等开头,没有和顺序的列表项目设置无序列表时可以将文本选中再单击插入栏中的“ul”或者用“属性检查器”中的4个列表设置按钮“文本突出”,“文本缩进”按钮是用来配合设置上级列表,下级列表的切换至代码视图在,和标签中单击右键可以编辑列表符号在,和标签中设置是有区别的设置完后代码视图中会出现 等代码有序列表在标签中只需单击 在标记标签时会出现在“面板组”的“标签检查器”中设置项目列表定义项目列表自己定义项目列表主要通络插入栏来完成。先输入一段文字,选中文字单击插入栏中的“dl”从文字中看出“第

6、一部”,“第二部”就是将要定义的名词单击后文字的格式会发生变化dt定义“第一部”,“第二部”dd定义 家,春使用外部文本粘贴文本从word中粘贴文字时,软件会根据用户的选择保留“仅文本”,“文本及修饰”,“文本全部格式”在菜单栏中选择“编辑 选择性粘贴”出现,或者在首选项参数中调试或单击图片中的“粘贴首选项参数”当粘贴的文件中有图片和文字叠加的情况时,如果直接粘贴会是图片上的文字和图片分开。解决的办法是 把图片设为背景,然后将文字粘贴粘贴表格导入word文档和excel表格1 执行“文件 导如 word文档”这时候会有一个“格式化”的选项,这个选项和选择粘贴性是一样的2还可以直接在word文档

7、中单击“另存为网页”后。在Dreamweaver中就能直接打开刚才保存的文件清理HTML使用word生成的html文件缠身的代码会出现冗余。在菜单栏中选择“命令 清理HTML”代码就会变得简洁建立超级链接超级链接中的路径绝对路径为文件提供的完整路径相对路径适用于内部链接。属于同一网站之下的文件。如果要连接到同一目录下,只需输入文件名(blue.gif)。如果链接的是下一级目录,先输入目录名,添加一个“/”符号再输入文件名(img/blue.gif)链接到上一目录,需要在目录名和文件名的前面先输入“./”(./blue.html)根路径也适用于创建内部链接,只有站点规模非常大,需要放置在几个服务

8、器上时才使用书写时要以“/”开头(/html/index.html)为文本添加链接1选中要添加链接的文字,在链接项中输入完整的网址。或单击后面的两个按钮_blank内容在一个新的窗口中打开_self链接的内容替换掉当前窗口中的内容2另一种添加链接的方法,直接使用插入栏的文本选项的第一个按钮。弹出对话框“文本”是选中要添加超链接的文字,“标题”是对超级链接添加的说明文字,一般可不设置。在“访问键”中输入一个字母,字母相当于快捷键。预览时按住“Alt”和字母,可以直接选中这个链接“Tab”中的值是3,标示预览时当第三次按下“Tab”时,可以选中此超链接设置链接打开“页面设置”,从分类栏中找到“链接

9、”项链接颜色没有被单击前的颜色变换图像链接当光标一到链接上时显示的颜色活动链接用户对链接进行单击的颜色使用超级链接标签完整的链接代码首页也可以通过标签检查器来修改检查连接在菜单栏上单击“文件”,选择“检查页 链接”按下“Shift+F8”也可以开始检测制作电子邮件链接1将光标放在要添加电子邮件的位置上2点击图中的按钮,添加右键链接3和标准链接不同,该代码使用的是“mailto”前缀关于电子邮件的代码mailto标示收件人地址?subject=表示添加邮件标题&cc=添加抄送,也就是同时发给两个邮箱&bcc=添加密件抄送,增加了保密措施下载链接只需在链接栏中指定文件即可添加锚链接如果一个网页太长

10、,要想不用拖动页面右边的滚动条,或使用鼠标滑轮到达未显示的页面。可以使用锚链接实现跳转的目的。添加锚链接1把光标停在 点击锚链接后需要跳转到的地方2单击图中的按钮,输入一个名称3选中一段链接文字,单击“链接”后面的圆圈,并拉向锚记 注意 建立锚链接后,链接框中的文字在不同页面跳转1将圆圈拖向需要跳转的页面“链接”中出现了页面的名称2在名称后添加锚记名在网页中使用图像GIF最多有256种颜色,用于不需要平滑过渡的图像。1支持透明度,可以设定与背景颜色相匹配2隔行显示。下载过程中能够看到一些内容,而不是一直在一个空白页中等待。3可以制作动画JPEG每个像素可以有24位颜色,GIF只有8位PNG是前

11、面两种图像优点的结合插入图片出现替换文本当光标停在图片时,出现的文字在插入图片时不想出现此框,单击蓝色字体,或“首选项参数中的辅助功能分类栏”可以从资源面板中插入图片右下角的按钮依次是 刷新、编辑、添加至收藏夹代码视图中插入图片常用的标签属性Src图像源文件Alt提示文字,光标停在图片时,出现的文字Width/height宽度/高度Border边框Vspace垂直间距Hspace水平间距Align排列图片的处理属性栏中的编辑栏从左到右在PS中编辑、优化、剪裁、重新取样、亮度和对比度、锐化优化单击后出现图片在对话框中有多个预览窗口,可以分别对图片调整,选出最优的 保存。此功能 可以进行格式转换,

12、图像压缩,还能对GIF动画进行帧速以及循环播放的控制重新取样调整图像大小时按下“Shift”键拖动时可以实现比例缩放。调整后为了保持图像清晰,点击“重新取样”,通过添加或减少像素的方法亮度图像的明亮程度,等价图片的亮度会使整个图片更加明亮。图片中最亮的部分、最暗的部分、灰度部分都会在颜色上量很多。对比度亮和暗的对比。对比度较小时,变成明暗过度的效果,图片很容易接近灰色锐化主要用于模糊不清的图片,增强图像的边缘定义,使边缘突出。绘制热区在图像中划分出去域,使每个区域对应一个超链接。图为热区操作按钮在标签检查器中设置热区Shape热区的形状Coords热区的坐标点制作光标经过图像光标经过图像时,图

13、像转换成另外一张图像,而当光标移开时恢复到原来的图像菜单栏中执行“插入记录 图像对象 鼠标经过图像”制作导航条导航条可以使用Fireworks或在Dreamweaver中直接制作插入导航条“插入记录 图像对象 导航条”导航条元件与项目名称中的值相同。用来区别多个按钮。预先载入图像导航条和图片下载有关联,如果取消选择它,浏览网页是就可能出现导航条按钮反应慢或按钮显示不完整插入定义导航条是水平或垂直展开插入图像占位符在插入图像时当不能确定最终使用的图像时,为了不影响页面布局的整体效果。可以用占位符为图片撑开它所占的位置1把光标放在需要添加占位符的位置2执行“插入记录 图像对象 图像占位符”添加背景

14、图像执行“修改 页面属性”分类栏的“外观”项 或在属性检查器中单击“页面属性”用CSS样式来添加背景图像可以是用户更好的控制背景图像从Photoshop复制和粘贴1在Photoshop中打开一张图片2执行“编辑 拷贝”在不保存图像的情况下关闭软件3在Dreamweaver中执行“编辑 粘贴”或直接按下“Ctrl+V”在网页中使用多媒体关于flashFlash文件(.fla格式)flash软件中创建的任何文件的源文件格式,需输出为swf文件格式才能被dw使用Flah影片文件(.swf格式)已经输出的swf是不能再flash中编辑Flash视频文件格式(.flv格式)插入flash单击常用插入栏中

15、的“媒体”按钮,选择“flash”项 弹出访问键在浏览器中可以通过“alt+访问键”来选择这个影片Tab键索引输入数字,指定按下tab键次数来选中此影片对插入的flash进行编辑基本设置图为在属性检查器中编辑在flash中进行编辑在flash中修改完毕后,单击时间轴上的完成按钮,就可以将修改后的文件直接保存,在dw中也更新未修改后的文件,并且会自动切换到dw界面中。另一种保存方法是,修改完后单击菜单栏上的“文件”菜单,点击“更新到Dreamweaver”它不会把视图切换到Dreamweaver中使用flash按钮单击常用插入栏中的“媒体”按钮,选择“flash按钮”项出现按钮文本设置按钮上的文

16、字应用在插入前预览显示效果 ?使用flash文本制作网页时,用到的字体会有很多限制,因为在一些客户端上可能没有用户设置的字体,这回导致浏览器不识别。解决方法1在Photoshop中设置好,并以图片的形式插入dw2使用flash文本转滚颜色鼠标经过文本时文字变换成的颜色使用表格布局页面和标记Bgcolor表格的背景颜色Background表格的背景图像Border表格边框的宽度Cellspacing单元格的间距Cellpadding设置单元格中插入对象和单元格内部边框之间的距离和标记这两个标记用于定义表格中的一行。在和之间可以使用和标记来设置表格头Align单元格中内容的水平对齐方式Valign

17、单元格中内容的垂直对齐方式页眉栏设置标题的位置,页眉栏中的文字会被自动加粗辅助功能设置表格的标题。“摘要”部分是对表格的说明,不会显示在浏览器中。使用屏幕阅读器可以读取摘要选择表格选择整个表格1把光标移动到表格的左上角、上边框或下边框之外的附近区域,光标右下角会出现一个表格的缩略图,单击鼠标。(上下边框附近)2在表格中任意单击一个位置,然后选择该表格对应的标记3在表格中任意单击一个位置,按下“Ctrl+A”两次4在表格中任意单击一个位置,接着单击表格下方显示出表格宽度的那条最长的水平线设置表格属性1利用属性检查器2面板组中的标签检查器3选中表格,在表格的下方会显示出表格的宽度。单击尺寸处的小三

18、角符号剪切、复制和粘贴表格用户可以对表格内容剪切、复制、粘贴。选择表格时必须能使所选单元格形成矩形,若为非矩形软件会报错表格的排序Dreamweaver中的表格有一个排列表格内容的功能,该功能能够保持表格背景颜色的间隔变化,同时重新排列数据在菜单栏中执行“命令 排序表格”导入表格式数据“文件 导入 表格式数据”导出表格式数据“文件 导出 表格”扩展和布局模式关于布局模式布局模式是一种特殊的表格模式,在布局模式综合那个用户可以在页面的任意位置绘制任意数量和大小的表格。执行“查看 表格模式 布局模式”在用户将布局模式切换到标准模式时需要注意,没有内容的标准表格的单元格(包括全空或仅包含不换行空格的

19、单元格),必须在布局模式下创建后再加入文本、图片或其他内容在绘制单元格的时候按着“Ctrl”可以连续绘制多个单元格布局表格和单元格只能在文档窗口内没有任何与其关联的代码的区域绘制。这就说明,必须在文档明显结尾处的下方绘制布局单元格和表格,新表格的代码被加在正文结束标签的前面布局模式下 标准的表格对象和AP Div对象不可用。表格和单元格也不可以复制、剪切和粘贴使用AP Div布局页面软件开发者将div和span标记和CSS样式技术结合起来,实现了对文档内容的快速精确定位。这个技术就是“AP Div”AP元素是一种以像素为单位精确定位的HTML页面元素创建基本的AP Div标准视图和扩展视图状态

20、下绘制AP Div,要想连续绘制,按住“Ctrl”1利用插入栏2菜单栏中执行“插入记录 布局对象 AP Div”创建嵌套AP Div1创建好一个AP Div后,单击“绘制AP Div”按钮,按住左键不松开,拖到新建好的AP Div中松开即可2新建一个普通AP Div,在单击“绘制AP Div”按钮后,按住“Alt”键可以使用Ctrl+U组合键,调出“首选项参数”对话框,在分类栏中选择“AP元素”。勾选“在AP Div创建以后嵌套”。这样软件会自动地将绘制时相交的两个AP Div嵌套。AP Div的操作选择单个的AP Div每个AP元素对应一个AP元素锚点,默认情况下不会显示.执行“编辑 首选项

21、参数”,在“分类”栏中选择“不可见元素”选项。勾选“AP元素的锚点”再执行“查看 可视化助理 不可见元素”使不可见元素命令为选中状态。1单击AP元素锚点2单击AP Div的边框3单击AP Div左上角的选择手柄选择多个AP Div1按住“Shift”键逐个单机想要操作的AP Div2在“AP元素”面板中按“Shift”或按住“Ctrl+Shift”选中需要操作的AP Div最后选中的AP Div边框的调整手柄控制点是实心小方块,其他的为空心。 如果要对窗口中的所有AP Div进行选择。按住“Shift”后,单击AP Div锚点列中的第一个锚点调整AP Div的大小选中后,按住“Ctrl”,按下

22、相应的方向键,对右边框和下边框进行操作。每次移动1个像素按住“Ctrl+Shift”每次移动10像素。同时对多个AP Div调整时,执行“修改 排列顺序”选择调整AP Div大小的方式。被选中的多个AP Div将调整和最后一个选中的等高或等宽。设置AP Div的属性左、上用来调整AP Div的位置。“左”:左边框与页面左边或父AP Div左边框的距离“上”:上边框与页面顶变或 的距离Z轴Z轴的数值用来显示AP Div的堆叠顺序号。数值大的AP Div会出现在数值小的AP Div的上方可见性有4个值。Default:默认可见,但也可以被上一层的AP Div覆盖Inhert:表示继承,多用于嵌套中

23、,可继承父AP Div的可见性益处调整AP Div中内容的显示方法剪辑在文本框中输入数值,剪辑不是将AP Div中的内容剪裁掉,而是对其隐藏“AP元素”面板Z轴栏单击要操作的AP Div名称,按住鼠标左键拖动,改变它们的堆叠顺序面板在选中一个AP Div后,按住“Ctrl”,将它拖到想要嵌套的AP Div上面将AP Div转换成表格执行“修改 转换 将AP Div转换成表格” 将表格转换成AP Div如果网页使用表格进行布局的,那么修改起就比较麻烦,转换为AP Div来调整可以利用AP Div的可随意移动的特性执行“修改 转换 将表格转换成AP Div”AP Div的相对定位Apdiv的默认定

24、位为绝对定位position:absolute当浏览器大小发生改变时,apdiv位置不会发生改变,这样会导致元素间错位、堆叠。相对定位position:relative切换到“代码”视图 将HTML代码“position:absolute ”更改为“position:relative”AP Div与时间轴结合网页上漂浮的可移动小广告就是由AP Div与时间轴结合产生的执行“窗口 时间轴”1将AP Div拖入时间轴属性栏中拖动时间轴为AP Div选定移动效果持续的时间在初始帧和最后帧中间插入关键帧,每添加一个关键帧,就将AP Div拖至合适的位置2也可直接在时间轴属性栏的右上角单击。选择“记录A

25、P元素的路径”这时就可以在窗口中随意拖动AP Div使用层叠式样式表(CSS)CSS的分类类样式(可应用于任何标签)相当于c+中的类标签重新定义特定标签放入外观。例如对h2标签的修改高级(ID、伪类选择器)可以重新定义特定标签的组合或定义包含特定ID属性的标签伪类标签的状态在用户操作时会动态变化或随着时间推移产生不同的输出效果外部CSS样式表一个单独存储在外部的CSS文件(.css)中的CSS规则。利用文档头部分中的链接,应用到web站点中的多个页面内部CSS样式表包含在HTML文档文件头部分标签内的CSS规则,只对一个页面有效新建CSS样式1新建一个空白HTML文档2单击窗口菜单,选择“CS

26、S样式”或面板组中打开CSS3 在“全部”模式的CSS样式面板上,单击右下角的“新建CSS规则”或在窗口点右键,选择“新建”定义在定义CSS样式表是内部还是外部1执行“文件 新建”2打开CSS样式面板3单击“新建CSS规则”或在空处点右键,选择“新建”软件自身提供的样式表1将CSS样式面板打开,在面板的右下方单击“附加样式表”按钮2在弹出框中单击蓝色载体“范例样式表”定义CSS规则区块字母间距增加或减少字母或字符的间距,若要减少字符间距,西药指定一个负值垂直对齐仅当用于标签是,Dreamweaver才在“文档”窗口中显示该属性文本属性指定第一行文本缩进的程度,仅当用于块级元素时,Dreamwe

27、aver才在“文档”窗口中显示该属性图为将垂直对齐方项设置对“上标”后的效果方框可以设置控制元素在页面上的放置方式的标签和属性宽和高设置元素的宽度和高度浮动设置其他元素在哪个边绕元素浮动清除定义不允许出现层的边填充指定元素内容和元素边框之间的空格量边界指定元素的边框和另一元素之间的空格量定位可以对页面上元素的位置进行精确控制套用CSS样式选中要要用样式的元素对象1在菜单栏中执行“文本 CSS样式”2打开CSS样式面板,选择样式,单击右上角按钮。从弹出的列表中找到“套用”单击。3在属性检查器中添加CSS样式附加样式表打开CSS样式面板,在面板右下角单击“附加样式表”按钮添加方式中,链接就是创建当

28、前文档和外部样式表的链接。导入就是引用外部样式表删除已应用的样式将需要删除样式的内容选中1在属性检查器的样式列表中选择“无”2在标签检查器中找到“CSS/辅助功能”。删除“class“属性中的值使用框架布局页面框架是设计网页时经常用到的一种布局技术。利用框架可已经将浏览器的窗口随意的分成多个子窗口,各个窗口之间可以毫无关联。使用预设的框架集1插入栏2在“新建文档”中创建新的框架集3执行“插入记录 HTML 框架”创建和编辑框架集执行“查看 可视化助理 框架边框”可以使文档窗口中的框架边框可见1创建框架集可以执行“修改 框架集”,然后从子菜单选择拆分选项2拖动框架边框,从框架的一个角拖动边框可以

29、将文档分割成4个框架。拖动时可以配合“Alt”键删除一个框架是,将框架便拖至页面边框或父框架边框即可。用户不能通过拖动边框完全删除一个框架集。要删除一个框架集,需关闭显示他的文档窗口。拖动框架边框可以粗调框架大小。要指定准确大小,可以使用属性检查器创建嵌套框架集把光标定位在需要嵌套的框架内,新建框架集框架的基本操作可以在文档窗口中选择框架或框架集,也可以通过“框架”面板进行选择选择框架1在框架面板上单击框架2在文档窗口按住“Alt”键单击框架源文件指定在框架中显示的源文档。可以单击文件夹图标查找并选取文件,还可以执行“文件 在框架中打开”不能调整大小限定框架尺寸,防止用户拖动框架边框边界宽度、

30、高度设定框架边框和内容之间的距离框架内的超链接用户在框架内建立超链接时,希望内容在框架内打开。在目标中选择框架名称即可为不支持框架的浏览器定义内容执行“修改 框架集 编辑不框架内容”当不支持框架的浏览器加载该框架集文件时,只显示用标签括起来的内容创建嵌入式框架嵌入式框架实际上就是插图在一个框架之内的框架集插入时先选定要插入的位置1执行“插入记录 标签”2在左边的一栏执行“HTML 页元素 常规”。选择“iframe”项3单击“插入”按钮。出现单击“浏览”,选择准备好的内容设置完后单击“确定”就把标签设置完毕了,然后再单击标签选择器中的“插入”将设置好的标签插入页面中。使用模板和库使用模板可以使

31、网站拥有统一的风格,在修改时可以一次性更新多个页面。软件自身的模板执行“文件 新建” 创建自定义模板将自己满意的页面保存为模板,执行“文件 另存为”保存类型选择“模板文件”(.dwt)类型。或在插入栏的“常用”选项卡中使用资源面板创建新模板执行“窗口 资源”。或在资源面板的“文件”选项卡中选择左侧的“模板”选项,在底部单击“新建模板”,模板列表里就会添加一个无标题的新模板。创建的空的新模板会保存在“Template”文件夹中模板中的区域可编辑区域是指用户可以对其编辑和修改的区域,不可编辑区域是指在不同新闻页面都要保持一致的部分插入可编辑区域1执行“插入记录 模板对象 可编辑区域”2插入栏的“常

32、用”选项使用AP Div时,其本身与AP Div中的内容是不同的元素,应该分别设置为可编辑区域选择可编辑区域删除可编辑区域执行“修改 模板 删除模板标记”可重复区域重复区域可以在文档窗口中的模板页面复制任意次数的模板部分。重复区域可以用于表格,或为其他页面元素定义重复区域用来显示数据库中的多条记录,如果没有重复区域的话就只能显示一条记录。比如说一个表中有以下几个项:id,name,password,email表中有三条记录,如果不加重复区域的话,只能显示其中的一条记录,如:1(id),china(name),people(password),china(email)如果加上重复区域的话则可以全

33、部显示三条记录。创建重复区域重复区域是不可编辑区域,若要编辑,需插入可编辑区域。1定位在想要插入重复区域的地方2执行“插入记录 模板对象 重复区域”或用“插入栏”插入重复表格执行“插入记录 模板对象 重复表格”或插入栏可选区域当想要为在文档中显示内容设置条件时,可使用可选区域。可以为模板参数设置特定值,或在模板中定义条件语句。根据您在模板中定义的条件,用户可以在他们创建的文档中编辑参数并控制可选区域是否显示。添加可选区域修改可选区域单击模板选项卡或模板标签选中可选区域1利用属性修改器2转至“代码”视图应用模板用户既可以使用模板创建新文档,也可将模板应用于现有文档使用模板创建新文档执行“文件 新

34、建”选择站点中的模板也可以在资源面板中选择模板,单击应用或单击右键选择“从模板中新建” 在现有文档中应用或删除模板把模板应用到文档打开文档,执行“修改 模板 应用模板到页”在资源面板中单击“应用”。或直接拖入文档中将文档与模板分离如果想对应用了模板的文档中的可编辑区域和不可编辑区域进行修改,就必须将文档分离。执行“修改 模板 从模板中分离”库项目库项目是一种可以在多个页面中重复使用的页面元素,库是一种特殊的Dreamweaver文件在资源面版中添加库项目Dreamweaver会将库项目存放在每个站点的Library文件夹中1选择准备作为库项目的元素2在面板上单击“库”按钮3单击“新建库项目”按

35、钮使库项目可编辑1选中库项目,单击属性检查器中的“从源文件中分离”2编辑完后再面板中单击“新建库项目”重新创建使用当前所选项目覆盖原始库项目应用和更新库项目向文档应用库项目时,并不是在页面中插入库项目,而是插入一个指向库项目的链接。如果插入库项目内容到文档中,而又不是要在文档汇总创建该项目的实体,可以按住“Ctrl”的同时拖拽该项目于文档。手动更新修改后的库项目执行“修改 库 更新页面”使用行为行为时用来动态小功能应用户操作、改变当前页面效果或执行特定任务。行为代码是客户端JavaScript代码,它运行于浏览器中,而不是服务器上应用行为用户可以将行为添加到整个文档(即添加到body标签),或

36、其他HTML元素中1选择元素2执行“窗口 行为”或按“Shift+F4”,打开行为面板3单击“+”按钮,从下拉菜单选择一个动作4在对话框中输入参数设置行为打开浏览器窗口当此行为触发时会打开一个新的窗口用户可以设置窗口的大小播放声音如果想创建背景音乐,则选中标签,然后添加行为改变属性只有为对象设置了ID名称后才能在“改变属性”动作中队其设置。可以设置光标经过时变换图像。检查表单要对表单中单个元素检查时,选中一个文本域执行“窗口 行为”对用户提交表单时检查多个域,单击标签并执行“窗口 行为”触发动作 onblur和onchange的区别。Onblur不管用户是否在该域中输入内容都会发生,而onch

37、ange只有在修改了该域内容时才发生。拖动AP 元素如果使用了拖动拖动AP 元素行为,那么就可以制作能让浏览者任意拖动的对象例如网页拼图游戏添加拖动AP元素时,不是直接在所选内容上添加,而是在页面上添加。选中标签,或单击页面空白处,在行为列表添加拖动AP 元素使用表单1将光标定位在要插入表单的位置2执行“插入记录 表单”或在插图栏“表单”选项卡红色的轮廓线表示表单,如果没有看到,在文档窗口上面的可视化助理项中点击“隐藏所有可视化助理”3选中表单对象在属性检查器中设置使用文本域是可以输入文本内容的表单对象1在插入栏中单击“文本区域”按钮2在属性检查器中设置参数字符宽度设置域中可显示的最大字符数,可以小于“最多字符数”虚拟当用户输入内容超过文本区域的右边界时,自动换行隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上例如一个网站用户注册分两步完成,每一步对应一个表单网页,填完第一个表单网页后进入第二个表单网页,在用户填完第二个表单时需要将

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论