《网页设计全套》PPT课件.ppt

《《网页设计全套》PPT课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第13章Dreamweaver功能扩展应用第三方插件网页制作技巧常见网页特效网页制作常见问题13.1应用第三方插件13.1.1下载第三方插件互联网上有很多网站都提供Dreamweaver第三方插件的下载，这些插件有的是个人开发的免费版本，有的是团队开发的商业版本，大家可以通过选择Dreamweaver“命令”菜单中的“获取更多命令”菜单项，打开Adobe公司的插件下载网页来下载一些比较常用的第三方插件。13.1.2安装第三方插件第三方插件都有统一的格式，可以使用专门的扩展管理器“ExtensionManager”非常方便地安装或卸载插件。显示所选

2、插件说明显示插件列表13.1.3应用第三方插件Dreamweaver中的插件分为多种，如果按作用划分，可分为链接类插件、导航类插件、窗口类插件、层类插件等。如果按性质划分，可分为HTML代码插件、JavaScript命令插件，以及新的行为、属性检查器和浮动面板等。13.1.4管理插件插件的管理主要包括删除插件、打开或关闭插件等。要管理插件，仍需借助扩展管理器。要删除插件，可首先在插件列表中选中插件，然后单击“移除扩展”按钮；要打开或关闭插件，可以选择或取消插件列表区插件名称左侧的复选框。13.2网页制作技巧13.2.1让你的网页无法另存为经常上网

3、的人都知道，选择“文件”>“另存为”菜单，即可将自己喜欢的网页保存在本机上，那么如何防止自己的网页被“另存为”呢。非常简单，只需在代码视图中标签的前面插入下面的代码即可：13.2.2隐藏右键快捷菜单在一般的网页上，单击鼠标右键即可弹出一个快捷菜单，使用该菜单可以另存网页中的图片或背景，还可以复制文字。如果不想让网页中的内容或图片被别人利用，可以隐藏该快捷菜单。方法非常简单，只需将网页中的标签改为下面的形式即可。13.2.3跑马灯效果在很多

4、网页上都可以看到文字自下向上或自左向右滚动的效果，这就是所谓的跑马灯效果，那么如何实现这种效果呢？为你的文字加上下面所示的“”标签即可。13.2.4滚动条的显隐在有些网站中，为使画面美观，经常需要隐藏滚动条，实现这种效果的方法非常简单，只需在标签中加入“scroll="no"”即可，如下代码所示。13.2

5、.5提高网页下载速度1．优化表格提速表格的使用增加了显示页面的时间，因为浏览器需要在填充表格内容之前完全理解表格的结构，在大部分表格内容下载完之前，浏览器什么也不能渲染。表格越大，需要处理的信息也就越大。一般来说，大量小表格渲染起来比一个有很多行的大表格要快。2．利用缓存提速缺省情况下，浏览器在内存或硬盘上设置缓存来存储最近用到的图像。也就是说，对于那些在网站中重复出现的图像，比如网站标志、页首或导航条，如果浏览器辨别出是相同的文件名，它会直接从缓存中读取，而不再从网上下载，这就大大地节省了下载时间。针对这种情况，在设计网页时应该充分考虑浏览器的

6、缓存。13.3常见网页特效13.3.1脚本语言简介脚本语言是基于对象的编程语言，网页中常用的有VBScript、JScript和JavaScript，主要用来制作一些特殊效果，以弥补HTML的不足。现在有很多网站都提供网页特效的下载，这些网页特效便是用脚本语言实现的，其形式如下图所示。13.3.2显示日期和星期很多网站的首页都会显示欢迎信息或时间、日期等，使用脚本语言可以轻松实现该功能。把以下代码加入代码窗口的某区域中（可以放在单元格里），则在预览网页时该区域中将显示日期和星期。13.3.3在状态栏显示当前时间在6.2.3节中，我们曾介绍过使用行

7、为设置状态栏文本的方法，本节介绍如何使用脚本在状态栏中显示当前时间。13.3.4打开页面时根据当前时间出现相应问候语在不同的时间打开页面时，会看到不同的问候语。要实现这样的效果其实非常简单，把下面的代码加入到区域中即可。13.3.5自由改变图片大小浏览者将鼠标光标放置在图片的上方，单击并拖动可放大或缩小图片。完成该效果需要执行两步操作。13.3.6鼠标指向图片时图片变亮浏览者访问网页时，默认状态下图片呈模糊状态，当用鼠标指向图片时图片变亮。该效果可用于链接图片。13.3.7图像渐隐渐现特效浏览者访问网页时，图片逐渐变清晰，又逐渐变模糊

8、，直到消失。这种效果在flash中实现起来相当容易。本节我们来看看在Dreamweaver中如何实现。13.3.8炫彩变色菜单浏览者将鼠