网页制作课程知识点归纳范文

第一篇：网页制作课程知识点归纳范文

《网页制作》复习题）

第1章 网页制作概况 网页的概念

网页是用HTML（超文本编辑语言）语言编写，通过WWW传播，并被WEB浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件。

网页HTML文件与web浏览器间的关系理 参照P5

首页和主页的异同点

首页与主页的区别:浏览网站时最先访问的页为首页，一般为欢迎信息，通过链接再进入主页（例如：榕树下网站）。主页是整个网站的导航中心（例如：163网站）。有些网站首页即主页。

网页制作的常用工具软件有哪些

FrontPage、网页制作三剑客（Dreamweaver与Flash、Fireworks并称为Macromedia的网页制作三剑客）、Photoshop „„

网页正文区

第二篇：中职网页制作课程教学初探

中职网页制作课程教学初探

在中职计算机教学过程中，如何让学生通过学习掌握建立网页的步骤和方法，怎样设计才能使网页独具特色？这都是中职教师在教学中需要考虑的问题。

一、根据学生情况选择适用教材 中职学生的知识基础较差，学习能力不高，在选取教材时不仅要考虑教材的实用性，还要根据学生的水平选择教材，使学生在学习时能通过探究学习掌握其中的知识。教材内容的难易对学生学习的积极性具有较大的影响。如果选取的教材内容较难，学生难以掌握其中的知识，那么他们在学习和探究时，即使花费大量的时间和精力，也很难获得提高，这就使学生对学习不感兴趣，更不要说在制作网页中融入创新思维了。如果教材内容太简单，学生一看就懂，也不能有效地激发学生的思维，促使他们综合能力的提高。所以，选择合适的教材对学生的学习效率具有关键作用。

二、规划课程教学内容

规划教学内容是做好课程教学的首要任务。根据中职学生的特点，本课程选择以培养学生的实践动手能力为目标。教学内容主要定位在静态网页的制作、设计和发布方面，在内容组织上从实际需要出发，以够用为原则，精选了网页制作技术的一些主要内容展开讲解，主要任务有网页的基础知识、HTML语言、Dreamweaver 8软件、Photoshop CS2软件、Flash 8软件、CSS层叠样式表、Script脚本等。以网页设计的技能学习和训练为主，重点讲授Dreamweaver网页设计软件的使用方法及相关技巧。让学生通过这门课程的学习，能够具备综合运用专业软件为中小型网站设计和制作网页的能力，为今后从事相应的网站设计制作工作打下良好的基础。同时，注意综合运用学生已学的专业课程知识，以培养适合社会需要的实用型人才为目标。

三、精心设计教学内容，制订教学方案在网页制作教学中，教师可以把学生的学习过程分为以下几个阶段：

第一阶段是网页入门。先向学生介绍什么是网页以及制作网页要用的工具，让学生掌握简单制作网页的知识。在让学生对网页有了初步认识之后，教师要让学生学会如何收集素材，如何把素材插入到网页中，并对网页中的内容合理安排。

第二阶段是网页布局制作阶段。学生在掌握了简单的网页制作之后，需要让他们对网页建设中内容布局进行探究。在这一阶段，教师要注重学生创新能力的培养，使学生能在网页制作时进行有效创新。

第三阶段是网页美化设计阶段。让学生掌握软件Photoshop使用方法，能对各种素材按照自己的想法进行加工，使插入网页的素材能更好地反映网页的主题。同时还要让学生掌握运用Flash软件制作动画的技术。

第四阶段是网站程序使用阶段。通过这一阶段的教学，让学生掌握制作网页中的特效，并能通过编写网站程序，构架出动态网站。学生掌握了这一阶段的学习，能使网页设计在动态和静态素材结合下更完美，还能让学生建立小型的网站，为他们以后在进行网站建设学习时做好铺垫。

四、优化教学方法，促使学生积极探究

网页制作课堂需要教师让学生在计算机房进行实际操作和学习，才能让他们真正掌握网页制作知识，并在探究过程中激发创新思维。在教学过程中，教师既要对学生进行引导，还要通过实际操作来提高学生的动手能力，使学生能在对网页制作理论知识探究的同时，通过操作来理解和领会这些知识。教师要深入研究教材知识，了解中职学生的特点，用多种教学方法来使课堂教学丰富有趣，使学生的注意力保持高度集中。在让学生进行网页制作之前，教师要和学生共同分析制作案例，让他们在观看案例的过程中掌握网页制作的步骤和技巧。

五、全面综合的考核评价方法使学生树立信心

网页制作教学过程中，教师要突出教学的实践性，使学生在动手制作的过程中培养综合能力，使学生对计算机知识掌握得更全面，同时在设计时能领会运用各种制作素材，并能使网页制作效果新颖独特。网页制作课程在对学生进行考核和评价时，不同于其他学科的测验，这是由于网页制作需要一个较长的过程，学生需要对网页设计进行构思，收集网页设计所用到的素材，对网页结构的布局进行设计等。所以，教师在对学生进行考核和评价时，不能只考虑学生在期末考试时的成绩，而是要把每次的网页制作作业、课堂学习效果、期中测试成绩都要考虑进去，全面综合地对学生进行评价。

总之，在网页制作教学中，教师要通过让学生观看网页制作实例来激发学生制作网页的欲望，使他们能积极主动地进入到网页制作的探究过程中。同时教师还要组织丰富多彩的教学活动来调动学生的积极性，使他们能不断提高网页制作能力，提高综合素质。

第三篇：网页设计与制作课程教学大纲

网页设计与制作课程教学大纲

1.课程设计的指导思想

（一）课程性质

1．课程类别：专业选修课 2．适应专业：软件工程 3．开设学期：第二学期

4．学时安排：周学时2＋2，总学时72 5．学分分配：

（二）开设目的

本课程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，让学生了解一定的网络应用基础知识；能够熟练掌握网页制作工具——网页三剑客Dreamweaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图像、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。

（三）基本要求

1、知识要求：

（1）网页设计基础知识（2）DREAMWEAVER 的使用（3）FIREWORKS 图像处理（4）FLASH 的使用（5）网站制作实例

2、能力要求：

（1）学会熟练运用 Dreamweaver、Flash 和 Fireworks 应用软件；（2）熟练掌握使用绝对和相对 URL，创建超链接，图像链接；（3）熟练掌握设置颜色、文本格式和列表；（4）掌握在网页中添加 CSS 的方法

（5）掌握在网页中嵌入图像、声音、多媒体信息的方法；（6）熟练掌握表格的使用方法，学会利用表格布局网页；（7）掌握框架制作网页的方法，会使用框架设计网页；（8）掌握用 Fireworks 处理矢量图和位图。（9）掌握用 Flash 制作网页动画。

3、素质要求：

（1）具有勤奋学习的态度，严谨求实、创新的工作作风；（2）具有良好的心理素质和职业道德素质（3）具有高度责任心和良好的团队合作精神

（4）具有一定的科学思维方式和判断分析问题的能力（5）具有较强的网页设计创意思维、艺术设计素质。

（四）主要内容 计算机网站基础知识、网页三剑客DREAMWEAVER 的使用、FIREWORKS 图像处理、FLASH 的使用。

（五）先修课程 计算机基础

（六）后继课程 Web 程序设计

（七）考核方式 上机考试

（八）使用教材

（九）参考书目

1、《网页设计与制作技术教程》 作者：王传华、段青玲、马钦? 清华大学出版社?第二版.2、网页和网站制作基础操作与实例教程.陕西科学技术出版社

3、Dreamweaver8PhotoshopCS2Flash8网页制作教材.陈笑；李景池.清华大学出版社

4、《使用网站技术基础》作者：德力、卢明波、王化宇.内蒙古教育出版社 教学内容

第一部分 网页设计与制作基础知识 教学目的

使学生了解什么是网页，网站，网页元素等概念 主要内容 什么是网页，网站;2 Html语言基础； 构建网站的一般过程； 教学要求

了解：网站设计与制作的前期准备 掌握： 绘制网站首页效果图 第二部分 网页制作软件Dreamweaver 教学目的

使学生了解网站设计概念；掌握软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。主要内容

1、网站设计概念，要求达到“了解掌握”程度 网站的主题定位

网站的风格和创意设计 准备材料和结构规划 页面布局

定义站点、申请域名、空间 认识HTML语言

2、初识软件界面及站点建立，要求达到“了解掌握”程度 Dreamweaver软件界面 对象控制面板的使用 建立本地站点 建立远程站点 站点的更新和管理

3、Dreamweaver的基本功能，要求达到“掌握”程度，添加文本 插入图片 插入表格

超级链接和导航条的创建 插入多媒体

4、表单和CSS样式表的应用，要求达到“了解掌握”程度 插入表单

插入表单对象

创建并链接到外部CSS样式

5、网页制作高级技术，要求达到“了解掌握”程度 创建层 设置层

层与表格的相互转换 创建框架 行为操作 创建模板 模板的应用 教学要求

了解：网站设计概念

掌握：软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。

第三部分 图形制作与处理软件Firewoks 教学目的

使学生了解Fireworks软件界面；掌握图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。主要内容

1、Fireworks简介，要求达到“了解掌握”程度 Fireworks概述

Fireworks的系统需求 Fireworks的新增功能 Fireworks窗口界面 创建新文档

导入和导出文档

2、图像的绘制和编辑，要求达到“掌握”程度 绘制图像 编辑图像

3、文本与颜色，要求达到“掌握”程度 文本的使用 颜色的使用 设置画布

4、层与元件，要求达到“掌握”程度 层的使用 元件的使用

5、滤镜和特效，要求达到“了解掌握”程度 使用滤镜 使用特效

6、按钮和动画，要求达到“了解掌握”程度 按钮 动画

教学要求

了解：Fireworks软件界面

掌握：图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。第四部分 动画制作与编辑软件Flash 教学目的

使学生了解Flash基本工作环境；掌握Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。主要内容

1、初识Flash，要求达到“了解”程度 Flash基本工作环境 认识舞台与时间轴.认识不同作用的面板

2、Flash绘图工具，要求达到“掌握”程度 矢量图与位图 线型与颜色

线条的绘制与修改 填充图形的绘制，选取工具 文本

变换工具 其他工具

3、Flash动画基础，要求达到“掌握”程度 层 帧 元件

Flash的基本操作

4、FIash影片制作和发布，要求达到“掌握”程度 动画基础 逐帧动画 形状渐变 动作渐变 蒙板

运动导线 按钮

轨迹追踪 导入声音 加入视频 测试发布 教学要求

了解：Flash基本工作环境

掌握：Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。第五章 综合实例 教学目的

使学生能够熟练掌握网页制作工具Dreamvwaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图象、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。主要内容

综合实例，要求达到“掌握”程度 网页设计准备工作

用Fireworks设计网页结构 用Dreamweaver生成网页 用Flash制作网页动画 整理网页

完成小型WEB站点网页的规划、设计、管理与维护 教学要求

掌握：Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生设计网站的能力。课时分配及其它

（一）课时分配

课程总教学时数为90学时，安排在第二学期，每周3＋2学时，上课18周。具体分配如下

教学内容 讲授学时数

章次

第一部分 网页设计与制作基础知识 4 第二部分 网页制作软件Dreamweaver 12 第三部分 图形制作与处理软件Firewoks 8 第四部分 动画制作与编辑软件Flash 8 第五部分 综合实例 4 合计

实验学时数 10 8 2 36

（二）考核要求

平时成绩（含考勤、作业与实验）占50%，期末（上机考试）成绩占50%。

第四篇：《动画及网页制作》课程教案

《动画及网页制作》课程教案

课程名称：动画及网页制作 任课班级：美术学院2005级动画班

任课时间：2007年5月28日 至 2007年6月28日 周数：5周 教学目的及要求：

《动画及网页制作》是多媒体专业学生重要的必修基础课。通过对本课程的学习，学生能够使用Flash，制作网页动画，课件。了解网络动画的制作过程，游戏的制作过程，制作出有趣的游戏和精彩的动画片。

教学方法：

以教师的实例演示与学生的上机练习相结合的方法为主，同时组织学生观看优秀的flash动画和网页，辅导学生独立完成一个完整的flash动画或网页制作。

教学重点及难点：

教学重点：掌握并理解flash的操作界面，熟练使用flash中几种实现动画的基本方式来制作flash动画，学会并理解flash中的各种链接方式和AS语言来，学会编写动画应用脚本，利用flash及相关辅助软件制作网页动画。

教学难点：flash中的各种链接方式和flash的AS语言，独立编写动画应用脚本，网页的制作和链接。

教学内容：

第（1）章 认识FLASH 多媒体简介及其多种相关软件，初步把握用FLASH进行设计的一般方法和思路；了解FLASH动画的基本特点，以及Flash5.0的基本工作环境。

第（2）章 窗口介绍

本章简单介绍FLASH的基本界面组成，包括标题栏、菜单栏、工具栏、工具箱、舞台、层选择、和时间轴。

1、舞台(Stage)就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品。

2、时间轴窗口(Timeline)用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

3、绘图工具栏(Drawing Toolbar)放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。

4、标准工具栏(Standard Toolbar)列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

5、控制器面板(Controller)控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。

第（3）章 工具箱

了解工具箱的作用，掌握铅笔工具、钢笔工具、墨水瓶工具、橡皮工具、两种箭头工具、笔刷工具、吸管工具的用法。图形和文字是Flash动画的基础，所以掌握绘图工具的使用对于制作好的Flash作品是至关重要的。由于Flash的绘图工具种类比较多，其相应的修改器也各不相同。和画线条一样，按住SHIFT键时，用椭圆工具可以画出正圆，用矩形工具可以画出正方形来。掌握椭圆和矩形工具的使用方法，可以用不同颜色的边框，填充色，不同线宽线型作出各种各样的圆和矩形来。

第（4）章 时间轴

时间轴是FLASH中最重要的概念，时间轴(Timeline)是Flash中最重要的工具之一。他决定了动画的组织形式。所有的设计都是围绕着时间轴展开的。熟悉和充分利用好这四种模式，会给开发和调试工作带来许多便利。熟练掌握层的分类以及各种操作。会制作遮罩动画、按轨迹移动动画，简单的MOTION动画，逐帧动画。了解洋葱皮的作用，在制作动画的过程中，会使用洋葱皮。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。

第（5）章 几种重要窗口设置

Flash中动画设置的过程，主要就是各种属性设置的过程。本章重点介绍了几个最常见窗口的意义，掌握帧、库窗口、动画、场景、符号、实例等属性的设置。符号的分类以及各种符号的制作与用法，性质。我们学习了有关图符和图库的一些基本知识，而创建图符的目的是要在动画制作的过程中运用它生成相同或不同的实例，创建图符的方法有两种：可以从工作区中选取对象转换成图符，或者先创建一个空的图符，然后在图符编模式下添加内容。实例创建好后，可以通过属性菜单对实例进行裁剪，粘贴，缩放，旋转。

第（6）章 ACTION初步

ActionScript是Flash的脚本语言,使用ActionScript可以给Flash动画添加交互性。可以说掌握了该语言，你的Flash技术将上一个台阶,多加运用后，当可成为Flash高手。Flash 5的ActionScript为创建包含复杂游戏、表单、调查表和实时交互性的网站提供了许多新的特性。可以对自己制作的动画进行设置，让用户事件（如按钮单击和按钮）触发脚本，告诉动画执行什么动作。

第（7）章 发布与输出

FLASH的动画的主要优势是在广域网上发行，本章主要介绍了这种发布技术。掌握优化动画的一些小技巧，测试动画下载技能，会根据需要将FLASH源文件发布成网页文件，各种图像文件，以及可执行文件。

第（8）章 基本技巧实例

本章详细介绍了几个有代表性的FLASH动画设计的例子，基本上涉及了所有基本技能和技巧。制作片头的LOADING效果，可结合ACTION中的ifframeloaded（）命令使用，鼠标属性和对象属性的同步变化，可结合ACTION中的startdrag()命令和stopdrag()命令，Setproperty()命令使用,文本滚动窗口可结合ACTION中的loadvariablesnum()和telltarget()命令使用。详细介绍文本框的用法。随鼠标飘落的雪花，了解隐形按钮的用法。

第（9）章 ACTION高级应用实例

本章主要介绍应用一些程序设计技巧，利用RADIO,CHECKBOX,COMBOBOX成MOVECLICP,并且具有通用性。

FLASH

制作

第五篇：浙江省高中信息技术网页制作会考知识点

浙江省高中信息技术网页制作会考知识点

一、插入网页元素：

01.文字及格式：从文本文件中复制文字内容 → 光标定位到相应单元格中 → 粘贴 → 选中文字 → 格式 → 字体（段落）→ 根据题意设置 → 确定

02.字幕组件：定位 → 插入 → 组件 → 字幕 → 输入文字设置属性 → 确定。

03.艺术字：定位 → 插入 → 图片 → 艺术字 → 选择一种式样后确定 → 输入文字设置格式后确定。

04.图片及属性：光标定位于单元格中 → 插入 → 图片 → 来自文件 → 找到并选中图片文件（一定要从考生文件夹中找图片，包括扩展名都要正确，文件类型可以选所有文件。）→ 确定 → 右击图片 → 图片属性 → 根据题意设置 → 确定（注意不能设置成单元格背景图片）

05.表格：光标定位 → “表格”菜单 → 插入 → 表格（行或列、单元格）。

06.水平线及属性：光标定位 → 插入 → 水平线 → 右击水平线 → 水平线属性 → 根据题意设置 → 确定

二、背景（颜色或图片、音乐）、属性的设置：

01.网页属性（网页背景、背景音乐、网页标题等）：在网 1

页中右击 → 网页属性 → 根据题意设置 → 确定（图片和音乐文件一定要来自自己的考生文件夹，网页标题不能插入到网页的上方）

02.表格背景、表格属性：光标定位于要设置的表格右击 → 表格属性 → 根据题意设置 → 确定

03.单元格背景、单元格属性：光标定位于要设置的单元格右击 → 单元格属性 → 根据题意设置 → 确定

三、表格的操作：

01.插入行（列）：光标定位 → 表格 → 插入 → 行或列 02.删除行（列）：选中要删除的行（列）→ 表格 → 删除单元格（正确选择行或列）

03.合并（拆分）单元格：选中要合并（拆分）的单元格 → 表格 → 合并（拆分）单元格→ 根据题意设置 → 确定

四、超链接的设置：

01.在文字（图片）上设置（修改）超链接到网站地址：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“原有文件或网页”按钮 → 在地址栏中输入网址 → 确定。

示例：超链接到“中央电视台”http://常见错误：（1）只有（2）http://http://2

02.链接到文件：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“原有文件或网页”按钮 → 找到并选中文件（必须到考生文件夹中去寻找所要链接的文件，包括扩展名都要正确。显示扩展名的操作：打开一个文件夹 → 工具→ 文件夹选项 →“查看”标签 → 去掉“隐藏已知文件类型的扩展名”前面的对号 → 确定）→ 确定

示例：链接文件germ.htm

常见错误： http://germ.htm

03.链接到电子邮件：选中文字（图片）→ 在选中区域右击 → 超链接（超链接属性）→ 单击“电子邮件地址”按钮 → 电子邮件地址栏中输入电子邮件地址 → 确定

示例：超链接到abc@163.com

常见错误：（1）只有myname@163.com（2）http:// myname@163.com

五、新建网页（保存位置是考生文件夹、文件名要正确）

文件 → 新建 → 空白网页（开始 → 所有程序 → Microsoft Office → Microsoft Office FrontPage 2003）→ 按照题意制作网页 → 文件 → 保存 → 选择保存位置和输入文件名 → 保存 → 关闭窗口