电子商务网页设计与制作实验指导书(二)

1、资料内容仅供您学习参考，如有不当之处，请联系改正或者删除电子商务网页设计与制作实验指导书蚌埠学院经济与管理系2013年12月1 / 12目录实验一认识DW界面及基本操作实验二网页中文本和图像实验三超级链接和表格的应用实验四层实验五表单的应用实验六行为实验七库、模板的应用实验八网站建设、管理与优化资料内容仅供您学习参考，如有不当之处，请联系改正或者删除实验一认识DW界面及基本操作【实验目的】掌握Dreamweavers软件界面的构成及基本操作方法.【实验内容】(1)熟悉Dreamweaver8的工作界而；(2)用Dreamweaver8定义网站：【实验步骤】1 .Dreamweaver8简介，启

2、动，界而认识：2 .创建一个站点；3 .创建和打开一个文档：4 .网页的新建，保存，预览，关闭，打开.要求：用DW建立“个人简介”页面，写清学号、姓名等相关信息。5 .字体，标题级，颜色，效果设定。6。设置文档的属性。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验二网页中文本和图像【实验目的】掌握普通文本和图像的插入方法;掌握特殊文本的插入方法：掌握应用项目列表；掌握文本格式化的方法：掌握图像的基本编辑方法。【实验内容】(1)在网页中插入普通文本；(2)在网页中插入特殊文本；(3)在网页中应用项目

3、列表；(4)对插入的文本进行格式化；(5)在网页中插入图像：(6)图像的基本编辑【实验步骤】建制作一个“名车风范”网页,要求在自选图片上创建三个热点，分别连接到自拟的文字段中。并要求当鼠标悬停在相应热点上时，显示该区提示信息.力车风范一BMW在过去的四分二一世阻这种力金不假在致考上塔茨刽产生援扰的程度，布J1虎生7质的变化.在人对称统的所有强击中薇令人震保的是空气、土地、河流以及大海受到了危险杓、甚至致命物后的为染。这种涌染在很大程度上是卷以恢复的，它不伊史八了生命赖以生存也世界，而且也进入了生殖如织心，送一邪总的界镀在很大程度上是无法运转的.在方曲这种环迓的普璃河染中.右.箧交大自然及其生命

4、相生於过程中，化学药品起着布字抄作用,它们至少可以与放射性危害和援并论。在核爆济中所辔放出杓说外，会侬君雨水和飙兰争先恐后地降落到她面，仔近在上盘里，然后进入其生长的草.谷物或小麦里，并不旗进入到人类的背头学，它将一直保密在那儿，立到克殳衰亡。同祥也,被投向农田,诙林余菜园芝的化冬药品也长卉她存在千士康至镇后进入生物的级级中，并在一个引旭中毒和死亡的痂宿申不断传连土杉。有时它扪初若地下水流神秘地转楂等到它门再度品叫出来氏它们会在空出#太阳光的作用下防合成为新的工，这种就物质可以条倭稔物和奈左，住那些省港长期饮用井水的人也受到不加不觉的倭乳上加阿伯特济慈所说：人俏恰恰很难辩认自己创老出苗抵龙口【

5、实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验三超级链接和表格的应用【实验目的】掌握在网页中插入表格的方法;掌握表格的基本编辑操作；了解超级链接的种类：掌握常见链接的制作方法.【实验内容】(1)在网页中插入表格；(2)在网页中使用超级链接；(3)对表格进行美化。【实验步骤】1,制作一个锚记链接的网页。(网页文字和素材自备，下图仅供参考)。无标题文档-MicrosoftInternetExplorer5<文件便）用招如空吞粒）收藏工具（I）帮助伊中我的爱千唱歌上网读书唱歌是我母与爱的业余爱好。唱

6、歌全我国古登的业余爱好。唱歌是我最哲爱的业余定好。唱歆是我最客宠的业余爱好。哈敬是我或有裳的业余爱好。哈甑及孜屋寿修的业余爱好。覆歌三朝晕百爱的过余袈行。咯政是物圣苕袈的北氽爱好。唱设是我虚三爱的业余气好。唱量是我最W更的业余更好。唱欹是我品言圣的业余爱好0唱歆是戏灵冷爰的北余爱奸。哈敬是我母主爱的业亲爱奸。喧碘是优母与爱的业余崇好。唱鼓、是我最三爱的业余娶好。唱砍是先最三差的业余登好。吧敢是我母主爱的业余爱奸。咕歌是技耳喜爱的业余爰好。唱歌是我录右爰的业余爱好。唱眩是送最喜爰的业余爰好°唔敝是我身有爱的业余装好。唱赤松稿最有期的业余爰好。唱歆品我最喜爱的业余更好。唱砍足秫最苕爱的I

7、t氽龙好。上囱也是我毫守爱的业余爱好。上囱也是我全总差的业余爱好。上网也是我最喜爱的业余者好。上网也是我母喜爱的业余爱好。上网也生痴最再整的业余爰好。上网也是戏后再趁打业弁避好。上网也是我最存超的业弁期好。上网也是我最荐会的北系爱好。上网也是爱五理的世氽箜好。上网也是我晕而爱的业氽爱好”上网也是我良商*8的业氽会好,上四也是我亲与受的业余爱好。上网也是我景三爱的业余受肝。上网也是我亲三爱的业余受好。上网也与我展m爱的业余爱好。上网也是比母与笠的业余亲好。上网也是优吊冬爰的业余受好，上网也是我很主爱的业亲崇奸。上网也是我最主曼的业余爱好。上网也是我桑喜爱的让余爰好。上网也是疣最喜爱的世亲爱好。上

8、网也是我最吝爰的业亲爱好。上网也是我球书爰的业余期好。迨书也是我量名爱的业余爱好。逡书也是我最名堂的业余爱好。谈书也是我最名堂的业余爱好e设书也是我母m差的业余景好。读书也是我最名爱的业余爰好。读书也是我最尊爱的业余爰奸。读书也是能最尊爱的业余爱奸。谈书也是我母苕理的It余爱好。读书也圮秫最喜爰的It氽爱好。读书也是秫录再爰的北氽宠行。读书也是朝最喜爱的让余澄阳。疾书也史邪号h岳aw小皆讦法素出.史线好业余至讦/衽半漳.£韭埠h带au余出斗,法型也史邦是h誉的妙余恭讦,要求：网页中所示具有超级链接属性的文字起初不具有下划线，当鼠标悬念在上面时，字体变成红色，且具有下划线。2。整合以前

9、做的各种网页，创建一个主页default.asp,将上述各网页链接起来。并且要求在此主页写上自己的真实班级、学号和姓名。3.制作一个如图所示的表格。要求样式如下，并将各自单元格分别设置成不同颜色，输入不同文字内容（颜色、文字自拟）.，3i无标题文者-MicrosoftInternetE&ploror二叵|><：文件HJSaSi£）或吞9收痣电J工且9帮助QDh制作丧格4c创建一个如图所示“中国省份介绍”的页而，文字内容及图片自拟。内受古黑龙江南沙群岛.云南广西河南J"鸣湖南通钓翦建避要求：（1）任选3省，分别制作网页：（2）主页而制作图片热区及链接（3）

10、单击链接可以进入各省页面（4）各省页面提供“返回”的文字链接，返回主页而（5）主页面制作“与我联系”的邮件链接。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验四层【实验目的】了解网页制作中层的作用：掌握在Dreamweaver中用层对页面元素进行精确定位：掌握在Dreamweaver中用层进行页面布局.【实验内容】（1）在网页中绘制层（2）设置层的属性（3）精确定位层。【实验步骤】L创建如下的网页.要求：（1）使用层表现网页内容（2）层要对齐，图片、文字所在层要大小相同（3）“咖啡馆”图片从页面右

11、侧滑动到左侧，时间5秒【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验五表单的应用【实验目的】掌握在网页中使用交互式表单的方法。【实验内容】（1）创建表单域；（2）创建文本框（3）复选框、单选按钮和单选按钮组;（4）列表框和跳转菜单；（5）表单按钮：（6）其他表单元素°【实验步骤】利用创建一个如下图所示的会员注册表单。%人下面信&可以为我们的余发.揄快连解电/I会费【逢励&他（1）利用Fireworks切片、导出功能对上面的图片进行处理（2）会员注册的表单放在上图中白色的主

12、要区域，填写会员注册的相关信息自拟.但必须包括常见的表单元素。2。制作跳转菜单。要求菜单选项4个：搜狐网、新浪网、网易、腾讯;用户单击可以打开相应的站点进行浏览。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。实验六行为【实验目的】熟悉层、事件、动作的概念和相互关系：掌握Dreamweaver行为面板的使用方法;掌握通过行为而板创建网页动态效果的操作过程：熟悉动作的概念和操作;熟悉创建网页动态效果的操作过程.【实验内容】（1）在对象中加入行为命令：（2）编辑行为:（3）制作时间轴动画；（4）制作弹出的信

13、息框.（5）用显示一隐藏层制作下拉菜单;（6）用层的嵌套制作滚动公告栏。【实验步骤】1.制作时间轴动画（蜜蜂采花蜜）要求:10 / 12（1）至少2只蜜蜂，运动轨迹不同（2）设置“开始”和“停止”的控制文字，单击“开始”蜜蜂飞舞，单击“停止”蜜蜂返回起始位置。2,制作拼图游戏。（至少需要切片9片小图，图片素材自备，下图仅供参考）要求：（1）完整图片呈现6秒钟后自动散开（2）切片后的小图距离正确位置25像素内能自动吸附3.制作滚动公告栏。（图片仅供参考，制作素材自备）通知公告I8TICE00tee0学期第十三周工安科甘要求：（1）在网页的右上角制作制动滚动的公告栏,滚动区域的大小为宽90像素，高

14、80像素，滚动区域距离页面左侧600像素，距离页而上部50像素。（2）公告栏显示10条公告（文字内容自定），滚动方向为由下向上，滚动一次的时间为8秒。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果.实验七库、模板的应用【实验目的】掌握摸板的基本操作及应用：掌握库的基本操作及应用。【实验内容】（1）模板的使用；（2）创建页面；（3）更新页面；（4）库的使用；（5）利用库更新页而。【实验步骤】1。设计一个如下图所示的模板，并将此模板应用于制作的一些网页。4中 丁,个人简介I我心飞翔有你有我美南海北大活古今版板所有；20012005mail to : edepufil 63. com要求：（1）利用素材建立模板文件（2）利用这个模板建立5个二级栏目的网页，做好链接，可以正常使用，相互跳转。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程:所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验八网站建设、管理与优化【实验目的】学习网站建设的全过程；掌握网站发布的全过程：学习网站的管理。【实验内容】（1）根据