网页设计与制作

2022-07-12 17:14:16   第一文档网     [ 字体: ] [ 阅读: ] [ 文档下载 ]
说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。下载word有问题请添加QQ:admin处理,感谢您的支持与谅解。点击这里给我发消息

#第一文档网# 导语】以下是®第一文档网的小编为您整理的《网页设计与制作》,欢迎阅读!
网页设计,制作

青岛大学课程考试试卷

2009 ~ 2010 学年 季学期 考试时间: 90分钟

课程名称 网页设计与制作 A卷□

题号 得分 阅卷























复核

注意事项:答卷前,考生务必把答题纸上密封线内各项内容填写清楚(学号应与教务在线中 学号相同),否则可能得不到成绩,必须填写在密封线与装订线之间.答案必须写在边框内。

注意:d盘创建一个考生文件夹,考生文件夹名称为“试卷号+学号(后4)+班级+姓名”,例如:A 0523国商5班张三”。将与试卷对应的素材文件夹中的内容复制到该文件夹

中(若无特别说明,试卷中所涉及的素材均在该文件夹中,请考生仔细核对,如因为该操作的失误导致答题出现误差或无法完成所要求的操作,责任自负),所有在考试中生成的文件都必须保存在考生文件夹中,否则不得分。

得分

1 2



一、Dreamweaver操作题(本题共55分)

在网页主图左侧空白位置插入51表格,在各单元格中分别输入文本【陋室暗香】

【陋室益友】【陋室诗文】【陋室美文】【陋室图片】,合理设置表格属性、单元格边距、单元格间距等属性及对齐方式,使其外观与效果图一致;(5分) 为文本创建指向对应网页的链接,链接对应关系如下:

陋室暗香—----——index.Htm 陋室益友—--————form.Htm 陋室诗文—————--shiwen.Htm 陋室美文------无址链接 陋室图片———---—无址链接

为网页底部“联系我们"创建指向电子邮件的超链接;(5分)

在主页“indexhtm”中新建一个css样式:样式的名称为.top,类型为类,仅对

该文档,设置边框属性:颜色全部为灰色(#CFDBE7,上下边框宽度为1像素,左右边框宽度为粗,上下边框样式为实线,左边框样式为凹陷,右边框样式为凸出;应用该样式,使主页左上角文字“陋室暗香”外部边框如效果图所示;8分) indexhtm中提示位置插入水平线;1分)

在主页中已经插入了一个层(不得另外再插入)该层已经隐藏,在该层插入图片

xzm.gif1分)

添加行为:当鼠标指针移到“再别康桥”图片时,则显示图片所在层(见效果图2)

鼠标移出,则图片所在层隐藏(见效果图1;关闭该网页时,弹出提示信息“××期待您的下一次浏览,再见!" (注意:这里的××请写考生自己的中文姓名)6分)

启动Dreamweaver创建一个站点,站点名称为考生姓名,站点文件夹为考生文件夹。(1)dreamweaver文件夹中创建1个网页,网页名称为“form.htm"1分)

打开dreamweaver文件夹中的主页“index.htm",按要求进行编辑,最终效果如下图所.(注意:完成操作后,将带有括号的红字删除)(共28)



效果图2

3 在“form.htm”网页中创建以下效果图所示表单:(共15分)

本页面中禁止使用层,本页的所有布局应尽量与效果图相近,包括各对象的位置,

文本的对齐方式等;

表单中使用的文字格式设置使用默认值即可,所需图片在images文件夹中寻找; 在页面底部建立返回主页index的链接;1分)

打开网页时,在页面的状态栏中显示“这是××的表单网页”(注意:这里的××请写考生自己的中文姓名)2分)



效果图1

本页面中禁止使用层;

注意观察效果图,在网页顶部相应位置插入flash, 所需文件“images”文件夹中

head.swf"(2分)


1. 2. 3. 4.

具体效果说明:

卡通形象snoopy由场景左侧进入舞台走到右侧5分),转身再走回左侧逐渐进入小房(6);在snoopy头部周围始终有一只蝴蝶在盘旋飞舞(沿曲线运动),当snoopy走入房子后蝴蝶在空中稍作盘旋后飞到房顶睡觉的snoopy上方(6分),此时在舞台左上方动态出现文本:“设计制作:张三"(注:此“张三”即为考生自己的姓名)4分) 操作要求如下(未作特别要求的,采用默认设置或根据需要进行设计制作) 各效果制作方法任意,但最终效果应尽量与提供的效果文件一致;2分) 必须包含以“背景”命名的图层,背景图片的大小及位置与舞台相适应;2分); 影片中出现的对象须使用素材制作成动态元件进行处理;3分)

按要求完成操作后保存.fla源文件,并导出。SWF文件,文件名称均为:“姓名+学号(后4)+flash". 2分)

得分



三、PhotoShop图像处理(本题共15 分)

注意:完成以下操作所产生的文件均保存在photoshop文件夹中,



4

打开网页“shiwenhtm",在网页内部创建链接,要求实现效果:单击诗名《相思》时,

可在浏览器窗口顶部显示对应的古诗《相思》详细内容,单击该诗简介末尾的top>,返回网页顶部;(4分)

在效果图所示位置插入鼠标经过图像,点击该图片可返回主页index,所需图片为images"文件夹中的“back1.gif back2gif 2分) 设置网页标题为“××的子页”(注意:这里的××请写考生自己的姓名)(1)

在效果图所示位置插入图片察看器,所需图片为“images”文件夹中的“tu1.jpgtu2jpgtu3.jpgtu4.jpg 3分)

再另行说明;凡未要求内容均可采用默认设置,也可自行设置,保存源文件,无源文件本题不得分

启动PhotoShop CS3,利用素材(在photoshop文件夹中)制作如以下效果图所示文件,具体要求如下:

背景图形部分:制作如效果所示的羽化效果,方法任意;(3)

图中文字内容、字体、颜色可任选,但显示的文字外观排布方式必须与效果图相近,并添加效果(外发光)5分)

图中人物位置见效果图,制作方法任意(5分)

在图片右下角写上制作者的姓名,保存源文件,并将文档存储为jpeg格式文件,文件名称均为“姓名+学号(后4位)+ps" 2分)





得分



二、Flash动画制作(本题共 30 分)

注意:完成以下操作所产生的文件均保存在flash文件夹中,不再另

行说明.无源文件本题不得分。

启动Flash CS3,制作动画,最终效果参见: A卷素材\flash\效果A.swf


本文来源:https://www.dywdw.cn/33c752e012a6f524ccbff121dd36a32d7275c774.html

相关推荐
推荐阅读