internet技术及应用网页制作中的高级控制技术.pptVIP

动态模板的使用 DHtml技术(脚本语言） CSS技术 什么是模板 模板是网页编辑软件生成具有相似结构和外观的一种网页制作功能。当希望站点中的网页享有某种特性，例如相同的布局结构，相似的导航栏等内容，模板是非常有用的。 一旦把模板应用于一组网页，就可以通过编辑该模板来改变这一组网页中的共享信息。例如，将模板中的导航栏更改后，这些应用了模板的页面中的导航栏将被自动更新。 保存模板 在站点中打开一个制作好的网页；选择“File”（文件）菜单中的“Save As Template…”（另存为模板）命令，打开“Save As Template”（另存为模板）对话框；在“Site”（站点）框内选择以后要使用该模板的站点名称，然后在“Save As”（另存为）框内输入模板名称，单击“Save”按钮。 编辑模板 模板包括“Editable Region”（可编辑区域）和不可编辑区域，前者对于由它产生的网页而言，可以是不同的内容，后者在模板窗口中可以编辑，而在文档窗口中不能进行编辑。因此，所有应用该模板的不可编辑区域的内容都相同。 编辑模板 在模板窗口中选择一个要作为可编辑区域的单元格，然后选择“Modify”（修改）菜单中的“Template”（模板）命令，在其子菜单中选择“New Editable Region”（新的可编辑区域）命令，打开“New Editable Region”对话框；在“Name”（名称）框中输入可编辑区域的名称，再单击“OK”按钮，则该区域所在单元格被定义为可编辑区域（周围出现浅蓝色边线），使用相同方法定义其他可编辑区域；按【Ctrl + S】保存模板。 应用模板 应用动态模板 格式，动态模板，应用动态模板 更新模板 如果对模板作了修改或者进行了重命名等操作，FP 会弹出一个“Update Files”（更新文件）对话框，提示您是否将应用模板的网页更新，此时按下“Update”按钮即可以更新所有应用模板的文件。 HTML语言与网页设计 ——DHTML技术 学习目标 理解客户端脚本的作用，掌握在网页中使用客户端脚本的方法。 理解JavaScript语言的基本语法。 理解JavaScript对象和浏览器对象在脚本编程中的作用。 理解DHTML的原理，能够在网页中应用DHTML特效。 Part1 在网页中使用脚本 什么是脚本 脚本（Script）实际上就是一段程序，用来完成某些特殊的功能。 服务器端脚本：例如 ASP、JSP、PHP等 客户端脚本：例如JavaScript、VBScript等。 客户端脚本的作用 客户端脚本经常用来检测浏览器、响应用户动作、验证表单数据以及显示各种自定义内容，如特殊动画、对话框等。 使用客户端脚本 方式1：插入脚本 用script标记符嵌入脚本程序， 例如： script language=Javascript 此处为程序代码 /script 演示——插入脚本 html head My first JavaScript! /head body br This is a normal HTML document. br script language=LiveScript document.write(这是以 JavaScript 印出的!) /script br Back in HTML again. /body /html 使用客户端脚本 方式2：直接添加脚本 直接将代码作为事件响应属性的值。 例如： input type=button onclick=javascript:alert(“hello”) 演示——直接添加脚本 略 使用客户端脚本 方式3：链接脚本文件 用script的src属性指定一个外部javascirpt文件（后缀为.js ） 例如： script language=javascript src=test.js/script 演示——链接脚本文件 略 Part 2 JavaScript简介 JavaScript变量和运算符 变量不需要指定类型，用var定义，也可不定义 JavaScript运算符与C语言非常相似，包括算术运算符、逻辑运算符、比较运算符、字符串运算符、条件运算符等。 JavaScript语句 JavaScript语句也与C语言很相似，包括：条件语句（if else, switch）、循环语句（for, while, do while）等。 如果一行用多个语句，应用分号分隔，否则可以省略分号。 JavaScript函数 JavaScript函数用function作为关键字，通常在HEAD标记符内定义，形式如下： function fun_n