网页设计与制作教程.pptVIP

7.5制作框架网站框架是网页中经常使用的页面设计方式，框架的作用就是把网页在一个浏览器窗口下分割成几个不同的区域，实现在一个浏览器窗口中显示多个HTML页面。使用框架可以非常方便地完成导航工作，让网站的结构更加清晰，而且各个框架之间不存在干扰问题。利用框架最大的特点就是使网站的风格一致。通常把一个网站中页面相同的部分单独制作成一个页面，作为框架结构的一个子框架的内容给整个网站公用。一个框架结构有如下两部分网页文件构成。框架（Frame）：框架是浏览器窗口中的一个区域，它可以显示与浏览器窗口其余部分中所显示的内容无关的网页文件。框架集（Frameset）：框架集也是一个网页文件，它将一个窗口通过行和列的方式分割成多个框架，框架的多少根据具体有多少网页来决定，每个框架中要显示的就是不同的网页文件。7.5.1创建框架在创建框架集或使用框架前，通过选择“查看”→“可视化助理”→“框架边框”命令，使框架边框在文档窗口的设计视图中可见。7.5.2保存框架每一个框架都有一个框架名称，可以用默认的框架名称，也可以在“属性”面板中修改名称，我们采用系统默认的框架名称topFrame（上方）、leftFrame（左侧）和mainFrame（右侧）。7.5.3编辑框架式网页虽然框架式网页把屏幕分割成几个窗口，每个框架（窗口）中放置一个普通的网页，但是编辑框架式网页时，要把整个编辑窗口当做一个网页来编辑，插入的网页元素位于哪个框架，就保存在哪个框架的网页中。框架的大小可以随意修改。7.5.4在框架中使用超链接在框架式网页中制作超链接时，一定要设置链接的目标属性，为链接的目标文档指定显示窗口。链接目标较远（其他网站）时，一般放在新窗口；在导航条上创建链接时，一般将目标文档放在另一个框架中显示（当页面较小时）或全屏幕显示（当页面较大时）。7.6层与时间轴的应用层是CSS中的定位技术，在Dreamweaver8中对其进行了可视化操作。文本、图像、表格等元素只能固定其位置，不能互相叠加在一起，而层可以放置在网页文档内的任何一个位置，层内可以放置网页文档中的其他构成元素，层可以自由移动，层与层之间还可以重叠，层体现了网页技术从二维空间向三维空间的一种延伸。7.6.1创建层7.6.2设置层的属性7.6.3时间轴7.6.4创建时间轴动画7.7利用行为制作动态页面一般说来，动态网页是通过JavaScript或基于JavaScript的DHTML代码来实现的。包含JavaScript脚本的网页，还能够实现用户与页面的简单交互。但是编写脚本既复杂又专业，需要专门学习，而Dreamweaver8提供了“行为”的机制，虽然行为也是基于JavaScript来实现动态网页和交互的，但却不需书写任何代码。在可视化环境中单击几个按钮，填几个选项就可以实现丰富的动态页面效果，实现人与页面的简单交互。行为是事件与动作的彼此结合。例如，当鼠标移动到网页的图片上方时，图片高亮显示，此时的鼠标移动称为事件，图片的变化称为动作，一般的行为都是要由事件来激活动作。动作由预先写好的能够执行某种任务的JavaScript代码组成，而事件与浏览器用户的操作相关，如单击鼠标、鼠标上滚等。7.8制作表单页面7.8.1关于表单使用表单，可以帮助Internet服务器从用户那里收集信息，例如收集用户资料，获取用户订单，在Internet上也同样存在大量的表单，让用户输入文字进行选择。7.8.2认识表单对象在Dreamweaver8中，表单输入类型称为表单对象。可以通过选择“插入”→“表单对象”命令来插入表单对象，或者通过从图7-75所示的“表单”面板访问表单对象来插入表单对象。7.8.3创建表单在Dreamweaver8中可以创建各种各样的表单，表单中可以包含各种对象，例如文本域、按钮、列表等。7.8.4表单的应用思考与练习1．如何使用Dreamweaver8搭建本地站点？2．在Dreamweaver8中实现文本的插入与编辑应注意哪些事项？3．在Dreamweaver8中使用图像和声音等元素应该注意哪些细节？4．在Dreamweaver8中如何编辑框架式网页？5．如何利用Dreamweaver8的行为制作动态页面?第8章网页制作脚本语言8.1VBScript与JavaScript8.1.1VBScript与JavaScriptVB