网页设计与制作

课程代码：05083395

课程类型：专业选修 适用专业：计算机科学与技术 总课时数： 70 学 分： 4

一、课程教学的目的和任务

（注：课程类型是指通识教育、专业必修、专业选修、教师教育、实践课程、其它课程）

1.课程介绍： 《电子商务网页设计与制作》是电子商务专业的一门专业核心课程，也是一门综合性、交叉性课程。通过该课程主要让学生掌握搭建电子商务网店的能力和构建电子商务网站的架构和前台模块并为后续的网站建设专业课程打好基础。并按层次分设了四个核心项目，分别对应中小企业电子商务网站规划书、电子商务网店的设计与制作、中小企业形象网站的设计与制作和企业标准化网站的重构。通过本课程学习，让学生掌握电子商务网页设计与制作的相关理论知识，能够完成网页设计中的图片进行处理、动画和特效的制作，网站设计方案编制和网页的基本设计与制作。

2.课程基本要求：通过该课程的讲解主要让学生掌握构建电子商务网站的轮廓和前台模块并为后续的网站建设专业课程打好基础。该课程教学质量的高低，不仅关系到学生对电子商务专业的理解与把握、后续专业课程的学习效果，也直接影响到学生毕业后从事电子商务实际操作的主要动手能力。因为有相当比例的电子商务的学生毕业后从事的工作会和相关的电子商务网页设计

和网站开发管理有关。

3.课程展望：该项课程的掌握程度能很好的和学生就业技能相结合，是体现电子商务学生动手能力和核心技术的重要途径。该课程教学质量的高低，不仅关系到学生对电子商务专业的理解与把握、后续专业课程的学习效果，也直接影响到学生毕业后从事电子商务实际操作的主要动手能力。

二、教学内容纲要

1. 在学习这门课程中，要学会运用Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004 软件进行网页设计，内容包括网页设计的基础知识,，Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004软件的使用，网页布局和美化，网页特效的制作和网站的发布方法，通过学习除了能制作有技术含量、有动感的网页外，还能掌握电子商务网站的发布方法

知识目标：

（1） 掌握Photoshop的基本操作 （2） 掌握HTML基本语法

（3） 掌握HTML常用标记及属性的用法 （4） 掌握HTML编辑工具的使用 （5） 掌握iis的设置

（6） 掌握Dreamweaver cs3的基本操作 （7） DIV和CSS的基本概念

技能目标：

（1） 能描述网站开发流程，规划版面，书写网站分析报告； （2） 能熟练使用Dreamweaver制作网站； （3） 能通过修改模版对已有网站进行二次开发； （4） 能使用Dreamweaver设计网页布局； （5） 能将脚本特效运用于所制作的网页上； （6） 能把商品照片处理后运用于网页；

（7） 能使用firework制作网页动画、logo、图标； （8） 能使用flash制作网页动画、图标。 态度目标：

（1） 团队协作能力 （2） 交际和沟通能力 （3） 创新和解决问题能力

2. 整个课程设计归纳起来有以下内容： （1）网站需求分析； （2）业务流程及功能设计； （3）页面设计； （4）程序设计； （5）编写网站说明书； （6）安装与测试。

制作网站的基本开发流程，即规划和准备、基础网页制作、网

页特效制作、网页图像动画处理等过程，学生在实验前应较好的

掌握电子商务的基本理论和基本知识，并熟悉计算机的基本操作及常用软件的使用。 教学内容及学时分配

序号 教学内容 理论 1 2 3 4 5 6 7 8 9 10 网页制作基础知：Dreamweaver 基本操作流程介绍 网页布局的基本方法 使用CSS样式 Fireworks篇：基础知识；特效文字制作 Flash篇:动画基础知识；渐变动画的制作； 遮罩图层的使用 声音和外部视频的导入；文件的优化导出； 导航栏制作 简单交互动画制作； 综合应用 总计 2 2 4 6 6 4 6 3 4 3 40 学时数安排 实验 3 3 3 3 3 3 3 3 3 3 30 小计 5 5 7 9 9 7 9 6 7 6 70 2. 教学内容的基本要求，教学的重点、难点

一. 网页制作基础知：Dreamweaver 基本操作流程介绍 基本要求:

站点构建流程、注意事项；DW功能简介、站点管理；简单页面制作。链接的原理、创建方法

重点：

(1).掌握网页基础概念； (2).站点构建流程；

(3).实现简单页面制作。 难点：无

二．网页布局的基本方法 基本要求：

网页布局的必要性、表格实现页面布局、框架实现页面布局 重点：

(1).掌握表格和框架基本属性； (2).利用表格或框架实现页面布局 难点：无 三. 使用CSS样式 基本要求：

CSS样式的功能、如何创建CSS样式，如何应用；应用实例。 重点：

(1).掌握CSS样式创建方法； (2).熟悉CSS样式属性； (3).掌握CSS样式的应用。 难点：运用CSS

四．Fireworks篇：基础知识；特效文字制作 基本要求：

图像相关概念、图像的格式和区别；应用属性、效果实现文字编辑；套用样式、文字与路径；

重点：

(1).掌握图像基础概念； (2)熟悉fireworks操作界面； (3).掌握特效文字制作方法。 难点：文字特效制作

五．Flash篇:动画基础知识；渐变动画的制作 基本要求：

动画基本原理、Flash功能，操作流程；形状渐变动画制作、移动渐变动画制作

重点：

(1).掌握动画基本原理； (2).熟悉flash操作界面； (3).掌握渐变动画制作方法。 难点： Flash制作

六．遮罩图层的使用 基本要求：

遮罩的原理、利用遮罩实现文字特效 重点：

(1).掌握遮罩的原理及利用遮罩实现文字特效； (2).掌握利用遮罩实现图片切换效果。 难点：无

七．声音和外部视频的导入；文件的优化导出

基本要求：

为按钮、动画添加声音；应用外部视频； 重点：

(1).掌握为动画添加声音的方法； (2).掌握文件优化 难点： 文件优化 八．导航栏制作 基本要求：

分隔条制作、按钮制作；下拉菜单制作。 重点：

(1).掌握分隔条;

(2).按钮、下拉菜单的制作方法。 难点：无

九．简单交互动画制作 基本要求：

实现动画交互控制； 重点：

掌握交互动画制作方法； 难点：无 十．综合应用 基本要求：

Dreamweaver、Fireworks、Flash结合使用 重点：

(1).综合应用三个软件优化站点文件； (2).掌握复杂动画制作方法。 难点：

三个软件结合使用

三、教学说明

1. 教师在授课前，可以有计划的收集保存有代表性的精彩网页，并将其归类整理。在给学生上第一节课时通过这些网页的欣赏、分析，使学生明白FrontPage 这门课程的作用；再将这些保存的网页调入到FrontPage 编辑窗口进行编辑演示，使学生了解FrontPage 软件的主要功能；通过不同类别网页之间的比较，使学生明确自己的职业定位。为了加大课堂上的信息量，突出教材的重点和难点，更形象的理解各种电路中信息的流动过程和工作原理以及设计思路，课堂教学上采用多媒体教学手段。在课件制作上注重动画显示，按讲课进度控制播放速度，引导学生主动思考，由表及里，层层深入。为了加深学生对各部分的理解和掌握，在讲授过程中，应该配置一定数量的实验和作业习题。

具体可以有以下几点： (1).把握好课程的引入；

(2). 抓住教学细节，锁定实用内容;

①从学生的兴趣出发; ②从就业的需要考虑; (3). 教学的组织; ①学为主体，突出能力; ②提倡创新，体现个性; ③鼓励协作，培养团队精神; 四、考核方法

根据《伊犁师范学院考试管理规定》： 理论课考核方式：考试

实验课考试方式：验证型实验现场检查；综合型实验现场检查和查阅实验报告书

五、教材及教学参考书

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

（第5版），人民邮电出版社，前沿电脑图像工作室编著；2007.02.

2、《网页制作三剑客》，甘登岱 主编，机械工业出版社 3、《网页设计与制作》，王克富. 北京人民邮电出版社, 2009