《高级网页设计(三级)题目》由会员分享,可在线阅读,更多相关《高级网页设计(三级)题目(19页珍藏版)》请在金锄头文库上搜索。
1、第一题【操作要求】1)建立并设置本地根文件夹a)新建本地根文件夹:在 C:GATDoc 中新建本地根文件夹,命名为root;在该文件夹中新建X1-02文件夹。b)设置虚拟目录:将本地根文件夹设置为虚拟目录,别名为root;将设置好虚拟目录的编辑别名对话框拷屏,以X1-02A.bmp文件名保存在C:GATDocrootX1-02文件夹中。2)定义站点a)设置站点本地信息:站点的名称为我的站点2;本地根文件夹指定为 C:GATDoc 中的root文件夹;启用自动刷新本地文件列表和启用缓存选项;HTTP地址设置为http:/localhost。将设置好的对话框拷屏,以X1-02B.bmp文件名保存在
2、C:GATDocrootX1-02文件夹中。b)定义测试服务器信息:设置服务器模型为ASP VBScript;访问方式为本地/网络;启用自动刷新远程文件列表选项;测试服务器文件夹为 C:GATDoc 中的root文件夹;URL前缀为http:/localhost/root。将设置好的对话框拷屏,以X1-02C.bmp文件名保存在C:GATDocrootX1-02文件夹中。3)创建DSN连接:将 C:GATDocsucaiosta.mdb 数据库复制到C盘根目录中,按照以下要求创建DSN连接。a)设置系统DSN的驱动程序为Microsoft Access Driver(*.mdb)。b)数据源名
3、为dsOSTA1-02。c)将数据库说明设置为全国计算机信息高新技术考试试题数据库1-02。d)数据库指定为C:osta.mdb数据库。e)系统数据库设置为无。将设置好的ODBC Microsoft Access 安装对话框拷屏,以X1-02D.bmp文件名保存在C:GATDocrootX1-02文件夹中。第二题【操作要求】将 C:GATDocsucaiY2-01 文件夹复制到 C:GATDoc 文件夹中,重命名为X2-01。在Dreamweaver MX中将X2-01文件夹中的Y2-01A.asp文档重命名为X2-01A.asp,参照样图完成以下操作。1)创建代码片断和库项目a)创建代码片断
4、:在代码面板的代码片断选项卡中新建代码片断文件夹,命名为代码片断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文件正文右下处,为tab
5、le2-1B表格创建库项目,命名为2-01C.lbi。2)创建与设置模板a)创建模板:将 C:GATDocX2-01Y2-01B.asp 文件另存为模板,保存在X2-01文件夹中,命名为X2-01B.dwt。b)设置模板:参照【样图2-01B】,将X2-01B模板中的可编辑区域分别命名为Edit Region1EditRegion5。EditRegion1所包含的区域为全国计算机信息技术考试文本所在的单元格;EditRegion2所包含的区域为欢迎光临我的网站文本所在的单元格;EditRegion3所包含的区域为欢迎光临本网站好东东!文本所在的单元格;EditRegion4所包含的区域为火烧运
6、文章所在的单元格;EditRegion5所包含的区域为当前时间文本所在的单元格。3)用模板、库和代码片断生成页面a)用模板新建页面:用X2-01B.dwt模板新建页面,命名为X2-01B.asp,保存在C:GATDocX2-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代
7、码片断;将EditRegion5填充2-01A.csn代码片断。将上述操作结果保存在C:GATDocX2-01文件夹中。第三题【操作要求】将 C:GATDocsucaiY3-04OSTA.mdb 数据库复制到C盘下,覆盖原数据库文件。将C:GATDocsucaiY3-04文件夹复制到 C:GATDoc 文件夹中,并重命名为X3-04文件夹。在Dreamweaver MX中将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,
8、参照样图进行如下操作。1)建立数据库连接:建立Dreamweaver MX数据库连接,连接名称为Connosta3JK,数据源名称为dsOSTA,使用本地DSN。2)建立记录集:打开 C:GATDocX3-04X3-04B.asp 页面,将该记录集命名为Rsosta34,选择Connosta3JK为连接,使用txwbook表格的全部列,按BID降序排列。3)绑定数据a)打开 C:GATDocX3-04X3-04B.asp 页面和记录集(Rsosta34),绑定数据到X3-04B.asp页面,最终结果如【样图3-04A】所示。b)将记录集(Rsosta34)中的BID字段绑定到X3-04B.as
9、p页面中文本图书序号右边的BID文本域中;将BTITLE字段绑定到文本图书名称右边的BTITLE文本域中;将BDATE字段绑定到文本发行日期右边的BDATE文本域中;将BTYPE字段绑定到文本图书类别右边的BTYPE文本域中;将BDETALL字段绑定到文本图书简介右边的BDETALL文本域中。4)使用服务器行为a)使用插入记录服务器行为:打开 C:GATDocX3-04X3-04C.asp 页面,把X3-04C.asp做成插入图书信息页面;将form表单中的记录插入到以Connosta3JK为连接的txwBook表格中;其中form表单对象中BID文本域获取的内容插入BID(数字)字段中;BT
10、ITLE文本域获取的内容插入BTITLE(文本)字段中;BDATE文本域获取的内容插入BDATE(文本)字段中;BDETAIL文本域获取的内容插入BDETAIL(日期)字段中;要求完成插入后转到X3-04B.asp页面,最终结果如【样图3-04B】所示。b)使用登录用户验证服务器行为:在 C:GATDocX3-04X3-04A.asp 页面中使用登录用户验证服务器行为,使用form表单中的fAdmin和fPassword表单对象所获取的信息,与以Connosta3JK为连接的tAdmin表格中的fAdministrator和fPassword字段作比较;通过验证转到X3-04B.asp页面,否
11、则进入X3-04D.asp页面,最终结果如【样图3-04C】所示。c)使用限制对页的访问服务器行为:在 C:GATDocX3-04X3-04C.asp 页面使用限制对页的访问服务器行为,如果访问被拒绝则转到X3-04A.asp页面。5)添加信息导航:打开 C:GATDocX3-04X3-04B.asp 页面,参照【样图3-04B】在相应的单元格中插入记录集导航条和记录集导航状态。第四题【操作要求】在 C:GATDoc 文件夹中新建X4-02文件夹,参照样图完成以下操作。1)制作页面图像a)设置文档或导入图像:新建一个文档,设置宽度和高度为500400像素,分辨率为72DPI,背景颜色为白色。b
12、)绘制页面图像:参照【样图4-02A】完成页面图像框架。在页面左上角导入 C:GATDocsucaiY4-02Y4-02.gif 图像,并将图像的白色设置为透明。设置图像宽度为150,高度为80,位于(10,5)处。其中文本Fireworks MX为Style30样式,字号为50,位于(178,12)处。中间文本为Style26样式,位于(123,100)处。c)按钮、样式和特效的使用:从库中导入按钮元件,按钮类型为2-state Button中的一种,参照样图选择并修改按钮中的文本,放置位置从上到下依次是(7,98)、(7,150)和(7,210)。d)设定交互图像或文本:创建鼠标移动到三个
13、按钮上交互图像效果,交互图像在大小为(119171)、位置为(380,99)的区域中显示。三个按钮的交互图像从上到下依次与 C:GATDocsucaiY4-02Y4-02A.gifY4-02C.gif 图像对应,要求初始状态显示Y4-02A.gif图像。将上述操作结果以X4-02.png文件名保存到C:GATDocX4-02文件夹中。2)优化页面图像a)优化图像:设置为JPEG较小文件选项,品质为60,平滑为2。b)建立切片:参照【样图4-02B】完成对图像的切片操作。c)导出HTML文档:将页面图像导出到C:GATDocX4-02文件夹中,文件名为X4-02.htm。第五题【操作要求】在 C
14、:GATDoc 文件夹中新建X5-02文件夹。1)新建源文件a)启动Flash MX,新建一个名为X5-02.fla的影片源文件,保存到C:GATDocX5-02文件夹中。b)设置影片属性,帧频为20fps,影片大小为400像素300像素。2)布置时间轴a)将第一层命名为小球,在该层上方添加4个层,从上到下依次命名为注释、动作、标记和引导,在小球层的下方添加层背景。b)锁定标记、注释和动作图层。c)将层注释设置为引导层;将层引导设置为层小球的运动引导层。3)制作动画a)导入 C:GATDocsucaiY5-02Y5-02.bmp 文件作为影片的背景,调整导入位图的尺寸和位置,使其正好覆盖舞台。
15、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:GATDocX5-02文件夹中,并在该文件夹中生成swf文件。第