2022学校网页制作竞设计大赛活动总结及意义（网页制作竞赛活动主题设计方案）

第1篇：2022学校网页制作竞设计大赛活动总结及意义

一、大赛介绍

网页设计大赛是我院较早设立的项目之一，与创业设计大赛一样是学院领导和各专业同学非常重视的项目之一。

本大赛旨在激发同学们进行网页设计的兴趣和激情，不断提升自己适应社会需求的竞争优势。作为一名二十一世纪高素质的大学生，网页设计无论在学习还是实践中都具有相当强的技术性与实用性，无论在不断提升自己适应社会需求的能力，锻炼自己的团队协作能力与创新创意意识层面都具有深远的意义。这也正是暨南大学深圳旅游学院立足实际，实事求是，大力培养真正适应社会需求高素质实战性专业人才的重要实践活动。

所以为了满足同学们积极参与各项竞赛活动的要求，进一步活跃学院学术气氛，充分展示我院的创新与进取开拓精神，提高和展示我院学生网页设计与制作水平，整体推进学院学生创新综合能力发展，团委科技部届时将在四月份面向全院各个系及专业组织、举办20__学年度网页设计比赛。

二、大赛宗旨

创意绽放才华 技术再造风流

合作分享快乐 服务共享成功

三、大赛目的

1.丰富和活跃学院学术文化，激发同学对网页设计的热情。

2.学以致用，为学有所长的同学提供一个展示自我，认识自我的舞台。

3.提供同学间互相对比，互相交流，互相促进的机会，培养同学们的实践与合作精神。

4.丰富学院同学的网络和网页设计知识，提高专业素质与综合技能，促进电子商务等专业的学科发展。

5.加强学院四大组织和__大学__校友会与同学们的联系，为学院四大组织和校友会网站的改进提出改进性建议，从而促进共同进步。

四、大赛口号

设计绽放风采，交流共同提高。

五、参赛对象

1.网页设计有兴趣，对网站建设有自己独到的见解，无论技术如何，都有资格参加本年度网页设计大赛。

2.有网页设计基本知识，有网站建设和美工知识的各个年级同学;

3.大一新生具有独立完成网页设计能力的可以自主组队参赛;

4.电子商务协会等专业组织可以以部门形式由不同年级同学组队参赛，鼓励跨年级跨专业组队。

本次大赛每个队参赛人数限制在3-8人之间，希望各个年级和各个专业的同学踊跃参赛，只要你能在网页设计的活动中找到自己的定位，团委科技部就会为你搭建一个公平竞争，展现自我实力与风采的舞台!

六、作品主题

选择__大学__学院四大组织(团委、学生会、大学生就业指导中心和学生心理健康指导中心)和__大学__校友会中的一个为其设计网站。要求积极向上，内容健康，有侨校__旅游学院特色。

七、作品要求

网页

1.网页要有鲜明主题，主题健康，能体现一所大学组织有的积极向上的文化和学术风气。

me文件(t_t格式)，内容包括：

(1) 参赛者姓名、联系方式。

(2) 所用的工作平台和设计软件。

3.首页命名为，其他页面均以_为后缀。

4.图片样式文件需统一存放于es文件夹，如有_文件请一并存放于images文件夹。

首页、页面、图片文件夹均在同一级目录。

构思介绍

比赛作品附一份1000—3000字左右的网页创意介绍，包括你所设计网页主题，风格，美工和所运用的技术成分以及作品的目录结构，也可以加入你对大学网站建设的独到见解和在技术运用中的心得体会，统一用word格式文件上交。

八、比赛规则

1.参赛作品中的各种文件夹和文件名均使用英文名(小写);

2.参赛作品中字体设定为简体字，也可根据网站不同点击群设置简繁体转换;

3.网页作品中不得含有恶意代码;

4. 各队参赛作品以U盘形式上交，写清楚参赛人姓名(组长)、所在班级、联系方式、(指导教师)等，直接交科技部;

5. 参赛作品必须由参赛者自行设计、制作，不得抄袭，不得套用网上或相关 网页制作软件的模板，不得由他人代替或盗用他人作品，否则，取消其参赛资格。

6. 为方便评审和展示，大赛组委会可对提供的资料进行复制;

7. 评选结束后，举办单位对所有作品拥有实用权。

8. 本次比赛由大会组委会负责解释。

九、比赛流程

比赛分为初赛，决赛(两场PK赛)。

1.报名申请表：4月7日

参加大赛的队伍必须在4月7日晚上9：00到10：00将电子版报名表发到科技部负责人邮箱，将打印版交到410会议室，科技部将有工作人员收集报名表，逾时不候。

2.提交比赛作品：

参赛小组需在21日下午5点前将大赛作品用U盘交给科技部联系人并将电子版作品发至科技部邮箱。

说明：五点之后收到科技部工作人员通知一个小时内仍然不交作品的，将不予受理，取消该队参赛资格。

3.初赛 ：4月22日—4月30日

由学院老师和专家代表组成的评审委员会依照评分标准，对网页计设作品进行初步评分，并对作品提出意见。根据得分和评审复议，选出得分3-8名的6支队伍的作品进入决赛，第一，二名将直接晋级总决赛。

科技部将在30日将评委打分和建议反馈到每个参赛队，参赛队可以根据评委意见做适当改进。决赛名单将同日晚通知各个晋级参赛者。

补充：进入决赛的每支队伍在决赛前有一次机会在决赛报告厅做实验性的现场演示，对自己的作品色彩和内容做出适时优化。

4.复赛 ：5月8日

进入复赛小组以两场三队PK的形式，讲解网站设计并作现场演示，同时就所设计的网站运行管理情况进行答辩，评审委员会按评选细则选出每场比赛晋级决赛的一个名额。

补充：晋级复赛的队伍赛前到指定教室初定为410抽签产生PK的对手，具体时间另行通知。

每个半场大约一个半小时，经过上半场决出一个晋级决赛的名额;中场休息十分钟后进行下一组三个队伍的复赛PK，程序同上半场。比赛结束正式产生晋级决赛的两支队伍。

5.决赛：5月15日

初赛中直接晋级的两支队伍与决赛每一场获胜的两支队伍，按照讲解演示——评委答辩的比赛顺序，最终由评审委员会按评分细则和观众投票选出获胜队伍。

PK规则说明：

1. PK是为了给各支队伍展示本队作品更多的机会，比赛中各支队伍须尽可能完整解释本队作品的创意与亮点，增强大赛的可观模性。

2 .比赛中各队只可介绍本队作品的竞争优势与获得晋级或冠军的理由，但不可对PK赛中的对手及其作品进行职指责诋毁和无礼攻击。

3.各个队伍必须严格遵守以上PK比赛规则，不得违规，否则予以扣分，违规一次在总得分中扣掉3分。

声明：为了确保大赛的公平，公正，公开的原则，保证每一支参赛队伍参加公平竞争的权利，科技部部员将不会组队参加本次大赛。同时，各参赛队必须遵守大赛规程，不得违反大赛秩序。

十、奖项设置

一等奖一名 颁发 一等奖证书 奖金1000元

二等奖一名 颁发 二等奖证书 奖金800元

三等奖一名 颁发 三等奖证书 奖金600元

十一、评 委

学院评委：

第2篇：2022学校网页制作竞设计大赛活动总结及意义

一、指导思想

围绕学校全面实施数字化校园的总体部署，带动学校信息化方面的跨越式发展，深入推进课程改革和信息技术的应用，提高学校教师队伍的信息化水平，提升教师队伍的网页制作能力，学校在上学期网页制作培训的基础上，经研究决定，于3月1日至3月9日举办南亭小学网页制作竞赛。

二、活动目的及意义

由于我校教师队伍的信息技术应用水平较低，配合我校全面建设校园网站的契机，举办此次竞赛，力求通过此次竞赛使每一位老师都能够用好信息技术，并把它作为一种手段运用到日常教学中；力求使每一位老师都具备制作网页的能力，达到熟练运用网络服务于教育教学的目的。

三、竞赛内容：

1、班级主页：突出班级特色，体现班级风貌，展示任课教师和学生风采，以学生为主体，力求通过此主页可以全面了解班级情况。

参考栏目为：班级概况、学生简介、学生作品、班级荣誉。

任课教师、学生风采、留言箱等。

2、个人主页：展示个人风采，以教育教学方面为重点，多角度多侧面介绍自己。把它作为教师个人的网上家园，内容要尽量丰富并突出个人特色。

参考栏目为：个人简介、个人荣誉、兴趣爱好、论文选登。

课件选登、精彩教案、教学心得、班主任工作等。

（班主任老师请先完成班级主页的制作，其他科任老师请先完成教师个人主页）。

四、竞赛时间：

1、网页制作时间：3月1日至3月9日

2、网页公示、评比时间：3月10日至3月17日

3、竞赛结果公布时间：3月18日

(公布方式采取全校会上公布、网上公布、张榜等多种方式)。

五、评审小组名单：

组长

副组长

组员

六、评选方法：

1)初评由全校老师投票决定。

2)初评评选出来的优秀作品，经过评审小组的复评，产生最终评选结果。

七、奖项设置：

一等奖3名200元/人

二等奖5名100元/人

三等奖10名50元/人

所有优秀作品都将上传到学校校园网。

第3篇：2022学校网页制作竞设计大赛活动总结及意义

网页设计与制作

实训报告

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨 王淑惠

实训时间：6.20——6.24

一、实训目的：

1、进一步熟悉和掌握网站建设的基本流程和技术规范；

2、巩固运用Dreamweaver网页制作软件制作网页、特别是制作复杂网页的知识；

3、巩固运用PS图像处理软件进行网页中图形制作和运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver、PS、flash三个软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

5、具备独立撰写实训报告基本能力；

6、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

7、紧紧围绕网页制作的流程：规划、设计、开发、发布、维护来进行网站的开发，制作出具有较高水准的静态网页。以此作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予

以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、发现与分析问题、寻求解决问题的方案等），为今后从事网站开 发、维护和管理奠定基础

二、实训项目——特色美食餐厅网站设计

1、网站主题

我的网站的主旨在于从各个方面全面的介绍特色美食餐厅，包括它的菜品、餐厅的环境以及促销活动。另外，网站里还包括餐厅资料和联系方式，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都是橙色和白色搭配，用以展示餐厅特色的效果。其实最重要的是要做出自己的风格，给浏览者好的欣赏感受。

2、网站材料

主要在网站上搜集所要的网页信息，包括图片、文字。同时，查

询相关的书籍、百度等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3、网站规划

我的网站共有７个主页面：首页、美食介绍、优惠活动、商品促销、宴会定制、会员中心和关于我们。每一个页面用统一的模块，以保证网站统一的页面风格。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是CSS设计一个样式，以保证随时、准确的调用。

三、 网页设计工具使用

1、Dreamweaver——我们使用它做网页的主要布局。

2、Photoshop——我们使用它做网页图片的处理以及logo的制作。

3、Flash——我们使用它制作动画

四、网站设计流程

1、主页设计

2、色彩搭配

五、网站测评

网站建成后为了出现不必要的错误，需对它进行测评，测评的主要内容为

1、链接有效性，静态网页只要保证每一个网页正常浏览保证页面信息不缺失就可以了。

2、网页语言的正确性，检查网页中英文拼写与html语言是否正确，在静态网页中语言都是自动生成的所以语言的正确性一般不会有太大的问题。

3、网站便用性，检查网站的整体结构是否清晰以及网站页面的导航是否清晰。

最终效果图

总结：

通过学习一学期的网页设计，我们收获了不少，我们这次实训虽然只做了一个网站，但这个里面包括的内容很多，主要包括网站主页的布局设计，建立站点，网页与网页之间的连接，以及模板和css样式表的应用。

收获：通过一个星期的网页设计实训，从中学到了不少的网页设计知识，之前都是老师讲得比较多，总以为很难实现，但自己做起来其实也并不是想象中那么苦难。虽然代码看起来复杂，但是慢慢学会分析就会懂。

不足：当然这次实训我也有不足，比如css样式表不能灵活应用，网页布局也不够完美，不过多亏了王老师和薛老师的细心指导，我才能完成这次实训。

Flash实训总结

班级：多媒体152

姓名：张莉钧

学号：201501032118

指导老师：薛杨

实训时间：2.

flash培训实训总结提要：

这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出不同字母间的完美转换。、

一、实训目地：让我们更熟练的应用flash制作动图

二、实训项目——不同字母间的形状变换

1、先要确定使用的字母w o r l d

2、再给每个字母使用不同的颜色以及给它们变形

3、最后再给每个字母做不同的变换方式

三、总结 实训收获: 通过这次实训我更加巩固了对flash的应用，虽然这中间有很多失误和很多不必要犯的错误，但更多的是收获，这次实训过后，对flash有了基础的了解，想在这方面学习的话有了初步的基础，主要是学习了flash中各种工具的使用，

1、确定动画剧本及分镜头；

2、设计出字母形状；

3、导入到flash进行制作；

4、剪辑配音。在分镜头画面脚本绘制过程中，应养成填表的好习惯，在表格中注明画面的景别，画面景别使用的专业术语有：大特写、特写、近景、中景、全景、远景、全远景、纵深景等。画面镜头号景别秒数内容摘要对白效果音乐。 存在的问题及解决思路: 这几个星期我学习的flash大多是比较基础的，Flash中字母刻画不够完善，很多动作，变形都需要有一定的美术功底及Flash基础，对于初学的我很困难，所以在此只做了一些简单的变形。在Flash中的一些脚本语言初学时无从下手，只好从大量的视频、书籍里寻找答案。 4．结束语

为了对Flash的现况有更好的了解，主要是对于网上一些MV做了参考。现在的FlashMV已经逐渐成熟了。MV的制作从开始的大量使用位图，转换为矢量后让它们移动来制造动画效果，或者是一些简单的闪入、闪出来丰富画面，发展到现在的广泛使用矢量图甚至手工作图，一些费心思的逐帧动画让我看到了Flash的日渐成熟；从以前的生硬呆板，发展到今天的生动、逼真。Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑）的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。我不仅复习熟练了相关的课程、专业，还学习掌握了很多知识，同时也认识到还有很多基础知识要去学习，去巩固。在以后的时间里，我将花费大量的时间用于学习Flash及相关知识，在Flash之路上我会走的更远。

第4篇：2022学校网页制作竞设计大赛活动总结及意义

1、简述Web浏览器打开一个Web文件的工作过程。

2、描述网页设计的一般步骤。

3、简述网页设计的基本准则。

4、简述规划网站目录结构时应遵循的原则。

5、描述版面布局的步骤。

6、什么是“HTML”？HTML“标记”又是什么？

7、简述“HTML”文档的基本结构。

8、简述以下一段HTML代码中各对标记的作用。 〈html〉

〈head〉

〈title〉网页设计〈/title〉 〈/head〉

〈body〉

〈h2〉北国风光〈/h2〉

〈/body〉 〈/html〉

9、如何进行本地网页的测试？

10、网站管理和维护的主要工作有哪些？

11、什么是Web浏览器

12、简述网页设计中所需要注意的通用规则。

13、简述DHTML的概念及主要组成。

14、简述使用FrontPage在网页中插入一个日历的过程。

15、简述色彩的三原色的概念及每种颜色的调配范围。

16、 为什么要采用DHTML技术？客户端动态网页技术有哪些优点？

17、 网站栏目划分的原则是什么？

18、 XML与HTML相比的主要优点有哪些？

19、请简述一下网站的设计流程？

20、 简述FireWorks的特点。

21、网页制作的步骤是什么？

22、怎样让链接没有下划线

23、怎样在网页中加入多媒体播放

24、怎样让网页的背景图像不滚动

25、怎样定义网页的关键字

26、什么是Web浏览器

27、网页上所说的重心平衡指的是什么

28、什么是DHTML？DHTML技术主要由哪几部分组成？

29、在CSS中，对字体的的设置所涉及到的属性有哪些？

30、用HTML语言回答一个HTML文件应具有的基本结构。

31、比较GIF格式和JPG格式的原理与各自的适用范围。

32、为什么要采用DHTML技术客户端动态网页技术有哪些优点

33、简述站点的概念以及虚拟目录和实际目录之间的对应关系。

34、什么是Web安全色

35、简述虚拟主机的概念和功能。

36、简述Dreamweaver的工作窗口由哪些部分组成。

37、在Dreamweaver中，插入图像的方法有哪些？

38、在Fireworks中，如何使文字附加于路径？

39、在Flash MX中可以创建哪些类型的元件？各元件的含义是什么？

40、HTML中

标记和

标记有何区别

41、简述在网页中插入背景音乐的方法。

42、怎样在网页中插入Flash影片？

43、简述设计Web站点的一般步骤。

44、简要说明html的基本工作原理。

45、简要说明表格与框架布局的区别。

46、举例说明在网页中使用CSS样式表的三种方式（都使用对p标记符应用color属性为例），并简要分析各自的特点。

47、简要说明使用网页图像时应注意的问题

48、简要回答选择符的作用及分类。

49、XML的主要特征有哪些？

50、FrontPage的主要功能有哪些？

51、简答HTML文件的基本标记组成。

52、简答Java与JavaScript的主要区别。

53、

简述网站的开发流程。（10分）

54、 简述静态网页的执行过程。（7分）

55、 简述在Dreamweaver MX中制作以插件方式播放音乐的页面的步骤。

56、简述网页制作有哪些基本流程。

57、在Dreamweaver MX中，目标端点的链接有哪几种？

58、简述在Fireworks中，可以做哪几个方面的环境设置。

59、在Flash MX中，帧有哪几种类型？各自的含义是什么？

参考答案：

1、简述Web浏览器打开一个Web文件的工作过程。

1）

Web浏览器向服务器发出页面请求

2）

服务器接收页面请求，并将搜索到的页面发给Web浏览器

3）

Web浏览器接收并显示页面

2、描述网页设计的一般步骤。

1)

设计主题

2)

设计网页的总体结构

3)

资料的收集和整理

4)

选择网页的设计方法

5)

注意一些基本问题，如：标题要简明、图片最好加说明等

3、简述网页设计的基本准则。

需要遵循的艺术原则主要有：

1）

对比原则

2）

协调原则

3）

平衡原则

4）

趣味原则。

还包括统

一、连贯、分割、对比、和谐、易读、易找、清晰、精选。

4、简述规划网站目录结构时应遵循的原则。

在创建目录时需要注意：

（1）不要将所有文件都存放在根目录下。

（2）目录层次不要太深，建议不要超过三层 。

（3）不要使用过长的目录名和尽量不要使用中文目录名。

5、描述版面布局的步骤。

步骤：

1）

绘制网页草图

2）

粗略布局

3）

定案

6、什么是“HTML”？HTML“标记”又是什么？

HTML是一种建立网页文件的语言，透过标记式指令，将影像、声音、图片和文字等连接起来。

在HTML中用于描述功能的符号称为“标记”，它是用来控制文字、图形等显示方式的符号。

7、简述“HTML”文档的基本结构。

HTML网页的基本结构。

HTML文件开始

第5篇：2022学校网页制作竞设计大赛活动总结及意义

第一部分 大纲说明

一、课程的性质和任务

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

二、课程教学要求

1、理论和实践相结合

本课程是计算机专业的一门必修的专业课程，是理论和实践相结合的课程。该课程重点是构建网站的基本知识，，熟悉网页开发平台的使用，能够独立的创建个人网站。在教学过程中 要与Dreamweaver MX、Flash MX和Firework MX结合起来，同时，应该使课堂理论教学与学生参与专业实践相结合，在课外安排一定的时间进行专业实践，这样学生在学习中，通过理论学习和上机操作实验熟悉构建网站的流程，能够进行简单图像和动画的制作、加工和处理，能够独立的创建个人网站。

2、加强课堂练习与课后练习

为了训练和培养学生的实际操作能力，必须要求学生进行课堂练习与课后作业练习，加强学生的专业技能和基础理论的学习。

三、教学时数与教材

网页设计与制作课程教学总学时数为54学时，其中授课时间为32学时，实验课时为22学时；《网页设计与制作》，田博文编著，人民邮电出版社，2004年。

四、课程教学方法

在网页设计与制作的教学中应当注意：

1、教学方法

本课程应采用理论与实践结合，讲授与自学结合，实践操作与课堂讨论结合的“三结合”教学方法。

2、教学形式

1 本课程的教学形式可以采用班组教学、课堂讲授、利用业余时间自学等形式。

3、实践性环节教学要求

本课程具有较强的实践性和应用性，教学过程中应该贯彻理论与实践相结合的原则，有重点的组织一些课堂讨论和实践操作以及单元测试，督促并检查学生按时完成课外作业，有条件的情况下，可以组织学生到有关部门及单位参观、座谈、以增强学生的感性认识。

第二部分 教学内容和教学要求

第一章 基础知识（2学时） 教学目的与要求：

通过本章学习，学生应了解网页被执行的详细过程，以及与网络相关的基本定义和概念，并掌握在网络中建立网站的方法。

重点难点：在网络中建立网站的方法教学内容： 教学内容：

（一） 网络基础知识

（二） 初识网页

（三）网上安家

第二章 创建本地虚拟站点（4学时） 教学目的与要求：

通过本章学习，让学生熟练掌握在本地创建虚拟站点与创建文件和文件夹的方法，以及站点管理器的使用，了解制作网站的准备工作。 重点难点：创建虚拟站点与创建文件和文件夹的方法 教学内容：

（一）准备工作

1、了解网站的服务群体

2、确定网站的主题

2

3、 画出结构图

4、 确定网站命名规则

（二） 创建虚拟网站

（三）其他功能

1、 站点地图布局

2、 保存站点地图

3、 设计备注

第三章 文档、文本和链接（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法，了解文本各项参数的源代码表示方法。

重点难点：创建、保存文档的方法，以及文本的各项参数设置和文本超级链接、图像超级链接、下载链接的使用方法 教学内容：

（一） 新建文档

（二）建立超级链接

1、 添加文本链接

2、 图像超级链接

3、 电子邮件链接

4、 下载链接

5、 命名锚记 第四章 Web图像（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握在Dreamweaver MX中使用图像的一些基本方法和技巧、设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法，了解GIF和JPEG两种图像格式的异同点和使用环境。

重点难点：设置网页背景色和背景图像的方法、图像映射和跟踪图像的方法 教学内容：

3

（一） 网页中的色彩

（二） 图像格式

1、 GIF格式

2、 JPEG格式

3、 如何正确地使用GIF

（三） Dreamweaver MX中的图像技术

（四） 设置网页背景

1、 改变网页背景色

2、 设置背景图像

（五） 在Dreamweaver 中巧妙地处理图像

1、 给图像添加文字说明

2、 图像映射

3、 跟踪图像

第五章 Fireworks MX中的图像技术（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。

重点难点： 文本工具、绘图工具和握样式的使用，以及GIF、JPEG格式图像的输出，图像处理技术和在Fireworks MX中制作HTML网页的过程。 教学内容：

（一） 制作漂亮的文字

（二） 制作个性化的网站标志

（三） 制作网页背景图像

（四）对图像进行美化

（五） 制作HTML网页

（六） Dreamweaver MX与Fireworks MX的配合使用

4 第六章 表格（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握表格的创建、编辑过程、表格的嵌套 、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码，了解表格的组成及各项参数的含义。

重点难点： 表格的创建、编辑过程、表格的嵌套 、表格的宽度、边框、背景色和背景图像的位置和表格的各种标签的源代码 教学内容：

（一） 表格的组成

（二） 建立表格

（三） 表格属性

（四） 在表格内添加元素

（五） 选择表格

（六） 编辑表格

（七） 增加、删除行和列及拆分、合并单元格

（八） 表格的缩放

1、 用拖放方法缩放表格的大小

2、 用表格的[属性]面板改变表格尺寸

（九） 一个完整的页面制作过程

1、 页眉的制作

2、 左侧导航区的制作

3、 制作中间主要区域

4、 制作右侧新闻摘要区 第七章 框架（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口、了解框架的含义。

5 重点难点： 创建、保存框架的过程、框架组、框架的属性设置和框架中链接的目标显示窗口 教学内容：

（一） 建立框架

1、 建立框架

2、 插入框架

3、 添加内容

4、 保存框架

（二） 选取框架

1、 选择一个框架

2、 选择框架组

（三） 框架和框架组的属性

1、 框架属性

2、 框架组属性

（四） 编辑框架

（五） 框架中链接的目标显示窗口 第八章 表单（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握各表单的属性，了解表单的含义。重点难点：各表单的属性 教学内容：

（一） 创建一个反馈表单

（二） 测试表单页

（三） 表单及表单域的各项属性

第九章 插入其他对象（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频。

重点难点：水平线、6种文件头标签、插入字符的使用，熟练在网页中插入多种格式的视频 教学内容：

（一） 插入水平线

（二） 插入文件头标签

（三） 插入字符

（四） 插入多媒体

1、 插入Flash动画

2、 插入插件

3、 播放“*.rm”格式影片 第十章 HTML样式和CSS样式（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式，了解CSS样式的定义。

重点难点：HTML样式的用法、CSS样式的创建、3种放置CSS代码的方式 教学内容：

（一） HTML样式

1、 新建样式

2、 应用HTML样式

3、 清除HTML样式

4、 在面板中处理样式

（二） 什么是CSS样式

（三）[CSS样式]面板

（四）CSS的属性

（五） 使用Dreamweaver MX中的CSS样式编辑器

1、 创建自定义样式

2、重定义HTML标签

3、 使用CSS选择器

4、 附加样式表 第十一章 Flash MX（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建，了解矢量动画、位图图像的定义。

重点难点： 用工具箱中的工具创建和编辑图形、视频、音频的导入、运动动画、变形动画的创建、运动引导动画、遮罩动画的创建 教学内容:

（一） 基础知识

1、 电脑动画

2、 矢量图形

3、 位图图像

4、 Flash动画的特点

（二） Flash MX

（三） 创建图形

（四） 编辑图形

（五） 素材和元件

1、 视频的导入

2、 音频的导入

3、元件

（六） 创建基本动画

1、 运动动画和变色动画

2、 变形动画

3、 逐帧动画

（七） 创建多层动画

8

1、制作运动引导动画

2、 制作遮罩动画

（八）作品的测试和发布

1、 作品的测试

2、 作品的优化

3、 作品的导出和发布 第十二章 模板和库（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握模板、库的创建方法，了解[资源]面板的一般用法。

重点难点： 模板、库的创建方法 教学内容:

（一） [资源]面板

（二） Dreamweaver MX中的模板

1、 创建模板

2、创建可编辑区域

3、 创建重复区域

4、 创建重复表格

5、 编辑模板

6、 使用模板

（三） Dreamweaver MX中的库

1、 什么是库

2、 怎样使用库

第十三章 源代码相关功能及行为（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用，了解标签管理器的一般用法。 重点难点：13种行为的创建过程、代码提示、标签选择器、标签编辑器、标签检查器的使用

9 教学内容:

（一） 查看源代码

（二） 管理标签库

（三） Dreamweaver中的编码

1、 使用代码提示加入背景音乐

2、 使用代码片断快速创建网页

3、 使用标签选择器插入浮动框架

4、使用标签编辑器编辑标签

5、 用标签检查器编辑标签

6、使用快速标签编辑器插入标签

（四） 插入HTML注释

（五） [行为]面板

（六） 事件

（七） 动作

1、 播放声音

2、 打开浏览器窗口

3、 弹出信息

4、 调用JavaScript

5、 改变属性

6、 交换图像

7、 检查浏览器

8、 检查表单

9、 控制Shockwave或Flash

10、 转到URL

11、 设置导航条图像

12、 跳转菜单

13、 弹出式菜单 第十四章 网页发布（4学时） 教学目的与要求：

通过本章的学习，让学生熟练掌握设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法，了解报告的作用。

10 重点难点：设置FTP上传的步骤、发布网页的过程、检查、改变站点范围的链接的方法、检查、改变站点范围的链接的方法、清理文档的过程、同步的使用方法 教学内容:

（一） 设置FTP上传

（二） 发布网页

（三） 报告

（四） 检查站点范围的链接

（五） 改变站点范围的链接

（六） 查找和替换

（七） 清理文档

（八） 同步