Dreamweaver题目.docx

操作题：
根据给定素材，运用Dreamweaver CS6软件，按要求完成相应的操作。
1. 考生在桌面新建一个文件夹，文件夹命名为“座位号+姓名”，作为站点文件夹，打开 Dreamweaver CS6,新建站点，输入站点名称“伊利"，并将文件存储位置指向站点文件 夹。
2. 解压素材包，将素材包中的images文件夹复制站点文件夹，新建网页，保存网页 index.html至站点文件夹下。
3. |设置页面属性|,修改页面字体为微软雅黑，修改字体大小为18号，背景颜色为#E0F4FAo 修改页面标题为“伊利官方商城”。修改链接颜色为#666,变换图像链接为#0084D5,已 访问链接颜色为#666,活动链接颜色为#0084D5,链接始终无下划线。设置上下左右边 距均为0：
4. 在文档中|插人div|l,设置divl id为top。利用css样式为top设置背景颜色为#0084D5, 在方框中设置高度为80px,边距为10pxo在DIV top中插入div2,设置div2 id为logoo利用css样式为DIV logo设置左浮动， 并设置方框宽度为HOpXo在DIV logo中插入图片logo.jpg。为图片logo设置鼠标经 过|效果| :图片放大自90%至100%o在DIV top中插入div3,设置div3 id为sousuo,利用css样式为DIV sousuo设置右浮 动，方框宽度为350pxo在DIVsousuo中插入国阐域,在表单域中插入一行两列，宽度 为100%的表，在表中分别插入文本域及按钮。设置文本域初始值为“安慕希"。为文本 域新建css样式.ss：设置文本域宽度为250px,高度为40px,设置方框为实线方框，颜 色为#57B42F,粗细为3px。为按钮新建css样式.an ：背景颜色为#57B42F,字体颜色为 白色，方框宽度为60px,高度为40pxo在DIV top中插入div4,设置div4 id为menuo利用css样式为DIV menu设置字体颜 色为白色、24px、加粗，居中对齐，宽度为400px,左浮动。在DlVmenu中插入医捌， 表格单元格高度为80px,分别输入文字：关于我们、促销商品、伊利创新、服务中心。
5. 在DIV top T方插入5行1列的表1,宽度为100%o在表1第一行插入1行6列的表，分别输入内容：液态奶、奶粉、酸奶、冷饮、奶酪、 包装水，设置单元格宽度为16%,高度为30px,背景颜色为#EEEEEE,文字居中对齐， 为“液态奶"设置|超链翘至 I i .co m/cms/i nd ex,为其余文字设置空链接。。
6. 设置表格1第二行高度为678px,在表格1第2行中插入3行1列的表格，表格宽度设 置为100%,表格边框、边距、间距为Opx。设置表格第一行的高度为628px,第二行的 高度为30px,第三行的高度为20px,设置表格的第二行为水平居中对齐，并插入表单， 在表单中依次插入2个按钮，分别修改按钮的Value值为“1” “2”。
在表格all的第一行中依次插入apDivlxapDiv2,在apDivl中插入图像“bannerl.jpg”， 在apDiv2中插入图像“banner2.jpg”。修改apDivK apDiv2的Z轴值分别为 T
2" o为图像“bannerl.jpg"、 “banner2.jpg"添加轮播效果,当鼠标移动至 T 时显 示图像“bannerl.jpg”,当鼠标移动至“2"时显示图像“banner2.jpg"。
7. 在表格1第三行输入文字：“奶粉设置单元格行高为50px,为文字新建|css样式|.biaoti, 设置字体大小为30px,字体颜色为#0084D5,字体加粗，设置边距为20pxo在表格1第四行插入表格2 : 1行1列。分别插入图片左.jpg和右.jpg。
8. 在表格1第五行输入文字:© 2010 YILI.COM INC. ALLRIGHTS RESERVED.内蒙古伊利实 业集团股份有限公司版权所有 蒙ICP备09003253号在页面右侧插入AP DIV,设置该AP DIV id为fudong,设置AP DIV fudong左边缘为 1320px,上边缘为370px,宽为70px,高为140pxo在fudong内插入表格3 ：2行1列,
并分别插入图片link.png和top.png。
9. 在 AP DIV fudong 上方再绘制 AP DIV,设置该 AP DIV id 为 lianxi,设置 AP DIV lianxi 左 边缘为1320px,上边缘为300px,宽为70px,高为70pxo在lianxi中插入鼠标经过图 片，设置图像名称为QQ,原始图像为微信-灰.png, |鼠标经过图像|为微信-绿.png,替换 文本为qq,前往的url为空链接。
10. 为link.png设置显示■隐藏元素,当鼠标经过图片link.png时，显示lianxi层，当鼠标移 开link.png时，隐藏lianxi层。当鼠标停留在lianxi层时也显zf lianxi层，当鼠标移开 lianxi层时，lianxi层隐藏。设置lianxi层原始状态为隐藏。
11. 设置fudong层与lianxi层的定位方式均设置为固定。
12. 为图片top设置点击跳转至页面顶端效果。
19 .保存网页并上传。