网页制作技术 杨尚森 第5章.pptVIP

第5章 高级网页制作 第5章 高级网页制作 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.1 行为 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.2 使用JavaScript代码 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.3 网页模板和资源面板 5.4 管理站点 5.4 管理站点 5.4 管理站点 5.4 管理站点 5.2.1 使用代码片断 1．使用“代码片断”面板 使用菜单“窗口”→“代码片断”，可打开“代码片断”面板，如图所示。 2．几个使用代码片段的实例 【实例5.8】插入关闭窗口按钮。 【实例5.9】插入页眉和导航效果。 5.2.2 一些常用效果的脚本代码 【实例5.12】显示用户输入的文字的长度。 【实例5.13】一个走马灯效果。可以使窗口标题、状态栏和窗口中的文字产生逐渐出现的变化效果，如图所示。 【实例5.14】在窗口中显示时钟。脚本中函数showTime()从date对象取出时间后显示在表单的单行文本框中，如图所示。 【实例5.20】使用动态CSS滤镜，当单击文字时，文字会发光。再次单击，发光消失，如图所示。 用模板和资源面板可以创建具有统一结构和外观的网站，在需要更改网站的整个外观时，只要将相应的模板文件和资源项目稍做修改，即可应用模板和资源对整个网站进行快速更新，节省编辑时间。 5.3.1 生成模板 1．保存模板文件 【实例5.21】将一个已存在的文件另存为模板。 2．使用资源面板 【实例5.22】生成一新的空白模板。 5.3.2 设置模板的属性 1．设置模板的页面属性 2．定义模板的可编辑区 3．定义重复区域 4．定义可选区域 5．定义嵌套模板 5.3.3 应用模板 1．基于模板创建文件 2．在已有的文件中应用模板 3．将文件从模板中分离 4．修改模板并更新站点 5.3.4 使用资源面板 1．使用资源面板添加网页元素 使用菜单“窗口”→“资源”可打开资源面板，如图所示。 2. 管理资源 5.3.5 使用库 使用库可处理在多个页面中使用并且需要经常更新的内容。 1．生成库项目 2．应用库项目 3．编辑库项目 4．修改使用库项目的页面 Dreamweaver 8提供了完善的站点管理的功能，可以方便地完成站点上传、在线管理等网络传输功能，使用文件管理还可以进行站点地图管理、链接管理。 5.4.1 站点上传 1．配置FTP上传功能 * * 学会制作基本的网页后，就要学习在网页中加入一些特殊的效果，例如图像运动、隐藏、增加一些动态文字效果等，这些都需要使用行为或编写脚本代码完成。使用模板和资源可以快速制作风格统一的网站。网站制作完成后，需要在服务器发布。本章将介绍这几种高级网页制作的知识。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 5.1 行为 5.2 使用JavaScript代码 5.3 网页模板和资源面板 5.4 管理站点 行为是 Dreamweaver 8的又一个非常好的功能，它使用户不用亲自手动编写HTML代码就可以制作出功能齐全的页面。例如，可以直接调用JavaScript、改变属性、检查插件、检查浏览器、拖动图层、播放声音等，还可以控制浏览器的显示、控制Shockwave、Flash以及时间轴等。一个行为通常由一个事件和一个动作组成。 5.1.1