网页制作实验教程第十八章 行为 (下)

网页制作案例教程（第2版）作业与实验参考答案第一章一．选择题1．D 2．B 3．C 4．D 5．A 6．A 7．A 8．C二．问答题1．答：当查看Internet上的网页时，用户通过浏览器向网页所在的Web服务器提出HTTP请求，Web服务器根据请求调出相应的网页文件，并通过Internet传送至用户所在的游览器，这样用户可以在自己的机器上看到该网页。

2．答：网站的主题分类有：1．门户网站2．商务网站3．个人网站4．办公网站选择主题的原则是：首先应做好充分的市场调查和目标分析、明确网站的类型和设计目标，对网站的内容、风格及技术等做出恰当的定位，在提出一个合理方案的基础上再实现网站开发。

3．答：申请网站空间有4种方式：1．使用免费网站空间2．租用虚拟主机3．租用专用服务器4．使用自己的服务器建立一个网站的过程是:1．注册域名2．申请网站空间3．制作网站网页4．上传网站内容三．操作题略第二章一．选择题1．C 2．B 3．B 4．C 5．D 6．C 7．D 8．A二．问答题1．答：路径的作用就是定位一个文件的位置，使用过Windows的用户都会了解文件夹和子文件夹的关系，沿着文件夹及子文件夹到达指位置经过的过程就是路径。

绝对路径是指文件在硬盘上的真正存放路径，相对路径则是相对于自己的目标文件位置。

2．答：用像素表示时，图片、表格或单元格属性值显示以像素为单位的宽度，以百分比表示（1%~100%）时，图片、表格或单元格则将以相对当前窗口大小的百分比来显示宽度。

三．操作题略第三章一．填空题1．CSS LESS PHP XML SVG2．html <!doctype>二．选择题1．C 2．C 3．B 4．C 5．A 6．C 7．A 8．B三．操作题略第四章一．填空题1．文字图片图像热区与本地网页文档的链接与外部网页的链接空链接2．矩形圆形多边形工具二．选择题1．D 2．B 3．D 4．B 5．B 6．D 7．B 8．D第五章一．填空题1．表格2．黑色粗线框控制柄3．拆分单元格4．定界符二．选择题1．D 2．C 3．A 4．A 5．B 6．D 7．B三．操作题略第六章一．填空题1．．css2．4 类(class)选择器标签ID选择器标签选择器复合内容选择器3．选择器声明二．选择题1．A 2．D 3．AB 4．B 5．B 6．D 7．A 8．B 三．操作题略第七章一．填空题1．absolute fixed relative static2．激活状态选择状态二．选择题1．D 2．B 3．A 4．D 5．B 6．A 7．D 8．D 第八章一．填空题1．．dwt ．lbi2．Templates Library二．选择题1．A 2．D 3．D 4．A 5．BC 6．C三．操作题略第九章一．填空题1．JavaScript 事件动作2．转到URL二．选择题1．A 2．D 3．D 4．C第十章一．选择题1．C 2．A 3．B 4．C 5．B 6．A二．问答题1．表单是用来收集站点访问者信息的域集，它为网站管理者提供了接收用户数据的平台，如注册会员表、网上订购单、检索页等。

《网页设计与制作教程》实验指导书班级姓名学号实验一网页基础知识一、实验目的理解网页组成元素。

理解主页、静态网页、动态网页等概念。

了解常见的网页布局。

熟悉Dreamweaver CS6的桌面结构。

二、实验软硬件环境一台接入Internet的计算机；Windows 7操作系统；Dreamweaver CS6、Flash CS6、Fireworks CS6软件。

三、实验内容1．打开“九江学院”官网，并回答以下问题：（1）该网页上有哪些网页元素组成？（2）在网站中打开5张不同内容风格的分页面，分析下它是静态网页还是动态网页，为什么？（3）如果分页面中有图片，把图片下载到电脑中，如何操作？2．查找主页为“国字型”、“三字型”、“拐角型”、“封面型”、“Flash型”布局的网站各一个，并记录下网站地址。

3．查找若干个与图1所示布局相似的网页并记录网址。

图1网页布局4．启动Dreamweaver CS6，并完成以下操作：（1）新建一个空白网页，并保存，存储名为myweb.html。

（2）在文档工具栏中，切换“设计”、“拆分”、“代码”、“实时视图”，理解它的功能。

（3）对“插入栏”、“属性面板”和各种组合面板进行折叠/展开，打开/关闭操作，熟悉使用。

（4）给网页输入标题栏标题：我的第一张网页。

（5）在网页中输入一首唐诗，并完成简单排版。

（6）保存网页，并用浏览器预览。

四、实验思考1．动态网页与静态网页如何快速区分？2．开发个人网站的首页，可以设计哪些栏目，试做一个布局草图。

实验二常见HTML标签与简单CSS的使用一、实验目的理解常见HTML标签在HTML文档中的作用。

掌握通过纯文本编辑器熟练编写简单HTML的技能。

掌握简单CSS的使用。

熟练掌握各种常用标签并利用其来实现网页的排版。

二、实验软硬件环境一台接入Internet的计算机；Windows 7操作系统；Dreamweaver CS6、Flash CS6、Fireworks CS6软件。

xxx学校课程大纲科目名称：《网页设计与制作》专业：计算机说明随着互联网的高速发展和广泛传播，对从事网页设计与制作的人员需求量也愈来愈多。

教材在教学过程中起着至关重要的作用，而缺乏优秀实用的网页设计与制作方面的教材是目前中职学校普遍存在的问题。

本书编者旨在为中职学校相关专业，以及对网页设计与制作有兴趣的人员提供一本实用教程。

本书是依据网页设计行业的业内制作标准和相关案例执行为范围编写的。

在编写过程中针对读者的特点，项目选择合理、针对性强、理论和实践有机融合；以实践为主，特别注重实用性，并注重融入先进的教学理念与方法，注重提高读者的学习能力。

全书从实用的网页设计制作项目入手，以任务驱动的方式系统地介绍了以下内容：网站的制作流程、使用HTML制作简单网页、认识Dreamweaver CS3、搭建与管理本地站点、网页元素的编辑、使用CSS控制页面元素、使用表格布局制作页面、使用框架布局制作网页、使用CSS+DIV布局页面、使用模板和库提高制作效率、使用JAVAScript制作网页特效、策划与制作个人艺术网站。

同时结合作者多年来积累的教学工作经验，以实践为主，理论融合其中，是帮助教师联想三大软件、提高学生实践力的有力助手。

通过课程学习，学生将具备网页设计与制作的基本技能，并帮助学生在从业道路上积累经验。

本教材还具备一下特点：1.任务明确；2.结构新颖；3.图文并茂，简洁易懂；4.与国家职业资格证接轨。

《网页设计与制作》课程教学大纲课程名称：《网页设计与制作》课程总学时：72一、教学目的和任务（一）目的《网页设计与制作》是计算机相关专业的一门应用性较强的选修课程。

通过对网页设计与制作的初步学习，使学生对网页设计与制作的各个环节有感性的认识并理性理解各个网页中各布局的功能和特点，学习网页设计与制作制作方法，为今后在网页设计与制作行业工作提供必要的基础知识，以便能够得心应手地使用好Dreamweaver软件，更好地使设计网页发挥作用。

行为Dreamweaver提供了一种称为“Behavior”（行为）的机制，帮助网页设计者构建页面中的交互行为。

行为其实是一种运行在浏览器中的JavaScript（脚本语言），设计者将其放置在网页文档中，以允许浏览者与网页进行交互，从而以多种方式更改页面或触发某些动作。

行为由动作和触发动作的事件组成。

动作是预先编写好的Java脚本，用于执行指定的任务，例如打开浏览器窗口、设置弹出信息及播放动画等；事件则是由浏览器为每个页面对象定义的，是浏览器生成的消息，指示该网页的浏览者执行了某种操作，例如当浏览者将鼠标移动到某个链接上时，浏览器会为该链接生成一个“onMouseOver”事件，然后，浏览器查看是否存在为“onMouseOver”事件设置的可调用的JavaScript代码，然后去执行代码。

在浮动面板组的“行为”面板中，用户可以先指定一个动作，然后指定触发该动作的事件，从而将行为添加到页面中。

1．认识行为面板（1）执行“窗口”->“行为”命令可打开“行为面板”，如图1所示。

图1 行为面板（2）在网页中选中需要设置行为的对象后，点击图1中的“添加行为”按钮“”，可选择Dreamweaver为用户预设的一些行为动作，然后再为这些动作指定触发事件。

如图2、图3所示。

（3）在行为面板中双击已设置的行为动作（如图3中的“打开浏览器窗口”文字区域）可修改动作参数；点击“删除行为”按钮“”可删除指定的行为。

（4）当不同的行为动作被相同的事件触发时，需要用户指定各动作发生的次序，此时可使用行为面板中的“增加事件值”按钮“”和“降低事件值”按钮“”来调整行为顺序。

（5）不同的浏览器版本对应不同的可以使用的行为项目以及该项目中可以触发的事件数目，浏览器版本越高，可以使用的功能就越多，但是兼容性也越差。

因此，在设计网页行为时，既要考虑行为实现的可行性，也要考虑不同浏览者之间可能存在的上网条件差异，选择的浏览器版本不应过低，也不宜过高。