排序2-2公开课.docx

《排序2-2公开课.docx》由会员分享，可在线阅读，更多相关《排序2-2公开课.docx（2页珍藏版）》请在第一文库网上搜索。

1、1.通过“行为”面板进行制作鼠标经过图像（）A.仿照“首页”图片的操作，完成其他5个导航菜单的设置B.选中“首页”图片，单击“行为”面板上的“+”号，选择“交换图像C.保存网页文件，预览网页效果。D.在交换图像对话框中，“设定原始档为12.jpg,单击“确定”按钮，完成设置。E.打开index.htm1文件。2.制作下拉菜单（）A.创建栏目导航。用“APDiv”创建层，在“层”中插入一个1行5列的表格，并输入文字。B.打开Dreamweaver软件,新建文件index.htm1,设置页面属性。C.保存网页文件，预览网页效果D.设置当鼠标经过导航文字“所有商品”时，出现下拉菜单。用“行为”面板的

2、内置方法隐藏-显示层方法，及鼠标移至和鼠标移开来触发层的陷藏和显示。E.创建下拉菜单。用“APDivt在“栏目导航”第一个单元格下创建层，在“层”中插入一个5行1列的表格，在表格中输入文字。3 .实现商品分类栏的制作（）A.修改商品分类列表中文字的样式。选择V新CSS规则，编辑css规则，选择“复合内容”选择器,默认选择器名称为4tdtab1e”,在得到的对话框中选择“font-size”为18,“font-weight”为“bo1d吊B.在新插入的行中插入1行2列的表格，宽度为IO0%,两个单元格的宽度比为2:8,C.为导航文字设置鼠标经过文字变色效果。选择V新CSS规则,编辑css规则，选

3、择“复合内容”选择器，默认选择器名称为“td:hover，在得到的对话框中选择“co1or”为红色。D.在1X2表格的左侧单元格中插入6X1的表格，宽度为100%,并输入文字“秋季新品”“外套/风衣/卫衣”“针织毛衣”“牛仔裤/休闲裤/短裤”“西服套装”“长袖/衬衫”“马甲/背心”。E.选择预览图标，得到网页效果。E新建站点，放入“项目3/任务2/活动1”的文件，打开index.htm1文件，在导航栏下方插入行，并合并单元格。4 .制作鼠标经过效果（）A.打开Dreamweaver软件，新建站点，放入资源包文件夹作为站点文件夹，打开windex.htm文件。B.保存网页文件，预览网页效果C.制

4、作首页图片导航鼠标经过图片效果。鼠标经过图像效果命令:菜单【插入】【图像对象】【鼠标经过图像命令】。D.用相同方法制作设置“秋季新品”“针织卫衣”“运动系列”“西服套装”“牛仔系列”图片导航鼠标经过图片效果。5.实现网站导航条的布局（）A.在查找结果中找到该网站官方网址的链接。B.运用搜索引擎（如百度），在搜索栏中输入想要查找的网站名称即可C.打开链接之后便可浏览、观察该网站的导航布局。6.实现页面跳转（）A.为导航文字“外套/风衣/卫衣”设置超链接:运用属性面板”指向文件”图标。B.新建站点，将“项目3/任务2/活动2”文件作为站点文件，打开index.htm1文件。C.为剩余导航文字设置超

5、链接。D.为导航文字“秋季新品”设置超链接:运用属性面板“输入链接地址”的方式。E.保存网页文件，预览网页效果。E为导航文字“针织毛衣”设置超链接:运用属性面板“浏览”图标。7 .制作SPry菜单（）A.保存网页，按F12键，预览网页。8 .单击蓝色小标,修改“spry菜单栏”的各项属性。通过单击“+”和来添加主菜单项或子菜单项;通过单击“三角形”来移动菜单项的位置。C.将光标停留在刚插入的表格中，单击菜单【插入】【spry】（spry菜单栏】在弹出的“spry菜单”对话框中选取“水平”布局方式。D.新建HTM1文件，并保存。E.按F12键，预览网页。F.插入1行1列的表格，要求表格间距为0宽

6、度为800px,单元格背景色为黑色，对齐方式为居中对齐。G.在CSS样式表中修改SPy菜单组件中的各样式。单击CSS面板，单击aSpryMenuBarHorizonta1css旁边的+选择U1MenuBarHorizontaIa”，在“区块”中，设置文本对齐为居中（texja1ign:Center）,“分类”中的颜色为白色（co1or:#FFF）n8.设置活动浮动广告特效（）A.设置CSS样式中的定位方式为固定在网页中8 .插入一个APDiv,放置在网页的右上角，调整DiV的大小C选中APDiv,新建CSS样式，样式类型为ID,名称为#apdiv1D.在div中插入内容E.打开Dreamwea

7、verCS6,新建一个站点F.保存后，按F12键在浏览器中查看效果。G.打开站点中的网页index.htm9 .设置图片强调效果（）A.在“增大/收缩”效果窗口中，设置合适的数值B.新建一个网页，保存为index.htm1,C.打开DreamWeaVerCS66,新建一个站点。D.保存后，按F12键在浏览器中查看效果。E.单击第一张图片，单击行为面板下方的“+号，在弹出的菜单中选择“效果”一“增大/收缩”E同样的方式为另外两张优惠券制作“晃动”和显示/渐隐”效果G.单击菜单栏中的【插入】【图片】。分别在每个单元格中插入优惠券图片H.单击菜单栏中的【插入】【表格I）插入一个1行3列的表格，并设置

8、居中对齐1单击菜单栏中的【窗口】【行为】打开行为面板。J.单击行为面板左边的英文，在弹出的菜单中选择“onmouseover,10.设置静止浮动广告特效（）A.添加div标签，在div中添加推荐商品的图片。B.制作右侧浮动的效果。C.在新建好的网页中，插入原有网页的内容。D.保存并预览不同的行为效果在网页中的显示。11.制作GIF动态图片（）A.打开时间轴，为不同图层添加不同时间的动作。B.分别制作三张不同效果的图片。C.打开PhotoshopCS6,新建一个740X370像素的文件。D.通过“保存为Web所有格式”的方式进行图片的导出。12spr折叠式构件制作商品分类导航页面（）A.修改标签

9、文字的样式：打开该文件的css规则面板，找到.AccordionPaneITab,双击打开，将文字样式改为加粗，即fontweight为bo1dB按F12键，预览网页效果。C选中蓝色小标，在属性面板中单击“+”号添加标签得到四个标签D.插入spry折凝式构件:光标停在表格内，选择“插入一spryspy折住式”命令，在页面中添加一个SPry折段式构件。E.在页面中直接修改标签文字和内容文字。F.新建index.htm1文件，在页面中插入一个1行1列的表格，表格宽度为200pxG.修改内容面板的高度，使浏览器适应内容面板内文字的实际高度:在CSS规则面板中找到“.AccordionPaneICon

10、tent”,双击打开，设置方框中的height为“auto”13.制作浮动页面版面（）A.选中文字，在属性面板中设置“类”属性为yangshi,将yangshi运用给所有文字B.打开DreamweaverCS6,新建一个站点。C新建CSS样式box:在方框分类中，宽度（Width）为300px,高度（height）为200pxD.插入商品文字和图片E.新建CSS样式yangshi:背景（background-o1orj为蓝色;方框类型中，宽度（Width）为120p,浮动（f1oat）设置为居右显示（right）。F.保存并预览网页。G.选中文字和图片，在属性面板中设置“类”属性为box,将box运用给所有文字和图片H.新建一个网页，保存为index.htm1