电子商务网页设计与制作（2009版）

1． 电子商务网页设计与制作(2009版)

电子商务网页设计与制作实验课程教学大纲

课程名称：网页设计与制作 英文名称：Webpage design

一、实验总学时（课外学时/课内学时）：54 学分： 3

必开实验个数：18 选开实验个数：18 二、实验的性质、目的和任务

本课程是商学系电子商务专业开设的一门专业基础课。本课程以网站建设作为研究对象，详细介绍了Dreamweaver, Fireworks和Flash三个软件应用，在此基础上介绍网页制作的基本方法和流程。通过本实验课程的开设，使学生掌握网页设计的基本概念和基础知识、网页设计的主要工具，使学生具备独立完成网页设计与制作的能力。 三、面对专业

电子商务 四、考核方式

平时考核、期末上机考试 五、实验指导书（实验教材）

1、《巧学巧用Dreamweaver8.0 Fireworks8.0 Flash8.0制作网页》

（第5版），人民邮电出版社，前沿电脑图像工作室编著；2007.02. 2、《网页制作三剑客》，甘登岱 主编，机械工业出版社 六、实验项目与内容提要

实验主要仪器设备 实验学时 每组人数 实验实验类类别 型 序号 实验项目名称 内容提要 实验要求 1 站点构建流程、网页制作基础知注意事项； 识；Dreamweaver DW功能简介、 基本操作流程介站点管理；简单绍 页面制作。 计算机 3 1 演掌握网页基示与 课程础概念、站点操内实构建流程。实作 验 现简单页面制作 相互结合 2 3 超级链接的创建和管理 网页布局的基本方法 链接的原理、 创建方法 网页布局的必要性、表格实现页面布局、框架实现页面布局 3 3 掌握链接的原理、创建方法 掌握表格和框架基本属性、利用表格或框架实现页面布局 掌握CSS样式创建方法、熟悉CSS样式属性。掌握CSS样式的应用。 掌握行为面板的功能；掌握插件的安装和应用；实现页面动态效果代码添加。 掌握模板文件、库文件的原理和创建方法。 了解其他面板的功能。 实现站点的发布和管理。 归纳汇总技巧及学习心得。 掌握图像基础概念，熟悉fireworks操作界面。 掌握特效文字制作方法。 掌握矢量工具应用。掌握位图工具应用。 掌握分隔条、按钮、下拉菜单的制作方法。 掌握文字图标、图形图标设计4 使用CSS样式 CSS样式的功能、 如何创建CSS样式，如何应用；应用实例。 行为面板的功能与应用；插件的应用；特效代码添加。 3 5 动态页面效果 3 6 库面板和模板功能的应用； 其他面板的使用 站点的发布和管理 复习、 应用技巧汇总 Fireworks篇： 基础知识； 特效文字制作 库面板的功能、 模板的创建和引用；层面板、时间轴面板、资源面板等应用； 站点的发布和管理。 图像相关概念、图像的格式和区别； 应用属性、效果实现文字编辑；套用样式、 文字与路径； 3 7 8 3 3 9 工具应用 矢量工具应用； 位图工具应用； 分隔条制作、按钮制作；下拉菜单制作。 3 10 导航栏制作 3 11 图标制作； 文字图标、 优化面板的应用； 图形图标设计与 3 制作； 文件优化导出 与制作的方法。 掌握文件优化的方法、实现导出文件应用。 3 掌握动画基本原理、熟悉flash操作界面。 掌握渐变动画制作方法。 掌握复杂动画制作方法。 掌握遮罩的原理及利用遮罩实现文字特效。 掌握利用遮罩实现图片切换效果 掌握为动画添加声音的方法。掌握文件优化方法及导出应用。 掌握交互动画制作方法； 综合应用三个软件优化站点文件。 12 Flash篇: 动画基本原理、动画基础知识； Flash功能，操作渐变动画的制作； 流程； 形状渐变动画制作、移动渐变动画制作 渐变动画的制作 引导图层功能、复杂移动动画制作 遮罩的原理、 利用遮罩实现文字特效 利用遮罩实现图片切换效果 13 3 14 遮罩图层的使用 遮罩图层的使用 3 15 3 16 声音和外部视频为按钮、动画添的导入； 加声音；应用外文件的优化导出； 部视频； 简单交互动画制作； 综合应用 实现动画交互控制； Dreamweaver、Fireworks、Flash结合使用 3 17 18 3 3 拟稿（签名）： 林新华 2009年10月1日 核对（签名）： 林建宗 2009年 11 月 1 日 审批（签名）： 瞿友喜 2009年 11 月 2 日