网页设计与制作：考生在C盘新建文件夹，文件夹命名为“DW+准考证号后3位数字”（如DW001），把网页素材文件夹中的图片复制到文件夹images中。将站点文件夹用360等压缩软件压缩，压缩文件命名为“DW+准考证号后3位数字”（如DW001），之后将压缩文件上传到教师端服务器。
DW软件操作部分（本题共50分）
根据给定的素材，运用Dreamweaver CS6软件，按要求完成相应的操作，整体效果图见图1，下拉菜单栏展开后的效果图见图2。
1.考生在C盘新建一个文件夹，文件夹命名为“DW+准考证号后3位数字” （如DW001），作为站点文件夹。打开Dreamweaver CS6，新建站点，输入站点名称“小米商城”。
2.导出站点信息，保存至站点文件夹。
- 站点文件夹内新建images文件夹，解压素材包，将素材包中的图片素材复制至images文件夹内，新建网页，保存网页index.html至站点文件夹下。
4.设置页面属性，修改页面字体为微软雅黑，修改字体大小为14px，汉字解码方式为“utf-8”，修改网页标题为“小米商城”。
5.新建6行1列的表格，宽度为1100px，边框、边距、间距为0px，表格对齐方式为左对齐，设置表格的ID为xiaomi。
注：index.html中用到的所有表格边框、边距、间距均为0px
6.设置表格#xiaomi第一行的背景颜色为#666，并在此单元格中插入1行5列的表格#yemei，表格宽度设置为100%，并设置各单元格水平对齐方式为居中对齐，按效果图输入文字（具体文字可查看效果图1），设置#yemei第一列单元格行高为40px，为第一列至第六列文字添加空链接，利用内部样式实现#yemei原始超链接属性：文字颜色#ccc无下划线。
7.在表格#xiaomi第二行中插入1行3列的表格#sousuo，表格宽度设置为100%，在#sousuo第一列单元格中插入图片logo.png，第二列单元格宽度为50%，在此单元格中插入1行4列的表格，宽度设置为100%，并按效果图输入文字（具体文字可查看效果图1），第三列单元格宽度为40%，在此单元格中插入表单域，表单域中插入文本域和按钮，使用内部样式对其进行美化：文本域宽350px高30px，边框是颜色为#FF6A00粗细为1px的实线。按钮值为“搜索”，宽70px高33px，背景颜色为#FF6A00，文字颜色#FFF加粗，无边框。
- 在表格#xiaomi第三行单元格行高为460px，在此单元格中插入1行2列的表格，宽度设置为100%，该表格左列单元格宽200px，右列单元格行高460px。在左列单元格中插入10行1列的表格，宽度为100%，id设为daohang，制作侧边导航条。#daohang单元格行高均为46px，背景颜色均为#CCC。在右列单元格中插入3个宽为900px高为460px的apDiv制作轮播图，默认显示lb1.png。并在合适位置创建ID为menu、宽高分别为100px、30px的apDiv作为轮播图的响应按钮，具体位置根据实时效果调整。在apDiv#menu中插入值分别为1、2、3的三个按钮。利用行为面板实现效果：当鼠标经过按钮1时显示lb1.png，以此类推。
- 在#daohang第一个单元格“平板”后创建Id名称为xiala、宽高分别为200px、460px的apDiv制作下拉菜单（具体位置参照效果图2所示，根据实时效果调整）。在apDiv#xiala内插入图片xiala.png，要求下拉菜单默认不可见。利用行为面板实现效果：鼠标经过第一个单元格“平板”单元格上时，出现下拉菜单；鼠标移开，下拉菜单消失。并利用内部css样式，要求实现效果：鼠标经过#daohang的各单元格时，各单元格背景颜色分别变为#FF6A00，文本颜色分别变为#FFF并加粗。
- 在表格#xiaomi第四行插入图片“海报.png”。
11.在表格#xiaomi第五行内输入文字“明星单品”，插入水平线，行高为50px，并对文字引用内部CSS类名为“bea”，实现属性：字号为36px，加粗，字体颜色为#F96。
12.在表格#xiaomi第六行中插入1行4列的表格，表格宽度设置为100%，按照按效果图依次插入素材图像“d1.jpg”至“d4.jpg”，对“d1.jpg”实现当鼠标经过时晃动效果，对“d2.jpg”实现鼠标单击时自50%至100%增大效果。
10.在表格#xiaomi第七行插入图像“dbu.png”。
12.制作活动浮动广告二维码（素材中的ad.png），要求距离浏览器顶部100px，居右边窗口50px。
13.保存网页并按“考生须知”的要求上传。
图1：DW页面效果
图2：鼠标经过“首页”出现分类导航效果
| 项目 | 评分细则（得分点） | 分值分配 | ||
|
网 页 制 作 50 分 |
文件规范 | 1.网站站点结构：网站站点目录符合试题要求（2分）
2.文件存储：网页文件存储路径、类型、命名符合试题要求（1分） 3.压缩文件格式及ftp上传符合试题要求（1分） |
4分 | |
| 页面属性 | 1.页面属性：文字,颜色和边距等设置符合试题要求（2分）
2.页面标题：网页标题设置符合试题要求（2分） |
4分 | ||
| 页面布局 | 1.表格插入：插入表格行列数合适，参数设置符合试题要求（2分）
2.表格布局：根据效果图对表格进行合理调整和布局，并符合试题要求（2分） |
4分 | ||
| 素材导入 | 1.图片插入：图片素材插入指定位置，并符合试题要求（2分）1+1
2.文本插入：文本插入指定位置，并符合试题要求（2分） |
4分 | ||
| 基本表单制作 | 1.表单域：表单域使用正确、合理，并符合试题要求（2分）
2.表单控件：表单控件插入正确、合理，并符合试题要求（3分） |
5分 | ||
| 超链接 | 1.超链接添加：正确添加超链接，并符合试题要求（1分）
2.超链接设置：能正确打开指定的目标，并符合试题要求（1分） |
2分 | ||
| 编辑排版 | 1.图文编辑：图文清晰、无失真和变形，并符合试题要求（5分）
2.图文排版：图文排版整齐，无错位等，并符合试题要求（5分） 3.样式设置：对文字、段落等进行大小、颜色等样式设置，并符合试题要求（5分） |
15分 | ||
| 扣分 | 4.措词：无错别字及病句（每错一个字直接扣1分，最多扣5分） | |||
| 功能实现 | 1.设置浮动广告（AP Div）布局和特效，并符合试题要求（4分）
2.网页中设置3-4张图片轮播，并符合试题要求（4分） 3.设置导航条布局和相关特效，并符合试题要求（4分） |
12分 | ||
| 总计 | 50分 | |||
DW软件操作部分（本题共50分）
根据给定的素材，运用Dreamweaver CS6软件，按要求完成相应的操作，整体效果图见图1，下拉菜单栏展开后的效果图见图2。
1.考生在C盘新建一个文件夹，文件夹命名为“DW+准考证号后3位数字” （如DW001），作为站点文件夹。打开Dreamweaver CS6，新建站点，输入站点名称“小米商城”。 （1分）
2.导出站点信息，保存至站点文件夹。（1分）
- 站点文件夹内新建images文件夹，解压素材包，将素材包中的图片素材复制至images文件夹内，新建网页，保存网页index.html至站点文件夹下。（1分）
4.设置页面属性，修改页面字体为微软雅黑，修改字体大小为14px，汉字解码方式为“utf-8” （3分），修改网页标题为“小米商城”（1分）。
5.新建6行1列的表格，宽度为1100px，边框、边距、间距为0px，表格对齐方式为左对齐（1分），设置表格的ID为xiaomi。（1分）
注：index.html中用到的所有表格边框、边距、间距均为0px。
6.设置表格#xiaomi第一行的背景颜色为#666（1分），并在此单元格中插入1行5列的表格#yemei，#yemei表格宽度设置为100%，并设置各单元格水平对齐方式为居中对齐，按效果图输入文字（具体文字可查看效果图1）（1分），设置#yemei第一列单元格行高为40px（1分），为第一列至第六列文字添加空链接（1分），利用内部样式实现#yemei原始超链接属性：文字颜色#ccc无下划线。（1分）
7.在表格#xiaomi第二行中插入1行3列的表格#sousuo，表格宽度设置为100%（1分），在#sousuo第一列单元格中插入图片logo.png（1分），第二列单元格宽度为50%，在此单元格中插入1行4列的表格，宽度设置为100%，并按效果图输入文字（具体文字可查看效果图1）（1分），第三列单元格宽度为40%，在此单元格中插入表单域（1分），表单域中插入文本域和按钮（1分），使用内部样式对其进行美化：文本域宽350px高30px，边框是颜色为#FF6A00粗细为1px的实线。（1分）按钮值为“搜索”（1分），宽70px高33px，背景颜色为#FF6A00，文字颜色#FFF加粗，无边框。（1分）
- 在表格#xiaomi第三行单元格行高为460px，在此单元格中插入1行2列的表格，宽度设置为100%，该表格左列单元格宽200px，右列单元格行高460px（1分）。在左列单元格中插入10行1列的表格，宽度为100%，id设为daohang，制作侧边导航条（1分）。表格#daohang单元格行高均为46px，背景颜色均为#CCC（1分）。在右列单元格中插入3个宽为900px高为460px的apDiv制作轮播图（1分），默认显示lb1.png（1分）。并在合适位置创建ID为menu、宽高分别为100px、30px的apDiv作为轮播图的响应按钮，具体位置根据实时效果调整（1分）。在apDiv#menu中插入值分别为1、2、3的三个按钮。利用行为面板实现效果：当鼠标经过按钮1时显示lb1.png，以此类推。（2分）
- 在#daohang第一个单元格“平板”后创建Id名称为xiala、宽高分别为200px、460px的apDiv（1分）制作下拉菜单（具体位置参照效果图2所示，根据实时效果调整）。在apDiv#xiala内插入图片xiala.png，要求下拉菜单默认不可见（1分）。利用行为面板实现效果：鼠标经过第一个单元格“平板”单元格上时，出现下拉菜单（1分）；鼠标移开，下拉菜单消失（1分）。并利用内部css样式，要求实现效果：鼠标经过#daohang的各单元格时，各单元格背景颜色分别变为#FF6A00，文本颜色分别变为#FFF并加粗。（1分）
- 在表格#xiaomi第四行插入图片“海报.png”。（1分）
11.在表格#xiaomi第五行内输入文字“明星单品”（1分），插入水平线（1分），行高为50px（1分），并对文字引用内部CSS类名为“bea”，实现属性：字号为36px，加粗，字体颜色为#F96。（1分）
12.在表格#xiaomi第六行中插入1行4列的表格，表格宽度设置为100%，按照按效果图依次插入素材图像“d1.jpg”至“d4.jpg”，对“d1.jpg”实现当鼠标经过时晃动效果，对“d2.jpg”实现鼠标单击时自50%至100%增大效果。（4分）
13.在表格#xiaomi第七行插入图像“dbu.png”。（1分）
14.制作活动浮动广告二维码（素材中的ad.png），要求距离浏览器顶部100px，居右边窗口50px。（4分）
15.保存网页并按“考生须知”的要求上传。（1分）
Deprecated: 文件 没有 comments.php 的主题 自版本 3.0.0 起已弃用，且没有可用的替代。 请在您的主题中包含一个 comments.php 模板。 in E:\userhost\Cyx0587\wwwroot\wp-includes\functions.php on line 6121
发表回复
要发表评论，您必须先登录。