电子商务网页设计和制作实验指导书.docVIP

电子商务网页设计与制作 实验指导书 蚌埠学院经济与管理系 2013年12月  目 录 实 验 一 认识DW界面及基本操作 实 验 二 网页中文本和图像 实 验 三 超级链接和表格的应用 实 验 四 层 实 验 五 表单的应用 实 验 六 行为 实 验 七 库、模板的应用 实 验 八 网站建设、管理与优化 实验一 认识DW界面及基本操作 【实验目的】 掌握Dreamweaver 8软件界面的构成及基本操作方法。 【实验内容】 （1）熟悉Dreamweaver 8的工作界面； （2）用Dreamweaver 8定义网站； 【实验步骤】 1. Dreamweaver 8简介，启动，界面认识； 2．创建一个站点； 3．创建和打开一个文档； 4．网页的新建，保存，预览，关闭，打开。 要求：用DW建立“个人简介”页面，写清学号、姓名等相关信息。 5．字体，标题级，颜色，效果设定。 6. 设置文档的属性。 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程； 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验二　网页中文本和图像 【实验目的】 　　掌握普通文本和图像的插入方法；掌握特殊文本的插入方法；掌握应用项目列表；掌握文本格式化的方法；掌握图像的基本编辑方法。 【实验内容】 （1）在网页中插入普通文本； （2）在网页中插入特殊文本； （3）在网页中应用项目列表； （4）对插入的文本进行格式化； （5）在网页中插入图像； （6）图像的基本编辑 【实验步骤】 1. 制作一个“名车风范”网页。要求在自选图片上创建三个热点，分别连接到自拟的文字段中。并要求当鼠标悬停在相应热点上时，显示该区提示信息。 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程； 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验三 超级链接和表格的应用 【实验目的】 掌握在网页中插入表格的方法；掌握表格的基本编辑操作；了解超级链接的种类；掌握常见链接的制作方法。 【实验内容】 （1）在网页中插入表格； （2）在网页中使用超级链接； （3）对表格进行美化。 【实验步骤】 1. 制作一个锚记链接的网页。（网页文字和素材自备，下图仅供参考） 要求：网页中所示具有超级链接属性的文字起初不具有下划线，当鼠标悬念在上面时，字体变成红色，且具有下划线。 2. 整合以前做的各种网页，创建一个主页default.asp，将上述各网页链接起来。并且要求在此主页写上自己的真实班级、学号和姓名。 3．制作一个如图所示的表格。要求样式如下，并将各自单元格分别设置成不同颜色，输入不同文字内容（颜色、文字自拟）。 4. 创建一个如图所示“中国省份介绍”的页面，文字内容及图片自拟。 要求：（1）任选3省，分别制作网页； （2）主页面制作图片热区及链接 （3）单击链接可以进入各省页面 （4）各省页面提供”返回”的文字链接，返回主页面 （5）主页面制作“与我联系”的邮件链接。 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程； 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验四　层 【实验目的】 　　了解网页制作中层的作用；掌握在Dreamweaver中用层对页面元素进行精确定位；掌握在Dreamweaver中用层进行页面布局。 【实验内容】 （1）在网页中绘制层 （2）设置层的属性 （3）精确定位层。 【实验步骤】 1. 创建如下的网页。 要求：（1）使用层表现网页内容 （2）层要对齐，图片、文字所在层要大小相同 （3）“咖啡馆”图片从页面右侧滑动到左侧，时间5秒 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页的全过程； 所有实验环节均由每位学生独立完成，严禁抄袭他人实验结果。 实验五 表单的应用 【实验目的】 　　掌握在网页中使用交互式表单的方法。 【实验内容】 （1）创建表单域； （2）创建文本框 （3）复选框、单选按钮和单选按钮组； （4）列表框和跳转菜单； （5）表单按钮； （6）其他表单元素。 【实验步骤】 1. 利用创建一个如下图所示的会员注册表单。 要求：（1）利用Fireworks切片、导出功能对上面的图片进行处理 （2）会员注册的表单放在上图中白色的主要区域，填写会员注册的相关信息自拟。 但必须包括常见的表单元素。 2. 制作跳转菜单。要求菜单选项4个：搜狐网、新浪网、网易、腾讯；用户单击可以打开相应的站点进行浏览。 【实验要求】 按实验内容完成操作，完成实验报告，在实验报告中要求记录设计网页