网页制作说课稿

第一篇：网页制作说课稿

《网页制作》说课案

各位领导、各位老师评委：

很高兴有机会参加本次说课的活动，聆听各位评委的悉心指导。我今天说的课程名称是《网页设计与制作》，使用的教材是高等教育出版社的《网页设计与制作》教材。下面我分四个方面进行说课，请评委指正。

一、说课程信息

1、本课的地位和作用：

《网页设计与制作》是高职计算机专业必修的职业技能课，一共有六十课时，是理论实践一体化课程，前边学过《计算机应用基础》、《平面设计》、《动画 设计》等课程，因此，学生已经具备了一定计算机素养，大部分同学对制作网页充满了兴趣，能自己设计制作一 个网站是许多学生心中的梦想。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力,为后续的《ASP动态网页制作》打好基础。

2、课程目标

本课程的教学目标是着力培养学生网页设计与制作的思维和创新能力。本课程目标分为知识目标和能力目标。

（1）了解HTML语言中常见标记及其作用（2）熟练掌握dreamweaver的基本操作方法（3）理解表格、框架、层的作用，掌握属性的方法

（4）理解CSS样式表的作用和意义，掌握定义CSS样式的方法（5）理解表单的作用，掌握设置表单元素的属性方法（6）理解模板和库的作用（7）初步了解动态网页设计方法

3、课程特色

该课程是一门新兴的课程，发 展比较迅速，而且内容随着计算机技术的发展在不 断的改变。因此，我们要教给学生“万能钥匙”，充分发挥学生的主观能动性，确立学生在学习中的 主体地位；以技能为本，倡导自主、合作、探究的学习方式，同时采用模块化教学、理论与实践相结合的特色。

4、学生情况分析

通过第一学期计算机基础课程的学习，大部分同学会简单的计算机基础操作，对网络充满兴趣但是大部分学生对于网页设计制作陌生没有思考过如何制作网页。

二、说课程设计 1.课程内容选取

根据对职业岗位的知识、能力、素质结果分析，并体现针对性和适应性的特点，本课程以职业能力培养为目标，在内容选取上主要着眼于了解网页制作的基本原理和规则，熟练掌握一个优秀的网页制作工具，熟悉HTML语言、CSS样式以及熟悉网页布局、颜色搭配技巧等几个方面的知识和技能。本课程使用模块化教学，以具体案例贯穿教学全过程，在精心设计教学任务中涵盖了网页制作设计所需要掌握的知识点和应用技能，整个教学内容的选取不仅有利于学生网页设计能力的培养，同时也为学生的可持续发展奠定了良好的基础。2.教学内容设计

（1）整合、程序化教学内容，学习与工作相结合，理论与实践一体化

以案例贯穿全过程，围绕完成每一个具体工作任务所涉及的理论知识，以知识点的方式将相应内容分布到各个模块之中，实现理论与实践的一体化。（2）教学内容项目化

采用项目化教学的理念设计教学大纲，并组织教学内容。课程以dreamweaver8为教学平台，以项目导向，任务驱动的方式组织教学，以工作任务为主线，以学生为主体以教师为主导，融教学做于一体。（3）课程结构模块化

本课程采用模块化的课程结构，以项目为导向，使用一个具体案例贯穿，将整个课程分为6个模块，每个模块都有细化任务。

3、教学方法设计

本课程采用任务驱动的教学模式，实施项目化教学方法，课堂与实训地点一体化，从以下三个方面展开：

（1）采用任务驱动的教学模式

整个教学过程构成了以工作任务为主线，以学生为主体，以教师为主导的新型教学模式。采取小组讨论、协作学习的方式，以实际的项目来驱动学生主动学习。通过完成项目活动，来应用已有知识和学习掌握新知识，达到培养学生分析问题和解决问题能力的目的。（2）实施项目化教学方法，课堂与实训地点一体化

实行分组教学，以小组为单位完成实训教学任务，以学生操作为主，完成每个模块的实践操作，以教师引导为辅，适当讲解操作过程中遇到的理论知识，将练结合，以练为主，组织学生完成能力拓展训练。

（3）采用四部曲的教学流程，融教学做于一体

第一步，教师展示示范项目，分析工作任务，演示操作流程，讲解涉及的理论知识。第二步，下达实训项目工作任务，提出完成任务的具体要求和完成时间。第三步，小组协作学习，完成实训项目。

第四部，项目验收，学生自我评价，教师综合评价。

三、说课程实现

1、教学手段

为了顺利完成上述教学目标，最大限度地达到良好的教学效果，在学校机房进行教学，通过多媒体教学系统的播放、监控、反馈、讨论、传输等功能完成教学任务。具体过程如下：（1）导入

通过生动，有趣的动画演示和导入语，吸引学生的注意力,激发学生的学习兴趣，酝酿创造作品的参与热情，进而适时向学生导入本节课的教学目标。（2）观摩作品

演示老师已经设计好的一个作品范例，并启发讨论。以范例供参考，学生根据经验感受作出建构自己的标准，如：什么样的网页才是好看的？怎样设计才算有特色？等。把任务的重点和要求，以及需要注意的地方告诉学生，使学生明白本节课要完成的内容，有目的，有重点的进行学习。

（3）学生自主学习为主，教师指导为辅

学生根据要完成的本节课的任务，选择学习资源中相关的学习内容，进行自主学习。从简单的模仿开始，大胆进行探索实践，通过多种渠道寻求问题的解决。对自主学习、探索问题解决过程中出现的问题，教师应及时利用多媒体计算机系统的各种功能进行帮助、指导，鼓励学生开展协作学习拓展思路，使不同程度的学生都能向目标迈进。

2、教学资源

选择特色教材，结合电子课件和课程案例库进行综合习题和课后练习，各种教学资源相结合。

四、说教学评价

本课程采用小组整体评价和学生个体评价相结合，教师评价和组长评价相结合，教师评价和学生自我评价相结合，理论和实践项目评价相结合的多种评价融合。

例如：

选择学生制作的具有代表性作品进行展示，由师生共同参与点评，对学生中体现出来的好的制作经验和体会，给予肯定；对不足的地方提出指导性的意见，使学生的阶段性的作品逐步趋于完善。

另外，在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，作为教师，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。

第二篇：网页制作说课稿

简单网页的制作

各位领导、各位老师评委：

很高兴有机会参加本次说课的活动，聆听各位评委的悉心指导。我今天说的课程名称是《dreamweaver网页制作》，使用的教材是中国青年出版社的《dreamweaver流行网站实例精讲》教材。下面我分四个方面进行说课，请评委指正。

一、说课程信息

1、本课的地位和作用：

《dreamweaver网页制作》是高职计算机专业必修的职业技能课，一共有六十课时，是理论实践一体化课程，前边学过《计算机应用基础》、《平面设计》、《动画 设计》等课程，因此，学生已经具备了一定计算机素养，大部分同学对制作网页充满了兴趣，能自己设计制作一 个网站是许多学生心中的梦想。因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践 能力和自学能力,为后续的《ASP动态网页制作》打好基础。

2、课程目标

本课程的教学目标是着力培养学生网页设计与制作的思维和创新能力。本课程目标分为知识目标和能力目标。

（1）了解HTML语言中常见标记及其作用

（2）熟练掌握dreamweaver的基本操作方法

（3）理解表格、框架、层的作用，掌握属性的方法

（4）理解CSS样式表的作用和意义，掌握定义CSS样式的方法

（5）理解表单的作用，掌握设置表单元素的属性方法

（6）理解模板和库的作用

（7）初步了解动态网页设计方法

3、课程特色

该课程是一门新兴的课程，发 展比较迅速，而且内容随着计算机技术的发展在不 断的改变。因此，我们要教给学生“万能钥匙”，充分发挥学生的主观能动性，确立学生在学习中的 主体地位；以技能为本，倡导自主、合作、探究的学习方式，同时采用模块化教学、理论与实践相结合的特色。

4、学生情况分析

通过第一学期计算机基础课程的学习，大部分同学会简单的计算机基础操作，对网络充满兴趣但是大部分学生对于网页设计制作陌生没有思考过如何制作网页。

二、说课程设计

1.课程内容选取

根据对职业岗位的知识、能力、素质结果分析，并体现针对性和适应性的特点，本课程以职业能力培养为目标，在内容选取上主要着眼于了解网页制作的基本原理和规则，熟练掌握一个优秀的网页制作工具，熟悉HTML语言、CSS样式以及熟悉网页布局、颜色搭配技巧等几个方面的知识和技能。本课程使用模块化教学，以具体案例贯穿教学全过程，在精心设计教学任务中涵盖了网页制作设计所需要掌握的知识点和应用技能，整个教学内容的选取不仅有利于学生网页设计能力的培养，同时也为学生的可持续发展奠定了良好的基础。

2.教学内容设计

（1）整合、程序化教学内容，学习与工作相结合，理论与实践一体化

以案例贯穿全过程，围绕完成每一个具体工作任务所涉及的理论知识，以知识点的方式将相应内容分布到各个模块之中，实现理论与实践的一体化。

（2）教学内容项目化

采用项目化教学的理念设计教学大纲，并组织教学内容。课程以dreamweaver8为教学平台，以项目导向，任务驱动的方式组织教学，以工作任务为主线，以学生为主体以教师为主导，融教学做于一体。

（3）课程结构模块化

本课程采用模块化的课程结构，以项目为导向，使用一个具体案例贯穿，将整个课程分为6个模块，每个模块都有细化任务。

3、教学方法设计

本课程采用任务驱动的教学模式，实施项目化教学方法，课堂与实训地点一体化，从以下三个方面展开：

（1）采用任务驱动的教学模式

整个教学过程构成了以工作任务为主线，以学生为主体，以教师为主导的新型教学模式。采取小组讨论、协作学习的方式，以实际的项目来驱动学生主动学习。通过完成项目活动，来应用已有知识和学习掌握新知识，达到培养学生分析问题和解决问题能力的目的。

（2）实施项目化教学方法，课堂与实训地点一体化

实行分组教学，以小组为单位完成实训教学任务，以学生操作为主，完成每个模块的实践操作，以教师引导为辅，适当讲解操作过程中遇到的理论知识，将练结合，以练为主，组织学生完成能力拓展训练。

（3）采用四部曲的教学流程，融教学做于一体

第一步，教师展示示范项目，分析工作任务，演示操作流程，讲解涉及的理论知识。第二步，下达实训项目工作任务，提出完成任务的具体要求和完成时间。

第三步，小组协作学习，完成实训项目。

第四部，项目验收，学生自我评价，教师综合评价。

三、说课程实现

1、教学手段

为了顺利完成上述教学目标，最大限度地达到良好的教学效果，在学校机房进行教学，通过多媒体教学系统的播放、监控、反馈、讨论、传输等功能完成教学任务。具体过程如下：

（1）导入

通过生动，有趣的动画演示和导入语，吸引学生的注意力,激发学生的学习兴趣，酝酿创造作品的参与热情，进而适时向学生导入本节课的教学目标。

（2）观摩作品

演示老师已经设计好的一个作品范例，并启发讨论。以范例供参考，学生根据经验感受作出建构自己的标准，如：什么样的网页才是好看的？怎样设计才算有特色？等。把任务的重点和要求，以及需要注意的地方告诉学生，使学生明白本节课要完成的内容，有目的，有重点的进行学习。

（3）学生自主学习为主，教师指导为辅

学生根据要完成的本节课的任务，选择学习资源中相关的学习内容，进行自主学习。从简单的模仿开始，大胆进行探索实践，通过多种渠道寻求问题的解决。对自主学习、探索问题解决过程中出现的问题，教师应及时利用多媒体计算机系统的各种功能进行帮助、指导，鼓励学生开展协作学习拓展思路，使不同程度的学生都能向目标迈进。

2、教学资源

选择特色教材，结合电子课件和课程案例库进行综合习题和课后练习，各种教学资源相结合。

四、说教学评价

本课程采用小组整体评价和学生个体评价相结合，教师评价和组长评价相结合，教师评价和学生自我评价相结合，理论和实践项目评价相结合的多种评价融合。例如：

选择学生制作的具有代表性作品进行展示，由师生共同参与点评，对学生中体现出来的好的制作经验和体会，给予肯定；对不足的地方提出指导性的意见，使学生的阶段性的作品逐步趋于完善。另外，在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，作为教师，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。

第三篇：网页制作毕业论文

一 引 言

随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。

二 网站建设的流程

1.定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。

2.租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。

3.设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。

4.ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.xiexiebang.com/sale/view.asp?Article ID=288 [4]许凌云，柳勇良.网页设计全方位学习[M].北京：清华大学出版社，2008，11 [5]陈琳.photoshop cs3 入门实战与提高[M].北京：电子工业出版社，2008，11 [6]焦慧.网页制作基础与典型范例[M].北京：电子工业出版社，2008，7 [7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京：机械工业出版社，2006，5 [8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京：电子工业出版社，2008，1 [9]何秀芳.网页制作与网站建设课堂实录[M].北京：人民邮电出版社.2009，3 [10]孙连三.新编网页制作与网站建设入门与提高[M].北京：人民邮电出版社.2008，9 [11]邓文渊.网页制作高手FLASH 8[M].北京：人民邮电出版社，2007，6 [12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工广告设计百炼成精[M].电子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]杨大勇，李金江.ASP网络开发自学导航[M].北京：机械工业出版社，2007，6 [17]卓越科技.SQL SERVER数据库开发培训教程[M].北京：电子工业出版社，2009，4 [18]李曦琳.WEB导航设计[M].北京：电子工业出版社，2009，3 [19]力诚教育.ACCESS 2007完全自学手册[M].成都：四川出版集团，2009，3 [20]丛书编委会.ASP动态网页编辑[M].北京：清华大学出版社，2006，10 [21]陈刚.商业网站开发从入门到精通[M].科学出版社，2008，2 8

致 谢

毕业论文如期完成了，在此我要感谢在毕业设计期间给予我帮助的许多人。首先，我要特别感谢的是我敬爱的指导老师王琛老师。因为是他为我提供了一个良好的环境，才使我很好的完成了毕业设计。在设计期间他也给与我无私的帮助。在此表示深深的谢意。

正是他的付出，使我找到并改正了许多看起来很明显的错误和不严谨的论述。在毕业设计的过程中是愉快的，我很感谢与我设计有帮助的每一个人，是他们的存在，让我感到了毕业设计的过程中的快乐，使我融入到了团队工作中，感受到了相互合作的乐趣。

我对所有人的耐心表示感谢，尤其是我的指导老师王琛老师。他仔细阅读了我的论文和程序，并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度，使设计得以顺利完成。

最后，当然不能忘记帮助过我的老师和同学。写论文通常是一项非常枯燥的工作，但幸运的是他们使这项工作变成了一种乐趣。还有默默无闻帮过我的朋友，也在此表示对你们诚挚的感谢。

第四篇：网页制作论文

网页制作论文

简介

网页制作是网站策划师、网络程序员、网页设计师等岗位，应用各种网络程序开发技术和网页设计技术，为企事业单位、公司或个人在全球互联网上建设站点，并包含域名注册和主机托管等服务的总称。其作用为展现公司形象，加强客户服务，完善网络业务。网页制作是企业开展电子商务的基础设施和信息平台，是INTERNET上宣传和反映企业形象和文化的重要窗口。新竞争力也认为注重网站的网络营销价值而不是外在表现。网页制作是指使用标识语言，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，浏览。

网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来。

目录

1.网页制作的两种设计模式 2.网页制作常用工具 3.flash 3.1flash简介 3.2flash动画的特点 3.3flash动画的前景 3.4flash在网页中的应用 3.5flash制作流程 4.fireworks

4.1fireworks简介

4.2fireworks在网页中的应用

4.3fireworks的重要性

4.4fireworks制作流程 5.参考文献

正文

1.网页制作的两种设计模式

从前一般网页都使用表格进行排版设计，这样作的优点在于设计制作速度快，尤其在可视化网页编辑器，如Microsoft FrontPage中，这样设计显得直观而方便，然而这让越来越复杂的版面需要许多不断嵌套的表格设计，致使网页代码变得冗长复杂，使文件体积增大，且不容易被搜索引擎查找。同时，这样做也不利于大型网站的改版工作。

于是随着主流网页浏览器对CSS的支援度提高，近年来兴起了一种新的网页设计模式。被业界称为“网页重构”的革命，其核心在于分隔网页的风格和内容，指标记语言(如HTML,XML)负责定义页面的内容，但不可以定义任何涉及网站外观(风格)的东西。而网站风格就由另外的CSS档案负责。在排版方面，新的模式提倡使用由CSS定义的DIV进行页面排版，而将表格还原为排列数据的最初功能。这种模式有很多好处，例如可以协助搜寻引擎查找网页的情况，减小文件提及提高浏览速度，且由于一个CSS档案可以控制多个页面，这也给改版带来了很大方便。

由于W3C是该模式极力的倡导者，于是业界鉴定网页是否符合W3C标准，就可以在W3C网站自动检测该网站的情况。

这种模式也有缺点，其中一个弱点就是，在不同浏览器出来的效果会有分别，但这种情况主要是由于微软的Internet Explorer对CSS文档的支持有众多缺陷造成的。另一方面，开始设计CSS时，并不能清楚看到目标，因此显得不直观。

网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。

2.网页制作常用工具

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

3.flash 3.1flash简介

Flash最早出现并兴起于网络，是网络多媒体动画的重要制作形式，它是macromedia公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。其运用范围覆盖诸多领域如电视广告、网络广告、游戏、演示动画、课件、网页、手机动画等新兴媒体。现在由于网络带宽的不断提高，Flash动态网页以其具备的声音、动态图像等多媒体优势，相信在不远的将来能够完全替代静态（HTML）网页。

3.2flash动画的特点

（一）Flash动画受网络资源的制约一般比较短小，利用Flash制作的动画是矢量的，无论把它放大多少倍都不会失真。

（二）Flash动画具有交互性优势，可以更好地满足所有用户的需要。它可以让欣赏者的动作成为动画的一部分。用户可以通过点击、选择等动作，决定动画的运行过程和结果，这一点是传统动画所无法比拟的。

（三）Flash动画可以放在网上供人欣赏和下载，由于使用的是矢量图技术，具有档小、传输速度快、播放采用流式技术的特点，因此动画是边下载边播放，如果速度控制得好，则根本感觉不到档的下载过程。所以Flash动画在网上被广泛传播。

（四）Flash动画有崭新的视觉效果，比传统的动画更加轻易与灵巧，更加“酷”。不可否认，它已经成为一种新时代的艺术表现形式。

（五）Flash动画制作的成本非常低，使用Flash制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。

（六）Flash动画在制作完成后，可以把生成的档设置成带保护的格式，这样维护了设计者的版权利益。

3.3flash动画的前景

现在的Flash平台包括:Flash Studio

8、Flash Player

8、Flash in Mobile flex 1.5、以及应用于通信行业的Breeze 5等；未来即将推出的产品包括Browser client Flash Player、Mobile client Flash Player、Apollo Flash+HTML的客户端工具，以及Flex等企业端工具等。这些工具将满足设计和开发人员跨越各种开放的和专有的平台，包括从桌面到移动设备，提供更丰富的网络内容和互联网应用，企业也能够通过Flash应用获得更大的受益。

（一）网络视频钟情Flash 面对全球超过100万的Flash开发者的期望，Macromedia也不断开发新的领域。而用户对视频应用的垂青，刺激着Macromedia推出新的工具。在上千开发者的注目下，Macromedia推出了Flash Media Server 2，以巩固其Flash Platform作为网络视频最佳选择的地位

（二）Flex 2产品线和Flash Player 8.5出手不凡

Macromedia Flex 2产品线和Macromedia Flash Player 8.5是本次发布会的重头戏。新产品涵盖RIA的全部应用场景，从电子商务产品配置，到需要与实时数据集成的可视交易应用。

Flash Player目前在全球6亿多个桌面和移动设备上安装,估计新版本在12个月内将被80%的联网计算机下载。Flash Player 8.5在Flash Player 8的基础上增加了适合行业使用的编程功能，并构建了先进的跨平台运行时环境。它备有一个新的虚拟机，可以提供更高的运行性能、全面的运行错误报告、增强型调试功能以及支持ActionScript 3。ActionScript 3遵守最新的ECMA Script规范，能够更易于查找及解决问题，从而提高开发人员的工作效率。

3.4flash在网页中的应用

在网络高速发展的今天,越来越多的人们已经不再满意图文并茂的静态网页格式,动态网页应运而生,但是一般的动态图片和网站的背景音乐应用并不合拍.什么时候可以把多媒体应用在网站上呢 Flash正是在这一网络发展的大背景下应运而生的,前身是Future Splash.Flash1.0版本诞生于1996年,由于当时的网络大背景,Flash在出道之时并没有得到计算机行业应有的重视,Flash真正的火爆是从Flash3.0版本开始的,到了1999年6月发布的Flash4.0版本,其制作的动画开始大量的在网上传播,已经逐渐成为了网页交互多媒体动画设计软件的标准.现在,Flash5.0以其特有的ActionScript脚本编程,正在以极快的速度追赶HTML网页标准.它改变了以往静态的,枯燥的,网页形式,利用它短小精悍的文件体积和插件,利用它简单易学的操作方式,利用它的“流”式播放形式丰富我们的网络生活.试想,如果它真的超过HTML成为未来的网页设计软件的主流,那也将是网络的一场革命,也是网络生活的福音.3.5flash制作流程

（1）建立一个新的场景

依次选择“文件”、“新建”、“Flash文档”命令，建立空白文档，大小为550*400像素，背景为白色。

（1）

（2）重新命名场景和涂层名称

依次选择“窗口”、“设计面板”、“场景”命令，在弹出的场景面板中双击默认场景名称，改为“跳动的小球”。然后重新命名涂层名称，双击默认涂层名称，改为“地面”。然后用水平线表示地面，选择笔触颜色为黑色，单击“线条工具”按钮，在第一帧的舞台下方，拖动鼠标画一条直线表示地面。

（2）

（3）插入水平线结束帧

单击水平线涂层第35帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在地面层的1到35帧之间插入了相同的水平线。

（3）（4）插入跳动的小球涂层，画小球的初始状态

双击默认的涂层名，改为跳动的小球涂层，此图层处于激活状态。设置填充色为黑色，在第一帧的舞台上方，画一个小球，删除轮廓线。

（4）

（5）插入下一帧

单击跳动的小球层第二帧的小方框，选中该帧；依次选择“插入”、“时间轴”、“关键帧”命令，在第二帧中复制第一帧的图形；拖动小球向下移动一个距离，表示球在下落。

（5）

（6）制作下落动作的变化

重复上一步骤。

（6）

（7）小球变形

在下一帧的位置插入关键帧，利用任意变性工具把小球纵向压缩。单击“任意变形”按钮,指针根据可实现的变形方式箭头右下方的小图形会有所变化；单击小球，小球周围出现8个黑色句柄框；把鼠标指针移动到4个中间句柄处，拖动鼠标，把圆球编程椭球形。

（7）

（8）多次重复上面步骤，在不同的帧中，制作小球被压扁后又弹起的画面。参照第9步，制作小球被压扁后又弹起的画面。重复上述步骤，直到小球静止。4.fireworks 4.1fireworks简介

Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。借助于 Macromedia Fireworks 8，您可以在直观、可定制的环境中创建和优化用于网页的图像并进行精确控制。Fireworks 业界领先的优化工具可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与 Macromedia Dreamweaver? 和 Macromedia Flash? 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画，如变换图像和弹出菜单等。

4.2fireworks在网页中的应用

众所周知，在网页上的jpg图片如果过大，会严重影响页面的打开速度，Fireworks提供优化图片的功能，即缩小图片的KB，而且不影响画面的质量（除非放大了与原图对比）。由于很多人喜欢用photoshop制作jpg图片，所以它的容量会很大（因为它是适合处理印刷品，要求比较清晰），最终还是要用Fireworks来处理一下。

在优化面板里有“导出jpg较高品质”，导出默认的80品质（可以用“2幅”画面对比之前之后的大小）。

4.3fireworks的重要性

为Macromedia家族的一员，三剑客之一的fireworks，她的主要任务和特色就是制作矢量图为网页服务,FW也是Flash的最佳伴侣,在三剑客的MX系列中,FW和Flash的联系更为紧密,所以无论是网页制作和Flash制作,Fw都是不可或缺的利器.在Fw3年的应用实践过程中,我无时无刻不在感受她的卓越和便利。的确,网页制作看重的是效果和速度,并不是你用的软件专业与否,你用了多少个软件作出的网页,设计师作出的网页是为了让大家接受而不是显示自己的本领,在这样的前提下,Fw的确是最好的选择,最好的矢量图效果,最快的速度。

4.4fireworks制作流程

1.准备素材 如图

2、因为这幅图片是位图，我们可以用魔术棒将电视机中间的画面选取成选区

2.选择菜单——将选取框转换为路径，得到电视画面的轮廓路径。当然，也可以用钢笔工具勾勒

出

电

视

画

面的路

径

4.将选中区域填充成折叠渐变

颜色可以自己选择：

5.用选取工具拖动渐变方向手柄，接近垂直或接近水平方向：

6.将调整手柄以初选中区域 并在帧属性，选取重制帧命令：选择三帧 或在多些

7.依次选择其他帧，拖动渐变调整手柄将其改变位置：柄以初选中区域 并在帧属性帧命令：

最后保存 导出gif图片 即可完成。

1.在Fireworks中打开一个新的画布，调整画布大小，选择工具栏中的文本工具，输入第一个数字，并设置好文字的字体、像素大小等样式

2.输入文本 1 然后再打开帧属性 选择重置帧 9 因为数字0-9 一共是十个

3.然后选择每一帧，并修改画布中的相应数字。

4.帧面板中右手边显示的是默认的帧延时值7毫秒，即7/100秒的速度。如果速度过快 可以修改值 选择顶部帧，按住Shift键，点击底部的最后一帧，全选这些帧，在帧延时值处双击，在显示的对话框中设置一个更高的值。更高值将减慢动画的播放速度。5.最后一步，打开优化面板，设置导出文件格式为“Gif动画”，如图：

6.也可以在帧面板的底部设置Gif动画循环，默认为“永久”选项

7.画布颜色可以随意更改 再按f12 预览就可以了，最后导出文件

5.参考文献

[1]刘宇.Flash短片轻松学中国大陆.电子工业出版社，2009-01.[2]章精设，胡登涛.Flash Action Script 3.0从入门到精通.清华大学出版设，2008-10.[3]陈冰.Flash第1步:ActionScript编程篇(珍藏版).清华大学出版社，2006-03

第五篇：网页制作心得

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ｉｅ浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作ｃｓｓ样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver mx XX对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过３ｍ，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢？而我对dreamweaver mx XX它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页制作心得（2）：

做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

一、准备资料和挑选网页设计的合适工具

俗话说：“巧妇难为无米之炊”。做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、线条、小动画图标等等。你可以在硬盘上建一个文件夹，下分“e-mail图标、背景、线条、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。要做到这一点，首先要在整体上规划好自己网站的主题和内容，确定自己需要传达给访问用户的主要信息，然后仔细斟酌，把自己所有要表达的意念合情合理地组织起来；其次，是设计一个富有个性的页面式样，务求尽善尽美。这样制作出来的主页才会清晰、明了、内容充实。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果，加快主页浏览速度

网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，不妨将其源代码调出来仔细揣摩，并模仿着一步一步去实现。这样的话，你就能以较短的时间掌握相应的设计技巧。而且，在许多主页上都留有制作者的电子邮件地址或icq号码，如果你在制作主页时，遇到什么疑昨天，网页与我无缘，那是因为上天不给我们一个见面的机会！