高级网页设计三级题目.docx

高级网页设计三级题目.docx

《高级网页设计三级题目.docx》由会员分享，可在线阅读，更多相关《高级网页设计三级题目.docx（16页珍藏版）》请在冰豆网上搜索。

高级网页设计三级题目

第一题

【操作要求】

1）建立并设置本地根文件夹

a）新建本地根文件夹：

在C:

\GATDoc中新建本地根文件夹，命名为root；在该文件夹中新建X1-02文件夹。

b）设置虚拟目录：

将本地根文件夹设置为虚拟目录，别名为root；将设置好虚拟目录的"编辑别名"对话框拷屏，以X1-02A.bmp文件名保存在C:

\GATDoc\root\X1-02文件夹中。

2）定义站点

a）设置站点本地信息：

站点的名称为"我的站点2"；本地根文件夹指定为C:

\GATDoc中的root文件夹；启用"自动刷新本地文件列表"和"启用缓存"选项；HTTP地址设置为http:

//localhost。

将设置好的对话框拷屏，以X1-02B.bmp文件名保存在C:

\GATDoc\root\X1-02文件夹中。

b）定义测试服务器信息：

设置服务器模型为ASPVBScript；访问方式为本地/网络；启用"自动刷新远程文件列表"选项；测试服务器文件夹为C:

\GATDoc中的root文件夹；URL前缀为http:

//localhost/root。

将设置好的对话框拷屏，以X1-02C.bmp文件名保存在C:

\GATDoc\root\X1-02文件夹中。

3）创建DSN连接：

将C:

\GATDoc\sucai\osta.mdb数据库复制到C盘根目录中，按照以下要求创建DSN连接。

a）设置"系统DSN"的驱动程序为"MicrosoftAccessDriver（*.mdb）"。

b）数据源名为dsOSTA1-02。

c）将数据库说明设置为"全国计算机信息高新技术考试试题数据库1-02"。

d）数据库指定为C:

\osta.mdb数据库。

e）系统数据库设置为无。

将设置好的"ODBCMicrosoftAccess安装"对话框拷屏，以X1-02D.bmp文件名保存在C:

\GATDoc\root\X1-02文件夹中。

第二题

【操作要求】

将C:

\GATDoc\sucai\Y2-01文件夹复制到C:

\GATDoc文件夹中，重命名为X2-01。

在DreamweaverMX中将X2-01文件夹中的Y2-01A.asp文档重命名为X2-01A.asp，参照样图完成以下操作。

1）创建代码片断和库项目

a）创建代码片断：

在"代码"面板的"代码片断"选项卡中新建代码片断文件夹，命名为"代码片断1"。

打开X2-01A.asp文件，为【样图2-01A】为中所标注Ⅰ、Ⅱ、Ⅲ区域的文件创建代码片断并命名，将Ⅰ代码片断命名为2-01A.csn、Ⅱ代码片断命名为2-01B.csn、Ⅲ代码片断命名为2-01C.csn。

在C:

\GATDoc文件夹中新建Snippets文件夹，将"代码片断1"文件夹复制到Snippets文件夹中。

b）创建库项目：

参照样图2-01A在X2-01A.asp文件的页眉处，把table2-1A表格内的两幅图分别创建为库项目，左图命名为2-01A.lbi，右图命名为2-01B.lbi。

在X2-01A.asp文件正文右下处，为table2-1B表格创建库项目，命名为2-01C.lbi。

2）创建与设置模板

a）创建模板：

将C:

\GATDoc\X2-01\Y2-01B.asp文件另存为模板，保存在X2-01文件夹中，命名为X2-01B.dwt。

b）设置模板：

参照【样图2-01B】，将X2-01B模板中的可编辑区域分别命名为EditRegion1～EditRegion5。

EditRegion1所包含的区域为"全国计算机信息技术考试"文本所在的单元格；EditRegion2所包含的区域为"欢迎光临我的网站"文本所在的单元格；EditRegion3所包含的区域为"欢迎光临本网站……好东东！

！

"文本所在的单元格；EditRegion4所包含的区域为"<原创天地>火烧运"文章所在的单元格；EditRegion5所包含的区域为"当前时间"文本所在的单元格。

3）用模板、库和代码片断生成页面

a）用模板新建页面：

用X2-01B.dwt模板新建页面，命名为X2-01B.asp，保存在C:

\GATDoc\X2-01文件夹中。

b）修改模板的可编辑区域，最终效果如【样图2-01C】所示。

将X2-01B.asp页面中可编辑区域单元格中的内容删除；将EditRegion1区所在的单元格拆分为2列，并填充2-01A和2-01B库项目；将EditRegion4填充2-01C.lbi库项目；将EditRegion3填充2-01C.csn代码片断；将EditRegion2填充2-01B.csn代码片断；将EditRegion5填充2-01A.csn代码片断。

将上述操作结果保存在C:

\GATDoc\X2-01文件夹中。

第三题

【操作要求】

将C:

\GATDoc\sucai\Y3-04\OSTA.mdb数据库复制到C盘下，覆盖原数据库文件。

将C:

\GATDoc\sucai\Y3-04文件夹复制到C:

\GATDoc文件夹中，并重命名为X3-04文件夹。

在DreamweaverMX中将X3-04文件夹中的Y3-04A.asp文件重命名为X3-04A.asp，Y3-04B.asp重命名为X3-04B.asp，Y3-04C.asp重命名为X3-04C.asp，Y3-04D.asp重命名为X3-04D.asp，参照样图进行如下操作。

1）建立数据库连接：

建立DreamweaverMX数据库连接，连接名称为Connosta3JK，数据源名称为dsOSTA，使用本地DSN。

2）建立记录集：

打开C:

\GATDoc\X3-04\X3-04B.asp页面，将该记录集命名为Rsosta34，选择Connosta3JK为连接，使用txwbook表格的全部列，按BID降序排列。

3）绑定数据

a）打开C:

\GATDoc\X3-04\X3-04B.asp页面和记录集（Rsosta34），绑定数据到X3-04B.asp页面，最终结果如【样图3-04A】所示。

b）将记录集（Rsosta34）中的BID字段绑定到X3-04B.asp页面中文本"图书序号"右边的BID文本域中；将BTITLE字段绑定到文本"图书名称"右边的BTITLE文本域中；将BDATE字段绑定到文本"发行日期"右边的BDATE文本域中；将BTYPE字段绑定到文本"图书类别"右边的BTYPE文本域中；将BDETALL字段绑定到文本"图书简介"右边的BDETALL文本域中。

4）使用服务器行为

a）使用"插入记录"服务器行为：

打开C:

\GATDoc\X3-04\X3-04C.asp页面，把X3-04C.asp做成插入图书信息页面；将form表单中的记录插入到以Connosta3JK为连接的txwBook表格中；其中form表单对象中BID文本域获取的内容插入"BID"（数字）字段中；BTITLE文本域获取的内容插入"BTITLE"（文本）字段中；BDATE文本域获取的内容插入"BDATE"（文本）字段中；BDETAIL文本域获取的内容插入"BDETAIL"（日期）字段中；要求完成插入后转到X3-04B.asp页面，最终结果如【样图3-04B】所示。

b）使用"登录用户验证"服务器行为：

在C:

\GATDoc\X3-04\X3-04A.asp页面中使用登录用户验证服务器行为，使用form表单中的fAdmin和fPassword表单对象所获取的信息，与以Connosta3JK为连接的tAdmin表格中的fAdministrator和fPassword字段作比较；通过验证转到X3-04B.asp页面，否则进入X3-04D.asp页面，最终结果如【样图3-04C】所示。

c）使用"限制对页的访问"服务器行为：

在C:

\GATDoc\X3-04\X3-04C.asp页面使用限制对页的访问服务器行为，如果访问被拒绝则转到X3-04A.asp页面。

5）添加信息导航：

打开C:

\GATDoc\X3-04\X3-04B.asp页面，参照【样图3-04B】在相应的单元格中插入"记录集导航条"和"记录集导航状态"。

第四题

【操作要求】

在C:

\GATDoc文件夹中新建X4-02文件夹，参照样图完成以下操作。

1）制作页面图像

a）设置文档或导入图像：

新建一个文档，设置宽度和高度为500×400像素，分辨率为72DPI，背景颜色为白色。

b）绘制页面图像：

参照【样图4-02A】完成页面图像框架。

在页面左上角导入C:

\GATDoc\sucai\Y4-02\Y4-02.gif图像，并将图像的白色设置为透明。

设置图像宽度为150，高度为80，位于（10,5）处。

其中文本FireworksMX为Style30样式，字号为50，位于（178,12）处。

中间文本为Style26样式，位于（123,100）处。

c）按钮、样式和特效的使用：

从库中导入按钮元件，按钮类型为2-stateButton中的一种，参照样图选择并修改按钮中的文本，放置位置从上到下依次是（7,98）、（7,150）和（7,210）。

d）设定交互图像或文本：

创建鼠标移动到三个按钮上交互图像效果，交互图像在大小为（119×171）、位置为（380,99）的区域中显示。

三个按钮的交互图像从上到下依次与C:

\GATDoc\sucai\Y4-02\Y4-02A.gif～Y4-02C.gif图像对应，要求初始状态显示Y4-02A.gif图像。

将上述操作结果以X4-02.png文件名保存到C:

\GATDoc\X4-02文件夹中。

2）优化页面图像

a）优化图像：

设置为"JPEG较小文件"选项，品质为60，平滑为2。

b）建立切片：

参照【样图4-02B】完成对图像的切片操作。

c）导出HTML文档：

将页面图像导出到C:

\GATDoc\X4-02文件夹中，文件名为X4-02.htm。

第五题

【操作要求】

在C:

\GATDoc文件夹中新建X5-02文件夹。

1）新建源文件

a）启动FlashMX，新建一个名为X5-02.fla的影片源文件，保存到C:

\GATDoc\X5-02文件夹中。

b）设置影片属性，帧频为20fps，影片大小为400像素×300像素。

2）布置时间轴

a）将第一层命名为"小球",在该层上方添加4个层，从上到下依次命名为"注释"、"动作"、"标记"和"引导",在"小球"层的下方添加层"背景"。

b）锁定"标记"、"注释"和"动作"图层。

c）将层"注释"设置为引导层；将层"引导"设置为层"小球"的运动引导层。

3）制作动画

a）导入C:

\GATDoc\sucai\Y5-02\Y5-02.bmp文件作为影片的背景，调整导入位图的尺寸和位置，使其正好覆盖舞台。

b）在"小球"层的舞台上用放射渐变填充画一个蓝色的球（无轮廓）,如【样图5-02A】所示。

c）将球的大小调整为50像素,将球转换成名为"小球"、注册点在中心的图形元件。

d）用球做一个沿上弦弧线的一端、从舞台右下方到（25，25）处的30帧的补间动画（不要求弧线尺寸的精度），并为这个动画添加减速的效果（动画关键帧"简易"属性的值为75），如【样图5-02B】所示。

4）制作影片剪辑

a）复制"引导"层和"小球"层的所有帧。

b）新建一个名为"动画"的影片剪辑元件，将复制的帧粘贴到影片剪辑的时间轴上。

c）删除主时间轴上"引导"层和"小球"层的所有帧。

把影片剪辑"动画"放在"小球"层第1帧的舞台中，将该实例命名为b1。

d）设置实例b1的X为350、Y为250。

5）发布影片：

保存影片源文件到C:

\GATDoc\X5-02文件夹中，并在该文件夹中生成swf文件。

第六题

【操作要求】

在C:

\GATDoc文件夹中新建X6-02文件夹，将C:

\GATDoc\sucai\Y6-02\Y6-02.fla影片文件复制到X6-02文件夹中，重命名为X6-02.fla。

打开X6-02.fla影片源文件，参照【样图6-02】完成以下操作。

1）创建按钮元件

a）将舞台中的"="分离成形状。

b）设置"="的宽度为20像素，高为16像素。

c）将"="转换成名为button的按钮元件，元件的注册点位于左上方。

2）定义按钮的状态

a）修改button按钮元件，使其在鼠标经过时长、宽各增大两个像素。

b）修改button按钮元件，使其在鼠标按下时变成红色（#FF0000）、尺寸还原。

c）修改button按钮元件，使其的点击区域呈完整的矩形，并长、宽各大于按下状态两个像素。

3）添加音效：

用FlashMX公用声音库中的声音元件为按钮添加响应鼠标经过的声音CameraShutter35mmSLR；为按钮添加响应鼠标按下的声音IndustrialDoorSwitch。

4）添加动作

a）为主时间轴action层的第1帧添加fscommand（）动作，使影片的尺寸不随播放器窗口的变化而变化。

b）为主时间轴舞台上的"="按钮添加动作，使按钮释放时在最下面的文本框中显示上两个文本框中输入数字之和。

5）导出影片：

在C:

\GATDoc\X6-02文件夹中导出与源文件同名的.swf影片文件和.swd允许调试文件。

第七题

【操作要求】

将C:

\GATDoc\sucai\Y7-02文件夹复制到C:

\GATDoc文件夹中，重命名为X7-02。

在DreamweaverMX中将C:

\GATDoc\X7-02\Y7-02.asp文件重命名为X7-02.asp。

1）检查并修改链接

a）检查链接：

在DreamweaverMX中打开C:

\GATDoc\X7-02\X7-02.asp文档，检查链接。

b）修改链接：

在X7-02.asp文档中将http开头的外部链接修改为链接；将file:

//开头的外部链接修改为空链接。

2）搜索并优化源代码

a）搜索与替换源代码：

检查X7-02\X7-02.asp文档源代码，将X7-02代码替换为images。

b）优化源代码：

清除X7-02\X7-02.asp文档源代码中的

和

第八题

【操作要求】

将C:

\GATDoc\sucai\Y8-05文件夹复制到C:

\GATDoc文件夹中，重命名为X8-05。

参照【样图8-05】完成以下操作。

1）构建页面框架

a）建立框架页面：

在DreamweaverMX中新建一个空白HTML文档，在该文档中创建一个框架页面。

b）命名框架：

将右边框架命名为right，顶部框架命名为top、左边框架命名为main。

c）设置框架：

将right框架的列设置为155像素，top框架的行设置为100像素。

2）保存页面

a）保存框架页文件：

将框架页文件命名为X8-05.asp，保存到C:

\GATDoc\X8-05文件夹中。

b）保存框架文件：

将top、main和right框架依次命名为X8-05A.asp、X8-05B.asp和X8-05C.asp，保存到C:

\GATDoc\X8-05文件夹中。

3）布局页面

a）定义样式：

分别在right框架页X8-05C.asp中重定义td标签，设置字体为宋体，大小为9.5。

b）使用配色方案：

对X8-05C.asp框架页使用配色方案，背景为Magenta，文本和链接设置为Purple，Blue配色方案。

c）设置页面属性：

将right框架中的X8-05C.asp页面的标题设置为"星座大全"，背景颜色为#CC00FF，左边界为1，边界宽度为2。

d）填充页面：

在right框架中的X8-05C.asp页面内插入5×1、宽度为145像素、边框为2、边框颜色为#9900FF的表格。

设置第1行单元格的高度为35像素，其余单元格的高度为30像素，边框颜色为白色，对齐方式为水平居中对齐、垂直中间。

参照【样图8-05】分别输入文本"星座大全"、"各星座介绍"、"星座送礼建议"、"星座约会何处去"和"星座忠告"，设置文本"星座大全"字体为为华文行楷，大小为6号，颜色为#FF990。

e）引用页面：

将top框架对X8-05A.asp页面的引用修改为对X8-05\WJ\top.asp页面的引用。

4）软件结合使用

a）FireworksMX的使用：

将top.asp页面中的logo.gif图像在FireworksMX中设置白色为透明色。

b）FlashMX的使用：

在top.asp页面中删除文本"高新技术考试"，在该单元格中插入X8-05\images\banner5.swfFlash动画。

5）设置相关链接

a）超级链接的建立与框架目标的指定：

创建右边框架right中的"星座大全"下文本"各星座介绍"与X8-05\WJ\Y8-05A.asp文件链接；将文本"星座送礼建议"与X8-05\WJ\Y8-05B.asp文件链接；将文本"星座约会何处去"与X8-05\WJ\Y8-05C.asp文件链接；将文本"星座忠告"与X8-05\WJ\Y8-05D.asp文件链接；上述被链接的正文在main框架中显示。

b）框架源文件的指定：

设置main框架中的源文件为Y8-05A.asp文件。

将上述操作结果保存在C:

\GATDoc\X8-05文件夹中。