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

《电子商务网页设计与制作实验指导书 (2).doc》由会员分享，可在线阅读，更多相关《电子商务网页设计与制作实验指导书 (2).doc（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、【精品文档】如有侵权，请联系网站删除，仅供学习与交流电子商务网页设计与制作实验指导书 (2).精品文档.电子商务网页设计与制作实验指导书蚌埠学院经济与管理系2013年12月目 录实 验 一 认识DW界面及基本操作实 验 二 网页中文本和图像实 验 三 超级链接和表格的应用实 验 四 层实 验 五 表单的应用实 验 六 行为实 验 七 库、模板的应用实 验 八 网站建设、管理与优化实验一 认识DW界面及基本操作【实验目的】掌握Dreamweaver 8软件界面的构成及基本操作方法。【实验内容】（1）熟悉Dreamweaver 8的工作界面；（2）用Dreamweaver 8定义网站；【实验步骤】

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

3、本；（3）在网页中应用项目列表；（4）对插入的文本进行格式化；（5）在网页中插入图像；（6）图像的基本编辑【实验步骤】1. 制作一个“名车风范”网页。要求在自选图片上创建三个热点，分别连接到自拟的文字段中。并要求当鼠标悬停在相应热点上时，显示该区提示信息。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验三 超级链接和表格的应用【实验目的】掌握在网页中插入表格的方法；掌握表格的基本编辑操作；了解超级链接的种类；掌握常见链接的制作方法。 【实验内容】（1）在网页中插入表格；（2）在网页中使用超级链接；（

4、3）对表格进行美化。【实验步骤】1. 制作一个锚记链接的网页。（网页文字和素材自备，下图仅供参考）要求：网页中所示具有超级链接属性的文字起初不具有下划线，当鼠标悬念在上面时，字体变成红色，且具有下划线。2. 整合以前做的各种网页，创建一个主页default.asp，将上述各网页链接起来。并且要求在此主页写上自己的真实班级、学号和姓名。3制作一个如图所示的表格。要求样式如下，并将各自单元格分别设置成不同颜色，输入不同文字内容（颜色、文字自拟）。4. 创建一个如图所示“中国省份介绍”的页面，文字内容及图片自拟。要求：（1）任选3省，分别制作网页； （2）主页面制作图片热区及链接 （3）单击链接可以

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

6、右侧滑动到左侧，时间5秒【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验五 表单的应用【实验目的】掌握在网页中使用交互式表单的方法。【实验内容】（1）创建表单域；（2）创建文本框（3）复选框、单选按钮和单选按钮组；（4）列表框和跳转菜单；（5）表单按钮；（6）其他表单元素。【实验步骤】1. 利用创建一个如下图所示的会员注册表单。要求：（1）利用Fireworks切片、导出功能对上面的图片进行处理（2）会员注册的表单放在上图中白色的主要区域，填写会员注册的相关信息自拟。但必须包括常见的表单元素。2.

7、制作跳转菜单。要求菜单选项4个：搜狐网、新浪网、网易、腾讯；用户单击可以打开相应的站点进行浏览。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验六 行为【实验目的】熟悉层、事件、动作的概念和相互关系；掌握Dreamweaver 8行为面板的使用方法；掌握通过行为面板创建网页动态效果的操作过程；熟悉动作的概念和操作；熟悉创建网页动态效果的操作过程。【实验内容】（1）在对象中加入行为命令；（2）编辑行为；（3）制作时间轴动画；（4）制作弹出的信息框。（5）用显示-隐藏层制作下拉菜单；（6）用层的嵌套制作

8、滚动公告栏。【实验步骤】1. 制作时间轴动画（蜜蜂采花蜜） 要求：（1）至少2只蜜蜂，运动轨迹不同 （2）设置“开始”和“停止”的控制文字，单击“开始”蜜蜂飞舞，单击“停止”蜜蜂返回起始位置。2. 制作拼图游戏。（至少需要切片9片小图，图片素材自备，下图仅供参考）要求：（1）完整图片呈现6秒钟后自动散开 （2）切片后的小图距离正确位置25像素内能自动吸附3. 制作滚动公告栏。（图片仅供参考，制作素材自备）要求：（1）在网页的右上角制作制动滚动的公告栏，滚动区域的大小为宽90像素，高80像素，滚动区域距离页面左侧600像素，距离页面上部50像素。（2）公告栏显示10条公告（文字内容自定），滚动方

9、向为由下向上，滚动一次的时间为8秒。【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验七 库、模板的应用【实验目的】掌握摸板的基本操作及应用；掌握库的基本操作及应用。【实验内容】（1）模板的使用；（2）创建页面；（3）更新页面；（4）库的使用；（5）利用库更新页面。【实验步骤】1. 设计一个如下图所示的模板，并将此模板应用于制作的一些网页。要求：（1）利用素材建立模板文件 （2）利用这个模板建立5个二级栏目的网页，做好链接，可以正常使用，相互跳转。【实验要求】按实验内容完成操作，完成实验报告，在实验报

10、告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。实验八 网站建设、管理与优化【实验目的】学习网站建设的全过程；掌握网站发布的全过程；学习网站的管理。【实验内容】（1）根据需求建立网站结构；（2）申请空间和域名，发布网站；（3）管理网站。【实验步骤】1. 申请免费个人空间2. 利用DW制作个人相关网页，首页必须有班级、姓名、学号等信息。利用DW检查建成后站点的站点结构。（如图所示，下图仅供参考）3. 测试站点4. 上传到个人空间【实验要求】按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程；所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。