第一篇：浅谈网页设计课程教学

浅谈网页设计课程教学

摘要：网页设计课程是计算机和艺术的交叉学科课程，应注重将技术和艺术相结合起来进行教学。本文针对“网页设计 ”课程的特点，结合实践应用，阐述在教学方面的一些体会。

关键词：网页设计，教学方法

Abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these subjects.this paper is to base on the feature of “website design” course and practice , to give some opinion about teaching.Key words : website design, a teaching method

一、引言

《网页设计》课程是职业院校计算机类专业及电子商务专业的一门专业课程，也是一门实践性很强的职业技术课程。由于《网页设计》课程实践性和更新性很强，该课程如果采用传统的教学方式，那结果是不理想的。在这里结合自身的实际经验，谈谈网页设计课程的教学。

二、教学策略

1．课程特点

网页设计课程是计算机和艺术的交叉学科课程。在教学过程中，除了要求学生掌握基本的技术外，也必须对艺术设计有一定的了解。网页设计应注重技术和艺术的统一性。在进行网页设计时，应考虑网站的总体结构，风格定位，色彩的应用，版式的设计等方面的因素，力求形式与内容的统一，让网页的显示达到快捷，美观的视觉效果。

2．教学方案

要设计一个好的网页作品，首要的因素不是创新，而是“用户体验”，第一步应该站在用户的角度去考虑设计方案，所有的形象风格都必须服从主题，服务用户。这就对网页的整体形象有了较高的要求，整体形象包括版式设计，色彩的应用，logo设计，素材设计，广告设计，web图像设计及优化，交互方式等等。在教学时，我们可以结合实际，要求学生从版式布局设计和网页元素的处理及色彩搭配三方面着手，归纳如下：

（1）版式设计

网页的美感来源于网页的版式设计，它突出了网页设计的艺术性和个性，属于网页的艺术设计，好的版式设计会使得网页显得更具有美感和创意。网页的版式设计是基于内容的，应该从实用性和艺术性考虑。网页内容一定要主次分明，中心突出；导航要清晰；可以图文并茂，是网页显得生动和活跃。除此以外，网页的版式设计要符合统一、分割的原则。统一即指整个网站版式风格的统一性、整体性；分割即指要科学的划分整个页面。

网页的版式设计主要是表格、层等技术的应用。表格是一种最简单的布局手法，它可以将图像和文字做最恰当的编排，达到清晰易懂的效果。层（div）的布局，是现在正当流行的排版手法，它主要应用相对位置等的关系进行准确定位，再加上层叠样式表的辅助，突出了它对网页的设计具有可扩展的优势。

文字是网页内容的主要载体，所以文字的视觉效果在版式设计中也起着关键的作用。文字的设置可以分为字体、大小、颜色、行距等，通过这些属性设置，使文字排列得整体和美观。但要注意的是中文字体和英文等其他字体的设置，是有一定区别的。英文的字体有很多的选择，但中文的正文字，总的来说，就两种：宋体和黑体。在传统的版式设计中，大家都还是倾向于英文的排版，从视觉上来看，英文字体更有韵律性，因为每个字母本身高矮不一致；但是中文字体相对来说，就显得单调和独立些，所以在设计时，这两种文字要作不同的处理。另外，也不要选择一些非常特殊的字体，除非用户的浏览器认识这些特殊字体，否则将会出现乱码。如果遇到非要使用特殊字体的情况，可将文字转换成图片再将其应用。对于字号而言，单位应采用em，而不是px，这点在使用层叠样式表（css）时尤为重要，还要注意的是em和px是有差别的，所以在使用的时候也要对上号，否则也达不到预先的视觉效果。文字一行的字数最好不超过50字，首页的标题在10-20字为佳；行距一般使用的是20-22像素的行距，这样使得整个的文字内容部分不会显得太紧凑或者太松散。文字的整体排列一般有四种基本形式：两端对齐、居中对齐、左对齐或右对齐、图文环绕排列。在整个网页版式设计中，标题文字的设计原则应该是“醒目而不夸张”。

导航栏的设计在网页设计中也很重要，它对整个网站内容有提纲和导航的作用，在设计的时候，要注意首先导航栏的风格也要和整个网页风格保持统一，另外最好采用文字，因为网络的速度可能会影响图片的正常下载；不过现在flash按钮的导航栏已经成为时尚，它可以实现丰富的动感效果。

（2）网页元素的处理

网页元素包括logo、按钮、图片、动画、声音、banner等。在网页中包含这些对象时要注意的有：首先是logo的设计，logo代表了整个网站或者企业的文化，一个有特色、具有视觉冲击力的logo，可以直接影响浏览者对网站的判断，给浏览者留下记忆深刻的印象。其次，要确保网页上的每一个元素都有存在的必要性，不要使用冗余的技术和内容；再次，要保持形式和内容的统一；最后，要尽量的使网页具有快捷性。对于网页的特效技术，最好采用javascript或css技术来实现。

（3）色彩的处理

并非所有的颜色都能应用于网页，网页中的颜色会受到硬件、浏览器等的影响，即使网页中使用了非常合理、非常漂亮的配色方案，每一位用户所看到的效果也不一定相同。所以，最好使用使用网页安全色来避免和解决这种问题。网页安全色是指在不同的硬件环境和软件环境下都能在浏览器上正常显示的颜色，并且现显示的效果都一样，不会出现失真的现象。在页面设计中，整个网页的色彩种类最好不要超过3种，一种或者两种主体色，其他为辅助色。颜色种类太多，会让人觉得很杂乱。另外，文字内容和网页的背景颜色的对比要做到突出，比如：背景为深色，则文字的颜色可以选取浅色调；背景为浅色时，文字颜色就应该深些；这种深浅的变化在色彩学中称为“明度变化“。比如有些主页，背景色和文字颜色都采用的是深色，由于色彩的明度较近，所以浏览者来浏览阅读的时候，会感觉吃力，从而影响阅读；但是色彩的明度变化也不能太大，明度变化大会导致亮度的反差强，让人觉得很刺眼，同样会影响整个网页的视觉效果。在进行颜色搭配时，还要注意的是：第一，采用的颜色应具有联想性，不同的色彩会产生不同的联想，所以色彩的选取也要和网页的内涵有关。第二，色彩的合理性。根据网页的主题的不同，选取相应的色彩，比如红色，可以体现出网站的热情和喜庆；蓝色可体现出科技的气息等。第三，色彩要有鲜明性，这个才能给浏览者深刻的印象，并有耳目一新的感觉。

（4）网页赏析

在教学过程中对学生的引导是非常重要的，设计网页得多看多学，网页设计的技术和风格在日新月异地变化，所以在提高学生设计技术的同时，还要多培养学生的审美能力，知道怎么设计才是一个好的网页。创建网页是一个不断学习的过程，在看一个网站的时候，找到这个网站的优点缺点，注意哪些是可以借鉴的，哪些是需要避免的，在看的同时，可以看些成熟的网站，也可以看些成长中的作品，在同期的比较中，也有助于自身的提高。另外，鼓励学生看源文件，了解某些效果是如果实现的，在效仿的同时进行改进和创新。

（5）考核方式

网页设计课程的考核应该打破传统的考试方式，建议采用机考的方式，学生通过一学期的学习，应能自行设计各种网页，熟练掌握其基本制作方法和技巧，在规定的时间内设计网 页。这也是一种对提高学生动能能力的一种鞭策方法。

三、结束语

在网页设计课程教学中，应当充分认识到网页设计课程的特点，结合实际，采取相应的教学措施和方法完成教学任务，以达到良好的教学效果。对于信息科技迅猛的发展今天，必须摒弃陈旧的教学理念，及时提高自身的专业水平，完善自身的教学理念，寻找更好的教学方法，激发学生的学习兴趣，培养学生追求新知的能力和动手实践的能力，从而达到学以致用的效果。

参考资料： 田博文，《Dreamweaver8基础培训教程》，人民邮电出版社，2007年2月

孙素华，<< Dreamweaverms2004完美网页设计>>，中国青年出版社，2005年10月

第二篇：网页设计课程的教学反思

精彩的“陷阱”是成功的一半

《网页设计之div盒子的定位》教学反思

Div盒子模型是CSS控制页面时一个十分重要的知识点，其定位方法则是重中之重。学生在掌握了盒子模型的概念、组成、作用等基本知识之后，就面临着如何在页面中为各盒子进行合理的排版，以实现丰富的页面效果的实际需求。本节课围绕该问题而展开，以任务驱动的形式带领学生在不断地发现问题，分析问题，解决问题的过程中，体验两种不同的定位法为div盒子排版所带来的神奇变化。

课程开始时，我便和学生一起，结合上次课某学生的课堂作品文件，对div盒子的基础知识做简要的回顾，同时引导大家在该“问题作品”文件中寻找不足，即所有盒子都是按照标准流的方式，在浏览器窗口中由上而下依次排列。而实际上这种排列方式有其局限性，会导致网页页面效果“刻板”，且浪费页面空间。此时，我再打开一份已经过合理定位后的同作品文件，让学生注意观察，该文件中各盒子的排列已经发生了巨大变化，整个页面已变得十分美观。通过这种导入方法，让学生在发现自己的作品中存在问题的同时，又欣赏到了定位之后的文件效果，由此产生“改变现状”的强烈愿望。至此，成功引入div盒子定位的概念。

在接下来的教学活动中，我结合ppt与板书简单介绍了何为盒子的定位，其定位的两种方法：float与position。然后针对导入时利用的“问题作品”，演示如何利用float属性解决其中一部分问题，再将该“问题作品”源码和包含任务说明、实现的效果、操作提示的“任务书”下发给每位学生，让他们利用float知识解决现有问题，实现既定的效果文件。待学生基本完成该任务后，我再次抛出另一小任务：将左右两个盒子的位置对调。当听到该任务后，我发现有部分学生在窃喜，并且以非常快的速度完成了任务，然后纷纷让我去检查。其实此时他们已“成功”地掉入了我提前设计好的“陷阱”。我假装十分严谨地检查了几个学生的作品后不做评价，并将全班的屏幕收回，让其中某一位学生的作品呈现在所有人面前，同时提出问题：该同学是否真的实现了我要求的效果？此时讨论声起，大家各抒己见。我见机向全班演示了该操作过程，并将操作结果定格，提醒大家注意：我们确实可以利用float属性将左边盒子定位到右边，但这里所谓的右边到底是指谁的右边？它又是否是我们需要的右边？此时同学们会发现，答案是否定的，左盒子这时在浏览器最右边，与上边的盒子无法对齐，需要在此基础上，再向左侧移动一定的距离。

分析了问题所在与解决方案之后，我再次抛出了小任务：请大家按照刚才的分析思路，解决现在的问题，实现效果。这时全班都犯难了，几乎听不到敲击键盘的声音。我趁机装作很“纳闷”的样子，反问大家，怎么都不动了？这时旁边有声音传来，“老师，我们不知道怎么给左盒子移动一定的距离。”

“哦，对了，我忘了告诉大家移动的方法了！”此时换成是我窃喜了，因为我再次将他们置身于知道问题所在，却没办法解决的境地。这时我便开始介绍position中相对定位的方法，并演示了具体的操作步骤后，将余下的任务交给全班，另外对学有余力的学生提出了更高的要求，即利用相对定位实现更为丰富、复杂的页面效果，而绝大部分学生都非常成功地实现了既定的效果。

这节课在一个个环环相扣的任务中完成，效果在总体上比较理想。但有众多细节问题需要自己推敲反思。如，有极少部分学生因基础差，跟不上“队伍”，直到课程快结束时，仍在琢磨第一个任务如何完成。这跟我没有全面考虑学生因素有关，我应做到“区别对待”，对不同级别的学生给与不同难度的学习任务，如此不但能防止某些学生因跟不上节奏而放弃学习，还能激发他们的学习兴趣，获得成就感。另外，对课程内容中的“相对定位方向的确定”这一知识点的解释不够到位，导致很多学生要么不会做，要么只是强行记忆。其实，该知识的介绍除了利用传统的ppt和板书工具外，还可以利用交互性较好的flash小动画来演示，这样学生能够更加直观地了解left、right、top、bottom四个方位属性的意义所在。

第三篇：网页设计课程小结

现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可缺少的一部分，网络成了我们获取知识和信息的一种便捷工具，现在的网民也在不断的增多，所以，了解和学习网络知识是我们作为一名大学生迫切所需的。我利用寒假的时间，对网页设计进行了初步的认识和了解，并基本掌握dreamweaver的应用。

通过寒假期间的学习，在学习了网页设计的同时，我更加深入的了解了关于计算机和网络的知识。基于大一对计算机基础与c语言的基本掌握，自学网络设计的基础部分便显得较为轻松。谁然如此，在设计过程中依然出现了很多的问题，但通过看书，上网查询，等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

通过对网页设计书籍的翻阅，我学习到了一些关于建设网站和制作网页的知识，在实践查阅资料时，对flash也有所了解。我还了解了一些基础的网络技术。通过学习，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，他是、flash、fireworks等网页软件的综合应用。下面阐述一下我在翻阅《dreamweaver》时的一些关于网页设计的见解。在具体的制作一个网页时我了解到一个优秀的网页设计应该具备一些基本原则。首先，要确定网页设计的内容一个优秀的风站要有一个明确的主题。整个网站围绕这个主题,也就是你在网页设计之前要明确你这个网站有什么目的,用来做什么，所有页面都是围绕着这个内容来制作，有了明确的内容对排名有很重要的作用；其次，要了解你网站所在行业的客户，及你的网页属于哪个类别。用户是一个网站成败的关键,如果用户要花很多时间进入你网站很有可能用户会立即关掉你网站,或者你网站操作很不方便用户也会马上离开,这种网站是很失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成了。下面要开始的便是优化工作，内容是整个网页的核心。在网页设计之前必须明确网页的内容安排。优秀网页设计是要建立在平凡的基础上的。然后在具体的规划一个网页时，可以用树状结构先把每个页面的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，很浪费时间和财力。大纲列出来后，还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也会为主页将来发展打下良好的基础。下一步，就以动手制作具体内容了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所有的内容。大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。另外一个好的方法是从网络上收集，您只要到搜索引擎上查找相应的关键字，就可以找到一大堆的资料。在准备材料的时候我们可以用一些小的动画和动态图片，flash提供了功能齐全的绘图和编辑图形工具。可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。在动画播放时，可以用鼠标或键盘对动画的播放进行控制，效果可以很直观的反映出来。然后是开始正式制作主页。通过dreamweaver作为制作软件，只需要用到软件中的一些基本的功能：图片插入和对齐设置；文字的格式、颜色、背景颜色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也有遗憾。但是，我已经迈入了网页设计的大门，只要我再认真努力的去学习，在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高，我坚信将来设计出的网页会更加专业，更加华丽，使它最终成为自己的一项技能。

第四篇：网页设计高级课程

网页设计高级课程（5个月）

学习内容：使用Dreamweaver制作网页、使用Photoshop处理图像、网站配色与布局、制作Flash动画、DIV+CSS、淘宝网店装饰与推广、网站架构与策划、PHP+MySql网站开发、SEO网站优化与推广。白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333 px.byxy.com byxy.com

网页设计制作基本概述

理解网页设计制作原理、基本手段、流程与制作要求。

1．互联网、网页、网站、超级连接、HTML语言等基础网络知识的概念及定义

2．网站设计制作的常用工具与基本流程

3．HTML语言的基本结构和语法

熟练掌握网页设计制作的基础操作。讲解HTML代码。主要包括：

1、如何建立站点

2、对于网站文字，图片，超链接的设置

3、以及以上网页元素所对应的html代码

熟练掌握常用的页面版式与布局控制技术。

1、表格的应用

2、表单的应用

3、框架的使用

熟练掌握css+div的模式进行网页设计，并能够使用css制作特殊的效果的样式。讲解css和div的相关知识，主要包括：

1.css的基本概念，基础知识

2.css对于文字，图片的设置

3.css对于网页布局的控制，css的特殊效果等

使用JavaScript的相关行为进行网页的一些特效以及验证。

1、讲解JavaScript的基础知识

2、讲解JavaScript的常用方法。

了解网页设计色彩的搭配原则以及网站logo设计的基本原则。

1、网页色彩的色调组合，网页设计中色彩的基本原则

2、网站logo设计的原则以及基本创意

3、优秀网站作品赏析

掌握网站导航条的设计制作技巧以及网站banner的制作方法。

1、导航条设计的原则

2、导航条设计的创意

3、网站banner的表现手法

4、制作网站banner常用的技法

5、如何制作有创意且美观的网站banner

白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333

px.byxy.com byxy.com 欢迎前来报读

第五篇：《网页设计》课程教学大纲

《网页设计》课程教学大纲

课程编号：

英文名称：WebPages Designing 课程类型：专业选修课 学时/学分：24+24/2 授课对象：专科生

先修课程：计算机文化基础 课程简介：

《网页设计》是一门重要的信息管理专业的选修课程。本课程讲述了网站创建、网页制作基本知识、Dreamweaver网页制作集成工具使用的方法等内容。通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。

教学目的和要求：

通过学习，使学生了解网页网站的基础知识；掌握网页三剑客的使用方法，以便能够正确应用和维护网站。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。

教学内容：

第1章 网页设计快速入门（2）

1、教学内容：

1.1 在Internet上安个家

1.2 知识要点

1.2.1 有关网页设计的概念

1.2.2 网页设计软件

1.2.3 网页制作过程

1.2.4 企业建立网站的过程

1.2.5 网页设计与HTML 1.3 本章小结

2、教学重点：

网页设计的概念、网页制作过程。

3、教学难点： 网页设计与HTML。

第2章 Dreamweaver MX快速入门（1）

1、教学内容：

2.1 制作网站电子相册

2.2 知识要点

2.2.1 认识Dreamweaver MX中文版基本界面

2.2.2 认识窗口项目

2.2.3 面板组

2.3 本章小结

2、教学重点：

Dreamweaver MX中文版基本界面。

3、教学难点：

面板组的使用。

第3章 用Dreamweaver MX设计首页（1）

1、教学内容：

3.1 一个简单首页设计的例子

3.2 知识要点

3.2.1 页面属性

3.2.2 文本属性

3.2.3 表格属性 3.2.4 单元格属性

3.2.5 图像属性

3.3 本章小结

2、教学重点：

设置文本、表格和图像的属性。

3、教学难点： 页面属性的设置。

第4章 Dreamweaver MX的CSS样式（2）

1、教学内容：

4.1 制作动态链接效果

4.1.1 Microsoft中国公司主页的动态链接效果

4.1.2 为网页制作动态链接效果

4.2 知识要点

4.2.1 什么是CSS样式

4.2.2 CSS样式与HTML样式

4.2.3 CSS样式控制面板

4.2.4 定义CSS样式

4.3 本章小结

2、教学重点：

CSS样式控制面板的使用、定义CSS样式的方法。

3、教学难点：

定义CSS样式的方法。第5章 表格应用（2）

1、教学内容：

5.1 用表格实现一个系部主页的设计

5.1.1 网页结构分析

5.1.2 设计页眉区

5.1.3 设计导航栏区

5.1.4 设计信息区

5.1.5 设计版权区

5.2 知识要点

5.2.1 标准视图中的表格与布局视图中的表格

5.2.2 标准视图模式下表格的应用技巧

5.2.3 布局视图模式下表格的应用技巧

5.3 本章小结

2、教学重点： 标准视图模式下表格的应用。

3、教学难点：

布局视图模式下表格的应用。

第6章 Dreamweaver MX图层应用（2）

1、教学内容：

6.1 一个弹出式菜单设计的实例

6.1.1 设计弹出式菜单的效果图

6.1.2 设计弹出式菜单的过程

6.2 知识要点

6.2.1 创建层

6.2.2 选择层

6.2.3 插入层对象

6.2.4 移动层

6.2.5 对齐层

6.2.6 层与表格相互转换

6.2.7 设置层属性

6.3 本章小结

2、教学重点：

层的基本操作和层的属性设置。

3、教学难点：

层与表格的转换、行为和事件。

第7章 Dreamweaver MX时间轴（2）

1、教学内容：

7.1 制作一个动态地址导航图

7.2 知识要点

7.2.1 时间轴控制面板

7.2.2 时间轴的基本应用

7.3 本章小结

2、教学重点： 时间轴的基本应用。

3、教学难点： 录制层路径。

第8章 表单操作（2）

1、教学内容：

8.1 制作一个网上报名表单

8.1.1 制作网上在线报名表单

8.1.2 预览网上在线报名表单

8.2 知识要点

8.2.1 插入表单

8.2.2 插入文本对象表单

8.2.3 插入按钮

8.2.4 插入复选框

8.2.5 插入单选按钮

8.2.6 插入列表/菜单域 8.2.7 插入文件字段

8.2.8 插入图像域

8.2.9 插入隐藏域

8.2.10 插入跳转菜单

8.3 本章小结

2、教学重点：

表单和常用表单域的用途和使用方法。

3、教学难点：

插入隐藏域和跳转菜单。

第9章 Dreamweaver MX综合应用（2）

1、教学内容：

9.1 一个网站建立的实例

9.1.1 建站准备

9.1.2 制作网站

9.2 知识要点

9.2.1 网站的设计构思

9.2.2 资源面板的应用

9.2.3 行为面板的应用

9.2.4 站点管理器的应用

9.3 本章小结

2、教学重点：

网站的设计构思、资源面板的应用。

3、教学难点： 行为面板的应用。第10章 Flash MX快速入门（0.5）

1、教学内容：

10.1 制作一个移动的圆

10.2 知识要点

10.2.1 Flash MX的界面

10.2.2 主菜单项目

10.2.3 常用工具栏

10.2.4 时间轴面板

10.2.5 绘图工具栏

10.2.6 其他重要栏目

10.3 本章小结

2、教学重点：

Flash MX的工具栏和时间轴面板。

3、教学难点： 时间轴面板的使用。第11章 Flash MX的绘图功能（0.5）

1、教学内容：

11.1 制作一个网页广告

11.2 知识要点

11.2.1 绘图工具 11.2.2 指针工具

11.2.3 填充工具

11.2.4 文本工具

11.2.5 颜色设置

11.2.6 图片的使用

11.3 本章小结

2、教学重点： 绘图工具的使用。

3、教学难点： 图片的使用。第12章 Flash MX动画制作初步（1）

1、教学内容：

12.1 制作动态文字的实例

12.2 知识要点

12.2.1 图层（Layer）

12.2.2 帧（Frame）

12.2.3 使用图符、实例和库

12.2.4 用Sound面板引入和编辑声音

12.2.5 文件预览

12.3 本章小结

2、教学重点：

使用Flash MX制作简单动画。

3、教学难点：

帧的基本操作、在动画中添加声音。第13章 Flash MX动作的应用（1）

1、教学内容： 13.1 图像动画实例

13.1.1 制作可供控制播放的循环动画

13.1.2 制作按钮元件

13.1.3 设计场景

13.1.4 舞台播放区背景的制作

13.1.5 在场景上创建Daughter影片剪辑的实例

13.1.6 后台控制程序

13.2 知识要点

13.2.1 ActionScript的基本概念

13.2.2 用动作面板编辑对象动作

13.3 本章小结

2、教学重点： 动作面板的使用。

3、教学难点：

用动作面板编辑对象动作。第14章 Flash MX的综合应用（1）

1、教学内容：

14.1 制作一个网站的门户广告动画 14.1.1 设计构思

14.1.2 素材准备

14.1.3 制作过程

14.1.4 发布过程

14.2 知识要点

14.2.1 文件的导入与导出

14.2.2 文件的发布及发布设置

14.2.3 发布预览

14.3 本章小结

2、教学重点：

文件的导入和导出、文件的发布。

3、教学难点：

Flash MX动作的应用。第15章 Fireworks MX应用基础（1）

1、教学内容：

15.1 Web按钮制作实例

15.2 知识要点

15.2.1 Fireworks的基本概念

15.2.2 Fireworks的编辑模式

15.2.3 Fireworks的工具详解

15.2.4 Fireworks中的对象

15.2.5 Fireworks的层

15.3 本章小结

2、教学重点：

Fireworks的工具详解。

3、教学难点： Fireworks的层。第16章 Fireworks MX进阶操作（1）

1、教学内容：

16.1 一个简单的动画

16.2 知识要点

16.2.1 Fireworks的蒙版

16.2.2 Fireworks的颜色混合模式

16.2.3 Fireworks的热点和切片

16.2.4 Fireworks实用技巧 16.3 本章小结

2、教学重点： Fireworks实用技巧。

3、教学难点：

Fireworks的蒙版、热点和切片。第17章 站点的发布、宣传推广与维护（2）

1、教学内容： 17.1 站点的发布

17.2 网页的测试 17.2.1 下载时间测试

17.2.2 浏览器兼容性测试

17.2.3 拼写检查测试

17.3 站点宣传与推广的一般方法

17.4 站点的维护与更新

17.5 本章小结

2、教学重点： 站点的发布。

3、教学难点： CuteFTP的使用方法。

实验内容：

实验一

(使用HTML语言制作简单网页)（2）

1、实验目的：

熟悉HTML语言的常用标记，学会在记事本环境下用HTML语言编辑简单的网页。

2、实验内容：

用记事本输入下面语句，另存为网页文件，并在浏览器中浏览。

一首唐诗

夜雨寄北

李商隐

君问归期未有期，

巴山夜雨涨秋池。

何当共剪西窗烛，

却话巴山夜雨时。