文档详情

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

发布:2017-04-05约3.21千字共12页下载文档
文本预览下载声明
电子商务网页设计与制作 实验指导书 蚌埠学院经济与管理系 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个:搜狐网、新浪网、网易、腾讯;用户单击可以打开相应的站点进行浏览。 【实验要求】 按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页
显示全部
相似文档