《《网页设计全套》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《网页设计全套》PPT课件.ppt（27页珍藏版）》请在三一办公上搜索。
1、第13章 Dreamweaver功能扩展,应用第三方插件网页制作技巧常见网页特效网页制作常见问题,13.1 应用第三方插件,13.1.1 下载第三方插件,互联网上有很多网站都提供Dreamweaver第三方插件的下载，这些插件有的是个人开发的免费版本，有的是团队开发的商业版本，大家可以通过选择Dreamweaver“命令”菜单中的“获取更多命令”菜单项，打开Adobe公司的插件下载网页来下载一些比较常用的第三方插件。,13.1.2 安装第三方插件,第三方插件都有统一的格式，可以使用专门的扩展管理器“Extension Manager”非常方便地安装或卸载插件。,显示所选插件说明,显示插件列表,
2、13.1.3 应用第三方插件,Dreamweaver中的插件分为多种，如果按作用划分，可分为链接类插件、导航类插件、窗口类插件、层类插件等。如果按性质划分，可分为HTML代码插件、JavaScript命令插件，以及新的行为、属性检查器和浮动面板等。,13.1.4 管理插件,插件的管理主要包括删除插件、打开或关闭插件等。要管理插件，仍需借助扩展管理器。要删除插件，可首先在插件列表中选中插件，然后单击“移除扩展”按钮；要打开或关闭插件，可以选择或取消插件列表区插件名称左侧的复选框。,13.2 网页制作技巧,13.2.1 让你的网页无法另存为,经常上网的人都知道，选择“文件”“另存为”菜单，即可将自
3、己喜欢的网页保存在本机上，那么如何防止自己的网页被“另存为”呢。非常简单，只需在代码视图中标签的前面插入下面的代码即可：,13.2.2 隐藏右键快捷菜单,在一般的网页上，单击鼠标右键即可弹出一个快捷菜单，使用该菜单可以另存网页中的图片或背景，还可以复制文字。如果不想让网页中的内容或图片被别人利用，可以隐藏该快捷菜单。方法非常简单，只需将网页中的标签改为下面的形式即可。,13.2.3 跑马灯效果,在很多网页上都可以看到文字自下向上或自左向右滚动的效果，这就是所谓的跑马灯效果，那么如何实现这种效果呢？为你的文字加上下面所示的“”标签即可。,13.2.4 滚动条的显隐,在有些网站中，为使画面美观，经
4、常需要隐藏滚动条，实现这种效果的方法非常简单，只需在标签中加入“scroll=no”即可，如下代码所示。,13.2.5 提高网页下载速度,1优化表格提速,表格的使用增加了显示页面的时间，因为浏览器需要在填充表格内容之前完全理解表格的结构，在大部分表格内容下载完之前，浏览器什么也不能渲染。表格越大，需要处理的信息也就越大。一般来说，大量小表格渲染起来比一个有很多行的大表格要快。,2利用缓存提速,缺省情况下，浏览器在内存或硬盘上设置缓存来存储最近用到的图像。也就是说，对于那些在网站中重复出现的图像，比如网站标志、页首或导航条，如果浏览器辨别出是相同的文件名，它会直接从缓存中读取，而不再从网上下载，
5、这就大大地节省了下载时间。针对这种情况，在设计网页时应该充分考虑浏览器的缓存。,13.3 常见网页特效,13.3.1 脚本语言简介,脚本语言是基于对象的编程语言，网页中常用的有VBScript、JScript和JavaScript，主要用来制作一些特殊效果，以弥补HTML的不足。现在有很多网站都提供网页特效的下载，这些网页特效便是用脚本语言实现的，其形式如下图所示。,13.3.2 显示日期和星期,很多网站的首页都会显示欢迎信息或时间、日期等，使用脚本语言可以轻松实现该功能。把以下代码加入代码窗口的某区域中（可以放在单元格里），则在预览网页时该区域中将显示日期和星期。,13.3.3 在状态栏显示
6、当前时间,在节中，我们曾介绍过使用行为设置状态栏文本的方法，本节介绍如何使用脚本在状态栏中显示当前时间。,13.3.4 打开页面时根据当前时间出现相应问候语,在不同的时间打开页面时，会看到不同的问候语。要实现这样的效果其实非常简单，把下面的代码加入到区域中即可。,13.3.5 自由改变图片大小,浏览者将鼠标光标放置在图片的上方，单击并拖动可放大或缩小图片。完成该效果需要执行两步操作。,13.3.6 鼠标指向图片时图片变亮,浏览者访问网页时，默认状态下图片呈模糊状态，当用鼠标指向图片时图片变亮。该效果可用于链接图片。,13.3.7 图像渐隐渐现特效,浏览者访问网页时，图片逐渐变清晰，又逐渐变模糊
7、，直到消失。这种效果在flash中实现起来相当容易。本节我们来看看在Dreamweaver中如何实现。,13.3.8 炫彩变色菜单,浏览者将鼠标光标放置在网页中的菜单上时，菜单会改变颜色。,13.3.9 打开的窗口自左上角展开,使用该效果，可以使打开的链接窗口自左上角慢慢地向右下方扩展开来。,13.3.10 输入框的聚焦效果,经常上网的人可能知道，在有些网页上，当光标靠近文本框时，框中的文字会自动被选中，不需要单击即可直接输入文字。该效果在输入用户名和密码时非常有用，实现方法也相当简单。,13.4 网页制作常见问题,13.4.1 图片的间隙,不知大家有没有遇到过这种情况，将一张大图片切割后在D
8、reamweaver中用表格进行拼接，预览网页时切割后的小图片之间总是会有间隙，这是为什么呢？此时需要检查是否把表格的边距、间距和边框均设置为0。另外，要注意在切割图片时切片之间的距离，如果这些都排除了，就需要打开代码视图来看看放置图片的小单元格中是否有空格符号“”，如果有，需要将其删除。,13.4.2 黄色警告,在Dreamweaver中编辑网页时，有时会出现黄色标识符，一般初学者可能不知道这是什么原因。这是由于网页代码中标识符不匹配或有非法标识符引起的，解决方法就是删除掉非法标识符或改正不正确的代码。这需要对HTML代码有一定的认识。,13.4.3 选择小图片,在编辑网页的过程中，有时需要
9、在表格或层中插入特别小的图片，那么如何选择这些非常小的（比如1px1px）图片呢？其实很简单，在插有小图片的表格单元格中单击，然后按【Shift】键加左、右方向键即可。,13.4.4 背景颜色的设置,由于IE浏览器的默认背景颜色为白色，因此，当网页背景为白色时，许多网页制作者会忽略网页背景色的设置。在此情况下，页面会以当前浏览器的背景色来显示内容，当访问者更改了浏览器的背景色时，往往会导致网站的美观性降低。所以，无论网页使用什么样的背景色，请一定要记住把它设置好，哪怕是白色！,13.4.5 表格左对齐,大家都知道，表格（Table）的默认水平对齐方式为左对齐，设置“align=left”和不设置的效果是一样的，于是很多人不去设置这个属性。但是在某些特殊情况下，IE会把默认的左对齐理解为居中对齐，从而导致页面的排版出现问题。所以大家在做网页的时候一定要养成设置表格水平对齐方式的吸光，不要偷懒跳过这步。,13.4.6 定义单元格宽度,不知读者有没有遇到过这种情况，当将一个单元格的水平对齐方式设置成左对齐后，却发现放在单元格中的文字并没有应用该属性，反而继续居中显示，查看文字两端也没有发现任何垃圾代码，可是无论如何都改变不了文字的位置。怎么办呢？原来是单元格的“宽度”属性在作怪，将其删除或重新设置后问题即可解决。,
