Dreamweaver题目0001.docx
5 浏览量
2022-12-14
03:07:02
上传
评论
收藏 13KB DOCX 举报
操作题：
根据给定素材，运用Dreamweaver CS6软件，按要求完成相应的操作。
1. 考生在桌面新建一个文件夹，文件夹命名为“座位号+姓名”，作为站点文件夹，打开
Dreamweaver CS6,新建站点，输入站点名称“伊利"，并将文件存储位置指向站点文件 夹。
2. 解压素材包，将素材包中的images文件夹复制站点文件夹，新建网页，保存网页 index.html
至站点文件夹下。
3. |设置页面属性|,修改页面字体为微软雅黑，修改字体大小为18号，背景颜色为#E0F4FA
o
修
改页面标题为“伊利官方商城”。修改链接颜色为#666,变换图像链接为#0084D5,已 访问链
接颜色为#666,活动链接颜色为#0084D5,链接始终无下划线。设置上下左右边 距均为0：
4. 在文档中|插人div|l,设置divl id为top。利用css样式为top设置背景颜色为#0084D5, 在方框
中设置高度为80px,边距为10pxo在DIV top中插入div2,设置div2 id
为
logo
o
利用css样式为DIV
logo设置左浮动， 并设置方框宽度为HOpXo在DIV logo中插入图片logo.jpg。为图片logo设置
鼠标经 过|效果| :图片放大自90%至100%o在DIV top中插入div3,设置div3 id为sousuo,利用
css样式为DIV sousuo设置右浮 动，方框宽度为350px
o
在DIVsousuo中插入国阐域,在表单域
中插入一行两列，宽度 为100%的表，在表中分别插入文本域及按钮。设置文本域初始值为
“安慕希"。为文本 域新建css样式.ss：设置文本域宽度为250px,高度为40px,设置方框为实线
方框，颜 色为#57B42F,粗细为3px。为按钮新建css样式.an ：背景颜色为#57B42F,字体颜色
为 白色，方框宽度为60px,高度为40px
o
在DIV top中插入div4,设置div4 id为menu
o
利用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的第一行中依次插入apDivl
x
apDiv2,在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,字体加粗，设置边距为20px
o
在表格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,高为140px
o
在fudong内
插入表格3 ：2行1列,
并分别插入图片link.png和top.png。
9. 在 AP DIV fudong 上方再绘制 AP DIV,设置该 AP DIV id 为 lianxi,设置 AP DIV lianxi 左 边
缘为1320px,上边缘为300px,宽为70px,高为70px
o
在lianxi中插入鼠标经过图 片，设置图像名
称为QQ,原始图像为微信-灰.png, |鼠标经过图像|为微信-绿.png,替换 文本为qq,前往的url
资源评论
