《电子商务平台
设计与开发》
实验指导书
电子商务教研室编
2024年8月
实验一 基于多媒体元素的网页前端设计实验
一、实训目的
1.理解网页制作的基本元素；
2.掌握Dreamweaver CS6软件的基本操作方法；
3.掌握在网页中插入文字、图片、声音、flash等的方法；
4.掌握常见的网页布局方法，学会使用CSS美化网页；
5.掌握在网页中使用表单和制作网页特效的方法；
6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来；
7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分；
二、实验任务与要求
1.完整的页面内容设计（文案、图片、logo、banner、导航栏等）；
2.完整的页面版式布局设计（div+css布局图）；
3.完整的网页站点（图片、主页、链接页、动态脚本）；
三、实验仪器设备
1.计算机；
2.dreamweaver；
四、实验步骤
1、根据项目1、2安装软件并完成网站项目文件的建立；
2、 根据项目3完成网站的基本html框架，并建立CSS文件；
3、 根据项目4完成网站文案、图片及视频的设计；
4、 根据项目5完成网站超链接设计；
5、 根据项目6完成网站导航栏设计；
学 生 实 验 报 告
实验课程名称： |
网页设计与网站建设 |
实验项目名称： |
基于多媒体元素的网页前端设计实验 |
开课实验室： |
1121 |
学 |
院： |
物流工程学院 |
年 |
级： |
2023级 |
专 |
业： |
电子商务专业 |
班 |
级： |
五班 |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
指 导 教 师： |
张升平 |
重庆财经学院教务处 制
开课实验室：1121 年 月 日
实验项目名称 |
基于多媒体元素的网页前端设计实验 |
类别 |
验证性 |
£ |
演示性 |
£ |
综合性 |
þ |
设计性 |
£ |
创新性 |
£ |
一、实验目的 1.理解网页制作的基本元素； 2.掌握Dreamweaver CS6软件的基本操作方法； 3.掌握在网页中插入文字、图片、声音、flash等的方法； 4.掌握常见的网页布局方法，学会使用CSS美化网页； 二、实验任务与要求 1.按照教科书项目一至项目九的要求，逐步完成“图书交易网的设计”； 2.网页必须包含项目一至项目九的全部元素； 3.搜集并制作网页的多媒体素材； 4.优化前端，有多样化的页面功能及丰富的主页与子页； 三、实验仪器设备 （1）计算机 四、实验步骤 （记录项目一至项目九全过程的制作截图，并通过文字描述制作过程。） 步骤1： 步骤2： 步骤3： 五、实验结论 （展示最终作品效果，并通过文字描述网站全部功能及设计逻辑。） |
实验 成绩 |
|
教师 评价 |
|
实验二 站点页面设计设计
一、实训目的
1.理解网页制作的基本元素；
2.掌握Dreamweaver CS6软件的基本操作方法；
3.掌握在网页中插入文字、图片、声音、flash等的方法；
4.掌握常见的网页布局方法，学会使用CSS美化网页；
5.掌握在网页中使用表单和制作网页特效的方法；
6.掌握简单图形图像的处理，能够制作符合网页主题的图片和简单动画并巧妙地和网页中内容搭配起来；
7.掌握建设一个功能相对完善的网站的方法并能制作常用的网站的静态页面部分；
二、实验任务与要求
1.完整的页面内容设计（文案、图片、logo、banner、导航栏等）；
2.完整的页面版式布局设计（div+css布局图）；
3.完整的网页站点（图片、主页、链接页、动态脚本）；
三、实验仪器设备
1.计算机；
2.dreamweaver；
四、实验步骤
1、 小组分工进行站点设计方案制定；
2、 小组分工进行站点图片设计；
3、 根据项目7，进行站点布局设计；
4、 根据项目8，进行网站交互的设计；
5、 根据项目9，利用模板制作子页
学 生 实 验 报 告
实验课程名称： |
网页设计与网站建设 |
实验项目名称： |
基于“DIV+CSS”的网页前端设计实验 |
开课实验室： |
1121 |
学 |
院： |
物流工程学院 |
年 |
级： |
2023级 |
专 |
业： |
电子商务专业 |
班 |
级： |
××班 |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
学 生 |
姓 名： |
××× |
学 |
号： |
××× |
指 导 教 师： |
张升平 |
重庆财经学院教务处 制
开课实验室：1121 年 月 日
实验项目名称 |
基于多媒体元素的网页前端设计实验 |
类别 |
验证性 |
£ |
演示性 |
£ |
综合性 |
þ |
设计性 |
£ |
创新性 |
£ |
一、实验目的 1.理解网页布局的基本原理； 2.掌握通过DIV+CSS进行网页布局设计的能力； 3.掌握利用网页行为及JS脚本进行用户交互设计的能力； 4.掌握利用模板进行网页设计的能力； 二、实验任务与要求 1.按照教科书项目一至项目九的要求，设计一个商用网站，主题不限； 2.网站采用DIV+CSS进行布局； 3.网站具备用户交互的功能，能够识别用户行为进行反馈； 4.优化前端，有多样化的页面功能及丰富的主页与子页； 三、实验仪器设备 （1）计算机 四、实验步骤 （按网页设计流程分步骤说明制作过程，每个步骤至少有一张截图。） 步骤1： 步骤2： 步骤3： 五、实验结论 （展示最终作品效果，并通过文字描述网站全部功能及设计逻辑。） |
实验 成绩 |
|
教师 评价 |
|
