dreamwaver网设计第章二_第1页
dreamwaver网设计第章二_第2页
dreamwaver网设计第章二_第3页
dreamwaver网设计第章二_第4页
dreamwaver网设计第章二_第5页
已阅读5页，还剩50页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第4章网页设计与美化第4章网页设计与美化4.1制作框架网站4.2层与时间轴的应用4.3利用行为制作动态页面4.4制作表单页面4.1制作框架网站框架是一个比较早出现的HTML对象，框架的作用就是把浏览器窗口划分为若干个区域，每个区域可以分别显示不同的网页。使用框架可以非常方便的完成导航工作，而且各个框架之间决不存在干扰问题，所以在模板出现以前框架技术一直普遍应用于页面的导航，它可以使网站导航比较清晰。4.1制作框架网站使用框架建设网站的最大的特点是使网站风格能够保持统一。一个网站的众多网页最好都有相同的地方，来做到风格统一。可以把这个相同的部分单独的制作一个页面，作为框架结构的各个子框架的内容给整个站点公用。通过这个方法达到了网站的风格的统一。4.1框架的基本操作创建框架集和框架选择框架和框架集保存框架和框架集设置框架集属性设置框架的背景色在框架中设置链接创建框架集和框架框架有两部分组成,即框架集和单个框架。框架集是在一个文档内定义一组框架结构的HTML网页，它定义了一个网页中的框架数目、每个框架的大小、载入每个框架的网页源和每个框架的其他属性等；单个框架指在网页中定义的一个区域，每个区域可以分别显示不同的网页。创建框架集和创建框架是同步进行的。只要创建了框架就一定形成了框架集；同样，创建的框架集就一定具有框架。创建框架页面使用“新建文档”对话框使用菜单命令使用布局面板创建框架页面使用“新建文档”对话框使用菜单命令新建一个空白文档执行“插入”“HTML”“框架”命令，在弹出的子菜单中选择所需的选项使用布局面面板创建框框架页面以上方法既既是创建框框架集也是是创建框架架的。创建框架集集创建自定义义框架集，，可以执行行“查看””““可视化助助理”““框架架边框”选择框架和和框架集在文档窗口口的设计视视图中，在在选定了一一个框架后后，其边框框被虚线环环绕；在选选定了一个个框架集后后，该框架架集内的框框架的所有有边框都被被虚线环绕绕。选择框架①按住Alt键选选择框架②使用框框架面板选选择框架选择框架集集①单击框框架的边框框②单击““框架”面面板中最外外层的边框框保存框架和和框架集在浏览器中中预览框架架集前，必必须保存框框架集文件件，以及要要在框架中中显示的所所有文档。。可以单独独保存每个个框架集文文件和带框框架的文档档，也可以以同时保存存框架集文文件和框架架中出现的的所有文档档。保存框架集集选择框架集集之后，进进行保存。。只保存框架架集的框架架结构页面面是不能完完全显示的的，还必须须将每个框框架文档进进行保存。。保存框架鼠标单击框框架文档，，进行框架架页保存。。保存框架集集和框架执行“文件件”，““保存全部部”，将整整个框架集集保存为index.html接着保存下下面的各框框架。设置框架属属性选定具体框框架，利用用“属性””面板进行行设置。设置框架集集属性选定框架集集后，利用用“属性””面板进行行设置。设置框架的的背景色将光标置于于要改变背背景色的框框架中执行“修改改”““页面面属性”命命令，打开开“页面属属性”对话话框进行设设置在框架中设设置链接应用一个框框架的一个个主要目的的是实现框框架之间的的链接。浮动框架<iframe>。。。。。。。</iframe>天气预报浮浮动框架<iframesrc="/m/pn1/weather.htm"width=""height=""marginwidth="0"marginheight="0"hspace="0"vspace="0"frameborder="0"scrolling="no"></iframe>4.2层层与时间间轴的应用用层是一种HTML元元素，可以以将它定位位到网页的的任意位置置。层可以以包含文字字、图像或或其他任何何可在HTML文档档正文中放放入的内容容。层最主要的的特性是它它可以悬浮浮在网页内内容之上。。换句话说，，可以在网网页上任意意改变层的的位置，实实现对层的的精确定位位。正是由由于层的这这种特性，，才利用层层实现对网网页中的内内容进行精精确定位。。层可以被显显示或隐藏藏，通过程程序在网页页中控制层层的显示或或隐藏，实实现层上内内容的动态态交替显示示，实现一一些特殊的的显示效果果。层还可可以被重叠叠，因此可可以在网页页中实现内内容的重叠叠效果。层的基本操操作在Dreamweaver中中可以直接接在网页中中插入层。。通过“层””面板可以以管理文档档中的层。。使用“层层”面板可可防止重叠叠，更改层层的可见性性，将层嵌嵌套或层叠叠，以及选选择一个或或多个层。。执行“窗口”““层”命令，或或按F2键，打开““层”面板板，可以看看到所有的的层都显示示在其中。。要更改层的的排列次序序，可通过过修改层的的Z值来实现。单单击Z列中中的数字，，为所选层层输入新的的Z值，即即可改变层层的排列顺顺序。层的基本操操作插入层设置层的属属性选择层调整层的大大小移动层插入层将光标置于于要插入层层的位置，，执行“插插入”““布局对对象”““层”命令令设置层的属属性选择一个层层，执行““窗口”““属性”命命令，打开开“属性””面板来更更改层的属属性。选择层选择层的三三种方法是是：①将光标标移动至需需选择的层层边框，光光标变为，，单单击鼠标左左键即可选选择该层。。②在层的的内部单击击属性，显显示层的选选择柄，，单击击选择柄，，即可选择择层，如果果选择柄不不可见，可可在该层中中的任意位位置单击以以显示该选选择柄。③打开“层”面板板，在“层””面板中选选择层名称称，即可选选择该层。。按shift可以以选择多个个层。调整层的大大小单击层的边边框调整层层的大小使用属性面面板调整层层的大小4.3利利用行为为制作动态态页面一般说来，，动态网页页是通过JavaScript或基于于JavaScript的DHTML代码来实实现的。包包含JavaScript脚脚本的网页页，还能够够实现用户户与页面的的简单交互互。但是编编写脚本既既复杂又专专业，需要要专门学习习，而Dreamweaver提供供了“行为为”的机制制，虽然行行为也是基基于JavaScript来来实现动态态网页和交交互的，但但却不需书书写任何代代码。在可可视化环境境中单击几几个按钮，，填几个选选项就可以以实现丰富富的动态页页面效果，，实现人与与页面的简简单交互。。利用行为制制作动态页页面行为的概念念使用行为创创建动感网网页利用脚本制制作特效网网页4.3.1行为为的概念行为是目前前设计网页页的主流技技术之一，，它强大的的网页互动动功能，使使众多的网网页设计者者能发挥最最大的思维维空间，其其效果更令令网络上的的众多浏览览者感叹不不已。行为是一些些JavaScript程序序，它由两两部分组成成：一部分分是事件，，另一部分分是动作。。动作是特特定的JavaScript程序，只只要事件发发生，相应应的程序就就会自动运运行。事件事件用于指指定选定的的行为动作作在何种情情况下发生生。网页窗口事件onMove:移动窗口时发生的事件。onLoad:选定的对象出现在浏览器时发生的事件。onResize:访问者改变窗口的大小时发生的事件。onUnload:访问者退出网页文档时发生的事件。关于鼠标和键盘的事件onClick:用鼠标单击选定元素的一瞬间发生的事件。onFocus:鼠标指针移动到窗口上，即激活之后发生的事件。onMouseDown:单击鼠标右键一瞬间发生的事件。onMouseMove:鼠标指针经过选定元素上方时发生的事件。onMouseOut:鼠标指针经过选定元素之外时发生的事件。onMouseOver:鼠标指针经过选定元素上方时发生的事件。onMouseUp:单击鼠标右键,然后释放时发生的事件。onScroll:访问者在浏览器上移动滚动条的时候发生的事件。onKeyDown:在键盘上按住特定键时发生的事件。onKeyPress:在键盘上按特定键时发生的事件。onKeyUp:在键盘上按下特定键并释放时发生的事件。关于表单的事件onAfterupdate:更新表单文档的内容时发生的事件。onBeforeUpdate:改变表单文档的项目时发生的事件。onChange:访问者修改表单文档的初始值时发生的事件。onReset:将表单文档重设置为初始值时发生的事件。onSubmit:访问者传送表单文档时发生的事件。onSelect:访问者选定文本字段中的内容时发生的事件。其他事件onError:在加载文档的过程中，发生错误时发生的事件。onFilterChange:运用于选定元素的字段发生变化时发生的事件。Onfinish:用功能来显示的内容结束时发生的事件。Onstart:开始应用功能时发生的事件。使使用行为创创建动感网网页交换图象弹出信息打开浏览器器窗口显示-隐藏藏层检查表单设置状态栏栏文本转到URL创建跳转菜菜单交换图象在网络上看看到过这样样的网页，，当鼠标移移动到图象象上，网页页会自动变变换成不同同的图象，，这种方法法用来展示示产品，效效果挺不错错。交换图象选中文档中中的图片，，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“交换图象”选项，打打开“交换换图象”对对话框弹出信息弹出信息动动作显示一一个带有JavaScript警告。。“弹出信息息”动作不不能控制JavaScript警告的的外观，这这是由访问问者的浏览览器决定的的。如果希望对对信息的外外观进行更更多的控制制，可使用用“打开浏浏览器窗口口”行为。。打开文档，，单击窗口口左下角的的<body>标签，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“弹出信息”选项，打打开“弹出出信息”对对话框注意：将事事件设置为为onload,表示载入页页面时弹出出该信息。。打开浏览器器窗口使用“打开开浏览器窗窗口”动作作可以在一一个新的窗窗口中打开开URL,可以指定定新窗口的的属性、特特性和名称称。打开文档，，单击窗口口左下角的的<body>标签，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“打开浏览器器窗口”选项，打打开“打开开浏览器窗窗口”对对话框“打开浏览览器窗口””对话框框显示-隐藏藏层“显示-隐隐藏层”动动作显示、、隐藏或恢恢复层的默默认可见性性，此动作作用于在用用户与网页页进行交互互时显示信信息。检查表单选中表单域域，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“检查表单”选项，打打开“检查表单”对话框框设置状态栏栏信息“设置状态态栏文本””动作在浏浏览器窗口口底部左侧侧的状态栏栏中显示信信息。可以以使用此动动作在状态态栏说明链链接的目标标，而不是是显示与之之关联的URL。打开文档，，单击窗口口左下角的的<body>标签，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“设置文本”选项，选选择“设置状态栏栏文本”，打开““设置状态态栏文本””对话框框转到URL利用转到URL动作作可在当前前窗口或指指定的框架架中打开一一个新页,此动作对对通过一次次单击更改改两个或多多个框架的的内容特别别有用。还还可以在时时间轴中调调用此动作作在指定的的时间间隔隔后跳到一一个新页。。打开文档，，单击窗口口左下角的的<body>标签或或任意对象象，打开“行为”面面板，单击面板板上的“+”按钮钮，在弹出的的菜单中选选择“转到URL”选项，打打开“转到到URL””对话框框“转到URL”对对话框创建跳转菜菜单跳转菜单是是超级链接接的一种形形式，使用用跳转菜单单要比其他他形式链接接节省更多多的空间，，跳转菜单单从菜单发发展而来，，浏览者单单击并选择择下拉菜单单时会跳转转到目标网网页。将光标置于文档中，执行“插入”菜单“表单”“跳转菜单”跳转菜单单开始创建跳转转菜单插入按钮钮,打开开“行为””面板，单击面面板上的的“+”按按钮，在弹出出的菜单单中选择择“跳转菜单单开始”选项，，打开“跳转

人人文库> 全部分类> 专业文献 > 生活休闲

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论