? Z-轴:叠加顺序。数值高的层将显示在数值低的上面。数值可以是正的也
可以是负的。
? 可见性:指定层显示的初始情况(即显示与否)。
? ? ? ?
Default(缺省)不指定可视性属性,但大多数浏览器解释为继承。 Inherit(继承)就是继承该层父层的可视性属性。 Visible(可视)显示层的内容,不管其父层的值。 Hidden (隐藏)不显示层的内容,不管其父层的值。
? 背景图象:为层指定背景图像。
? 背景颜色:为层指定背景颜色。将这个选项空着即为指定透明背景。 ? 类:指定所用的HTML标签或CSS样式。
? 溢出:指定当层内的内容超出了层的设置大小,层将如何反应。从以下选
项中选择:
?
Visible(可视)当层内的内容超出了层的大小则增大层的尺寸。层的扩展方向为下方和右方
?
Hidden(隐藏)保持层的大小并裁掉容纳不下的东西。并且不会出现滚动
?
Scroll(卷轴)无论层内的内容是否超出了层的大小都为层添加滚动条。
?
Auto(自动)只有当层内的内容超出了它的边界才出现滚动条。
? 剪辑:定义层内的显示区域。 如需要用行为动作控制层,制作方法如下: ? 创建层
? 选择要控制层的显示或隐藏的对象后,打开[行为]面板。
? 点击(+)按钮并从【动作】弹出式菜单中选择【显示-隐藏层】。 (如果【显
示-隐藏层】动作不可用,可以在【选择浏览器】弹出式菜单中将改变目标浏览器改为IE 4.0。)
? 从[命名的层]列表中选取需要改变可见性的层。
? 点击[显示]显示层,[隐藏]隐藏层,或者[默认值]还原层的默认可见性。 ? 对于所有要改变可见性的层重复第4步和第5步。 ? 点击[确定]。
- 34 -
5. 设置超链接
利用超级链接可以实现文档间或文档中的跳转,超级链接由两部分组成:链接的载体以及链接的目标地址。许多页面元素可以作为链接载体,如:文本、图像、图像热区、轮替图像、动画…。而链接目标可以是任意网络资源,如:页面、图像、声音、程序、其他网站、Email、锚点。
设置超链接的方法和步骤如下:
1)在文档窗口的设计视图中选中一文本或图像。 2)打开属性检查器并执行以下任一操作:
? 点击链接域右边的文件夹图标浏览并选取文件。浏览找到被链接文档,路径
出现在URL域中。
? 点击链接域右边的指向文件按钮,将其拖至一个文件创建链接. ? 在链接域中,输入文档的路径与文件名。要链接到本站点中的某一文档,
输入一个文档相对或根相对路径要链接到当前站点之外的文档,输入包括协议名的绝对路径(比如 http://www.163.com)。
3)选择文档打开的位置。要使被链接文档不出现在当前窗口或帧中,从属性检查器的目标弹出菜单中选取一个选项。
? blank 装入链接的文档到一个新建的无名浏览器窗口。
? parent 装入链接的文档到包含链接的帧的父帧或父窗口中。如果包含链接
的帧是非嵌套的(无父帧),那么链接的文档将装入到整个浏览器窗口中。 ? self 装入链接的文档到与链接相同的帧或窗口中。这是默认的目标指向。
所以通常不用特意指定它。
? top 装入链接的文档到整个浏览器窗口,从而去除所有的帧
6. 交互表单
表单是网页中提供交互操作的重要手段,它可以收集浏览者提供的信息,并对此作出反应,处理用户的要求。
每个表单中都可以包含一系列的输入工具,如文本域、密码域、单选按钮、复选框、列表框、菜单、命令按纽、隐藏域等。在Dreamweaver中添加表单就像插入
- 35 -
其它对象一样,只需将光标置于插入点处,点击表单工具栏中的表单图标或插入菜单中的表单命令,将在文挡窗口中出现红色虚线组成的空白表单体,在表单体中可以放置各种表单对象。
应用示例:创建跳转菜单
跳转菜单是文档中站点访问者可见的一个弹出菜单,列出链接到文档或文件的选项,如图4.5所示。一个跳转菜单可包含有三个基本的组件:
? 菜单选择提示,比如菜单项的类别描述或说明,(可选)
? 链接菜单项列表:用户选择一菜单项,该菜单项链接的文档或文件被打开。
(必需)
? 一个[前住]按钮。(可选) 跳转菜单制作步骤如下:
1)选择【插入】|【表单对象】|【跳转菜单】。出现[插入跳转菜单]对话框。 2)如果需要创建选择提示,则在对话框的[文本]域中键入提示文本。在[选项]中选取[URL更改后选择第一个项目],然后点击(+)按钮添加一个菜单项。 3)在[插入跳转菜单]对话框的文本域中输入需要在菜单列表中显示的文本。 4)在[选择时, 前往的URL]域中通过点击[浏览],选取要打开的文件或键入要打开的文件路径。
5) 在[打开URL于]弹出式菜单中选取文件要在什么地方打开: 选取[主窗口]将在同一窗口中打开文件。
选取要打开文件的框架(要求是框架网页,并且框架必须已命名)。
6) 若要在菜单后加入[前往]按钮,而不是直接选取时就打开文件,则在[选项]中,选取[菜单之后插入前往按钮]选项。
7)若要添加其他的菜单项,点击(+)按钮并重复第3到第6步。 8)点击[确定]。
7. 添加多媒体
Dreamweaver中可以添加多种格式的多媒体插入对象,常见对象的插入方法参见表4.1所示。
- 36 -
图4.5 跳转菜单示例
表4.1 多媒体对象的插入方法
? 在网页中插入Flash影片 ? ? ? ? 在网页中添加音频 ? Flash影片的扩展名为.swf;文件名不能是中文 插入Flash:菜单栏中选择【插入】|【媒体】|【Flash】|【Flash影片】 要将Flash影片设置为透明,打开参数面板后进行设置 网络常用音频文件格式:.mid、.mp3、.wma、.rm 添加背景音乐:在body标签后添加
8. 系统的测试优化
网页制作完毕后,就可以将网站发布到Internet上,在发布网站之前应首先对网站进行测试与整理。主要工作包括:网页程序是否运行正常;网站中所有文件的链接是否正确,有没有断开的链接;网页在不同分辨率(主要是1024*768与800*600两种)的显示器下浏览能否正常的显示; 在不同版本的浏览器下能否正常的显示; 网站的文件是否冗余等,通过对站点进行整理,构建一个结构比较合理、资源不冗余的本地站点,为发布网站做好准备。
Dreamweaver为整理站点,提供了多种方法。使用“检查超链接”的方法,可以迅速地找出网站中无效的链接,操作步骤如下: 1) 打开自己的站点
2) 选择“站点”→“检查站点内所有链接”。 “断开的链接”报告出现在“结果”面板下的“链接检查器”面板中,如图4.6所示。
3)在“链接检查器”面板中,从“显示”弹出菜单中选择“外部链接”或“孤立的文件”,可查看其它报告。
- 37 -
图4.6 链接检查结果
要修复断开的链接,可在运行链接报告之后,直接在“链接检查器”面板中修复断开的链接和图像引用,也可以打开文件,然后在属性检查器中修复链接。
【实验内容及要求】
以“我的大学生活”为主题,创作一个个人网站。具体要求如下: 1、主页要求有明晰的导航、和谐的画面、丰富的媒体元素。
2、要合理地利用表格、框架进行网页布局,灵活地运用超链接实现主页与各网页的之间的跳转。
3、设计的网页至少十页,链接结构二到三层,下一层必须有返回上层的按钮或链接。
4、个人网站中必须包含个人信息的页面,其他内容自定(可以根据自己的爱好进行选择,比如个人爱好、家乡发展介绍、专业相关的介绍、外出实习、校园文化、社团活动等等),尽量突出个性,内容鲜明,页面版式及色调风格统一。
【实验报告要求】
1、介绍网站的主题创意。
2、写明实验的操作步骤及相关处理后的图片截图。 3、总结实验心得
- 38 -