网页课程教案

网页课程教案（共10篇）

网页课程教案 篇1

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

课程名称：动画及网页制作 任课班级：美术学院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

制作

网页课程教案 篇2

1 下拉式菜单的制作

现以DW CS6中Spry菜单栏组件为例说明水平式下拉式菜单的制作过程。

1.1 插入 Spry 菜单栏组件

利用DW的插入菜单或插入面板将Spry菜单栏组件插入到某个Div元素或某表格单元格中,从而固定菜单位置。当Div元素元素宽度为500px时,在DW的网页设计视图中得到如图1所示菜单,默认情况下有4个菜单项。用鼠标选中Spry菜单栏组件,可在窗口下方属性面板修改菜单项,如“项目1”等的名称,通过“+”、“-”按钮增加、删除菜单项,并设置各菜单项对应的链接URL和目标窗口或框架。

1.2 调制菜单项的宽度

如图1所示,默认情况下各菜单项不一定在同一行,这是因为各菜单项宽度和超过Div元素宽度,因此,要调整菜单项宽度。

进入DW的网页代码视图,可找到DW生成的与菜单有关的一段Html代码:

(1)设置整个菜单栏组件的宽度

DW为Spry菜单栏组件生成了一系列CSS规则, 观察上述 代码 , 可发现该 组件所占 宽度可用MenuBarHorizontal选择器对应的CSS规则控制,双击CSS面板中的该选择器,可在CSS规则定义对话框中调整有关属性,如图2所示,可调整“方框”宽度属性为auto或为外部Div元素元素的宽度500px。

(2)设置菜单项的宽度

用鼠标点击菜单项“项目2”的边框线选中该菜单项,然后可在窗口下面的属性面板设置其宽度,单位可为百分比(%)或像素(px),如图3所示,此处设为25%。调整后4个菜单项正好横排占满Div元素。另外,对照DW为Spry菜单栏组件自动生成的CSS规则,可发现菜单项由ul.MenuBarHorizontal li选择器对应的CSS规则控制,同样可用CSS规则定义对话框调整宽度。

子菜单项“项目1.1”等的宽度也可用窗口下面的属性面板设置。另外,也可采用ul.MenuBarHorizontal ul和ul.MenuBarHorizontal ul li同时设置。

1.3 设置菜单项文字的属性

超链接建立在菜单项文字之上,因此,菜单项文字的属性 (字体、背景颜色、对齐方式等) 可用ul. MenuBarHorizontal a选择器对应的CSS规则控制,进行相应设置即可。

经过上述设置后,菜单一般能满足要求。

2 树形目录的制作

树形目录非常适合展示具有层次关系的数据和超链接。Visual Studio 2010[6]、ExtJS等软件含有树形目录组件,但DW CS5、6没有树形目录组件。可以从网络上搜到一些制作树形目录的代码。下文介绍利用bassistance.de网站[7]提供代码压宿包(jquery.treeview. zip)制作含静态树网页的过程。

(1)下载压宿包并解压到自制网站的某个目录下。

(2)在解压生成的演示文件夹demo中含有多个html文件,它们中含有各种形式的树形目录,选择一个最合适的html文件作为模板再修改便可,现假定选中large.html进行编辑。

(3)在网页设计(或代码)视图中将树以外不需要的内容、网页元素删除,得如图4所示原始树目录。

(4)现假设要制作一本书的目录,希望该树目录在浏览器中展开后效果如图5所示。

将图4中原树目录中的条款改成各章、节、款的名称即可,如将“Home”改成“第一章网页设计基础”。不需要的条款可用退格(BackSpace)删除。若要在某条款下增加一条款,则将光标移至该条款后按回车(Enter) 即可。若要调整某条款的逻辑层次,则可选中该条款, 再用属性面板的凸出或缩进按钮调节;但反复调整时,有可能使树形目录在浏览器中不能正常显示,此时可以将所有条款调整为同一层次,即垂直对齐,然后再从上到下重新调整各条款层次;也可进入网页代码视图修改,图4所示树目录正确代码如下:

由此可见,整个树用项目列表元素 <ul>…</ul> 表示,条款x用列表项元素表示,即 <li> 条款x </li>,当条款x后含有子条款时,则子条款构成的树又用项目列表元素表示,且嵌套于列表项元素中,即 <li> 条款x <ul> 子树 </ul> </li>。若标签不符合这种排列组合规律可以手工修改。

(5)利用treeview li选择器对应的CSS规则调整各条款的字体大小等属性。

(6)设置超链接属性。

对超链接有无下划线、颜色等进行控制,可在网页文件代码视图的头元素中添加如下CSS规则表:

在DW设计视图中编辑出如图6所示格式的目录,此目录在浏览器中效果即如前文图5所示。

(7)含树形目录的网页一般与框架网页配合使用, 故此后要设置相应的框架网页。

(8)修改条款上原有的默认超链接或在条款上添加超链接,即设置URL、目标窗口或框架等。

3 结束语

下拉式菜单和树形目录常被用作导航界面组件, 利用它们组织超链接可使网页简洁明了。但是一般的网页制作教材对它们介绍不详细或没有介绍。鉴于这两种导航方式的实用性,在教学中可以超越一般的教材而作出较详细的制作过程介绍,这能被不具备JavaScript、ExtJS、jQuery编程知识的人员所接受。

在介绍网页设计与制作课程时,要鼓励学生充分利用网络上的学习资料和代码资源,决不能拘泥于教材的学习。

摘要：下拉式菜单和树形目录常是两种常用的网页导航界面元素,但一般的网页制作教材介绍不详细或没有介绍。为了满足教学需要,文章介绍了利用DreamWeaver CS 6中的Spry菜单栏组件制作下拉式菜单的过程和利用jquery.treeview插件制作树形目录的过程,该方法不要编写程序,学生易于接受。

网页课程教案 篇3

关键词：网页布局；网页编程；课程衔接

中图分类号：G712文献标识码：A文章编号：1005-1422（2015）12-0073-02

国家近年来大力发展职业教育，习近平总书记强调：职业教育是国民教育体系和人力资源开发的重要组成部分，是广大青年打开通往成功成才大门的重要途径，肩负着培养多样化人才、传承技术技能、促进就业创业的重要职责，必须高度重视、加快发展。在珠三角洲，IT行业（互联网）的发展需要大批低端工作人员，而中职学校设立计算机专业，目的是为IT行业输入预备和基层人员。网页布局（Div/Css）和网页编程（C#）作为计算机两门专业课，分别在第二第三学期展开教学，但两门课程分别面对前端和后台，侧重有所不同，而且一个是过程性语言，一个是面向对象语言，如何做好课程之间的衔接，让学生从前端走向后台，完成一个网站工作人员的转变，笔者身为计算机专业一线老师，为两门课程之间顺利和有效衔接做出一番研究。

一、按照学习环境和中职学生特征设置课程

中职学生是研究对象，特征是思想未成熟，理论基础不扎实，抽象思维差，学习方法效率低，学习自主性差，但身体和心理处于年轻态，对新生事物敢于尝试，敢于接受，接受老师鼓励和表扬等正能量，有兴趣的科目可以坚持学下去，大多数理科学生心理素质好。学习环境是经过第一学期学习之后，已经完全熟习中职学习环境和规律，从应试教育转变为技能教育，掌握计算机基本使用技能，培育了一定计算机素养，在第二个学期可以展开网页布局的学习。

网页布局，从网页基本操作入手，利用工具Dreamweaver，掌握网页各要素（html标签、表单各要素、模板页）到可以独立完成静态网页的制作，熟习Div/Css的基本概念，并能被用来完成网页布局，期间涉及到网站前端知识。课程要求是：学生可以掌握布局的技能，在给出的页面设计图的前提，可以独立完成切图，并用Div/Css作出具体布局，可以实现二级菜单，并在页面加入flash或JavaScript等广告banner。

当学生熟练前端知识之后，有了理论和实践基础，进入第三个学期的加深学习，正式进入有关后台的学习。针对目前最流行的开发平台Visual Studio和开发语言C#，本校采用了上述环境和语言，要求是掌握Webform的开发，内置对象、表单和控件、SQL server数据库以及一个小型后台开发。制作后台一般有登陆、注册、发布新闻、增加修改删除新闻的功能。在学习过程中，让学生在学习编程基本理论和思路，培育面向对象编程的素养，提高学习的兴趣和自主能动性。为第四学期小组合作完成一个有前端和后台的网站而打下基础。

二、如何做好衔接工作的具体举措

Div/Css属于网页前端知识，Asp.Net属于后台开发语言，如何做好两者之间的衔接，让学生可以从网页前端世界从容进入后台开发，这就是笔者在实际工作中遇到的问题，经过一番研究，特将研究结果列出如下：

1.课前要做好战略上的准备

在所有的网页课程展开之前，做好战略准备。要跟学生陈述清楚本课程的最终目标：无论是前端Div/Css，还是后台的Asp.Net，它们都是为网站而服务的，也是一个完善的网站要包括前端的与客户视觉交互，还包括后台各项核心功能的实现。举个例子，人要有外表和内心才是一个真正的人。按照Web标准提倡的表现、结构和行为分离原则，前端主要体现在表现和行为，后台可以体现在结构和行为。两者要既相互独立，又互相联系。思想在前行动在后，战略目标一旦提出，一切有根有据，有章可循，有理可依。

2.讲授Div/Css要做好启后工作

Div/Css和包含它本身的html是过程性语言，对于初学语言的中职生来说，由于学习者自身有抽象思维不强，逻辑分析能力不够的弱点，Html和Div/Css不失为比较好学的入门语言。学生可以在可视即可得的视图中接触语言编程过程，既可以学习编程的基础知识，又可以培养编程的长期兴趣。不过，Div/Css不过是中期目标，也是中介和过渡手段。因为就根本而言，过程性语言有其简单易用的优点，也有提炼不够，封装不够好的缺点，面对复杂多变的编程世界，还是需要面对对象语言来提炼，才有更好的可读性和可扩展性。好比一个人光有学会数数和算数其实不够，还需要更多数学知识才能对现实进行归纳。光有前端而无后台网站，很难吸引浏览者长期的兴趣，生命力不强。

3.讲授Asp.Net要做好承前工作

C#是一个语言，.net是一个平台，上面支持用C#语言。C#不但可以开发基于.net的应用程序，也可以开发基于WinForm的程序。C#是事件驱动的，完全面向对象的可视化编程语言。前面说了，一个网页光有缤纷绚烂的前端效果是不够的，还需要功能强大的后台作为持续发展。举个例子，正如人不但要一个美丽的外表，更需要一个强大的内心，才能在人世间走得更高更远。在进入C#学习之前，可以先复习一到两周的Div/Css和JavaScript，做一些简单的复习，才正式进入。复习可以是盒子模型，div页面居中，一级菜单，插入图像，图片列表等。这种承前工作是必须的，才令到C#的学习不显得突兀和生硬。

4.可以用一个网站作为项目教学实习两门课程的衔接

对于职业教育，理论不是最终目标，技能的掌握才是目的，所谓纸上得来终觉浅，百讲不如一练。在讲授中，有个网站可以实现前端到后台的衔接，是最好的教材和最合适的展示。笔者亲自制作了一个网站，可以实现前台的Div/Css布局，JavaScript的动态效果，还有后台的登陆和注册，后台管理页面的展示，密码的修改等功能。在讲授Div/Css的实训阶段，可以将网站界面设计图交给学生进行切图后进行布局，作为项目教学的一部分，增强学生的布局能力，提高学生布局熟练程度；在Asp.Net的实训阶段，将静态网页交给学生之后，再将静态页面转换为动态页面，而且可以将后台分模块：登陆模块、注册模块、后台管理页面模块、密码修改模块、新闻编辑模块和新闻发布模块，完成静态到动态的衔接。在网站不断完善过程中，完成知识讲解和技能训练， 达到以面带点的效果。

5.行动研究证明：衔接带来的效果

笔者从计网13级到14级，通过两个年级6个班的网页布局和编程教学，经过两轮行动研究表明：顺利和有效做好网页布局和网站编程的衔接，有助于提高学生网站前端效果制作能力，增强后台建设能力，为第四学期学生小组合作完成网站打好基础。以下是学生最后网站作品之一。

三、总结

教学无小事。笔者在中职学校已经有15年的一线教学经验，感受到过程比结果更重要。只要能留心日常教学的一丝一毫，发出疑问，经过思考，是可以帮助到学生更好地学习，从而改变思考习惯，改变人生。顺利和有效做好课程衔接，是促进学生学习，提高学习效率的途径之一。本着初衷，笔者继续投入职业教育工作，为国家职业教育事业尽一份力量。

参考文献：

[1]韩琦，张建军.中、高职课程体系的衔接设计[J].长沙铁道学院学报（社会科学版），2014（08）.

[2]周仕德.课程衔接：亟待研究的课程视域[J].教育理论与实践，2010（25）.

[3]胡春光.课程衔接：含义分析、学理基础及主要问题[J].武汉商业服务学院学报，2010（04）.

网页教案3 篇4

一、表格的处理

1、表格的宽度

原则：在任何一台电脑上不应出现水平滚动条（垂直滚动条则允许），760。

2、表格的对齐方式：隐含表格的对齐方式应设为：居中对齐

3、表格边框的粗细：隐含表格（边框的值为0）

4、表格相应单元格“自动扩张”的解决

二、水平线的设置

1、利用

Align:对齐方式Center:居中Right: 右对齐left: 左对齐 color:水平线的颜色width：水平线的宽度（即线有多长）

size：水平线的厚度（即线有多粗）noshade：是否有阴影

2、利用Photoshop制作水平线

单的水平线（垂直线）混色水平线（垂直线）

三、文字的输入及编辑

1、空格的输入

2、换行

1）硬换行： Enter（前后两个段落）2)软换行：Shift+ Enter（前后为一个段落）

四、图片与文字混排

1、加载图片

2、文字输入项目符号和编号

3、图片和文字的排列方式

五、波浪线的制作

六、加载日期（不会自动更新，仅是最近保存网页的系统日期）

七、给文字增加滚动条

1、层的应用

2、层与表格的混合应用 注意： 1）先加载表格

2）向表格中插入层，调整层的大小（也就是文本要显示的区域）3）将层的溢出属性设置为：Auto Position:relative(相对定位)Left:0px Top:0px

八、利用Photoshop处理图片

1、抓取图片

2、裁切图片

3、在图片上添加文字

4、保存图片

九、设置页面属性

上

机

实

验

一、实验题目：

制作一个简单的网页

二、实验目的：

熟悉水平线的制作方法、体会表格在网页布局中的作用，当多个元素被加载在页面中时如何排版。

三、实验要求：

1、利用层将文本区域增加滚动条

2、设置水平线

3、对图片和文字进行排版

4、增加系统日期

网页制作教案10 篇5

课程名称：网站的设计与制作 课时数：4 教学目标：

知识与技能：了解图层及图层样式相关概念。

过程与方法：掌握用PhotoShop进行简单的图片处理和文字效果制作的方法

理解首页的总体设计要求、组成要素和制作方法； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：

用PhotoShop进行简单的图片处理和文字效果制作。教学难点：

首页总体设计要求、组成要素和制作方法的理解。教法：

任务驱动法 学法：

阅读，记录要点，动手操作。课前准备：

第四章第二节素材和实例。视频教程：首页版面的设计与制作.wmv。教学过程设计：

（一）导入设计：

色彩协调、清晰漂亮的高品质网站常常能使浏览者对整个网站留下深刻的印象。Adobe Photoshop软件能非常方便的帮助我们设计制作出漂亮的网页界面。今天我们一起来学习网站的设计。

（二）新课讲解设计：

（1）请学生带着以下问题阅读P140～142的知识预读，问题如下： A.什么是图层？图层的上下顺序跟显示结果有关系么？ B.什么是图层样式？打开图层样式的方法有哪些？（2）请学生一一回答以上问题。（3）教师总结评价并补充相关要点。（4）了解任务目标。

（5）教师演示作品成品，请学生根据已有的知识猜测该图的制作过程。（6）教师演示制作该图的关键步骤，（详见教材第16页至第21页的内容）。

操作要点及注意事项如下：

A.一般作为首页的图片大小以屏幕刚好能完全显示，并不需要滚动条为宜。B.首页在色彩的使用上要尽量与子页一致。（6）学生完成相同操作。可参考视频文件用首页版面的设计与制作.wmv。教师巡视指导。（7）学生上传作业。教师随机抽查点评。（8）教师总结评价。

（9）请学生完成任务一对照练习。

（三）小结和作业： 小结：

（1）图层的概念

（2）首页的设计要求

（3）对图像做了哪几步操作 作业：

填写《任务评价表》并上交

4.2 课堂任务2 内容页面版面的设计与制作

课程名称：网站的设计与制作 课时数：6 教学目标：

知识与技能：了解图层及图层样式相关概念。

过程与方法：掌握用PhotoShop进行简单的图片处理和文字效果制作的方法

理解内容页面的总体设计要求和方法； 情感与价值观：培养学生主动思考问题的习惯和自主学习的能力。教学重点：

PhotoShop相关技术的应用。教学难点：

内容页面的总体设计要求和方法。教法：

任务驱动法、演示法 学法：

阅读，记录要点，动手操作 课前准备：

第四章第二节素材和实例。视频教程：内容页面版面的设计与制作1.WMV，内容页面版面的设计与制作2.WMV。教学过程设计：

（一）导入设计：

根据已有的首页，我们可以分析出这个网站的色彩风格，这样我们在做内容页面的时候就可以对应起来。

（二）新课讲解设计：

（1）教师展示作品成品，请学生分析首页与内容页面在色彩的使用上有什么特点。文字的处理有什么特点？

（2）请学生根据已有的知识猜测该图的制作步骤。（3）教师补充相关要点。

（4）教师演示制作该图的操作，（详见教材第149～159页的内容）。操作要点及注意事项如下：

在已有的代码上插入对称标记的时候，要注意标记的嵌套，不要使标记交叉而导致文件出错。（5）请一位学生上台操作，其他学生完成相同操作。可参考视频文件内容页面版面的设计与制作1.WMV，内容页面版面的设计与制作2.WMV。（6）教师总结评价。

（7）学生上传作品，教师抽取部分作品展示。（8）由学生完成任务二对照练习。并上传作业。

（三）小结和作业： 小结：

（1）网站的风格（2）颜色的选取

（3）内容页面的设计技巧 作业：

框架网页制作教案分析 篇6

教学目标：

1．知识与技能：

（1）理解框架的概念及基本用途。

（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

（3）初步掌握将框架结构与表格布局结合使用来制作网页。

2．过程与方法：

（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进更好的学习新知识。

（2）通过理解框架的概念与组成，学会分析框架网站的结构。（3）通过动手操作来深入了解框架的使用方法及用途，提高在网页制作方面的知识水平，培养自主学习的能力。3．情感态度与价值观：

（1）通过以“人与动物”为主题的框架结构网页的制作活动，开拓知识面，激发学习兴趣与热情，体会框架网页在展现主题内容中的作用。（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

（3）形成积极主动的学习和使用多媒体技术的习惯，通过参与信息活动，参与社会实践，树立团队意识，形成积极合作的态度。

教学要点：

1．重点：

（1）框架的概念、用途。（2）创建、编辑与保存框架网页的方法，框架的嵌套使用。2．难点：（1）框架的拆分。（2）制作框架网页。

教学对象分析：

本节内容是针对高一学生，而初上高中的他们对一切新知识都很好奇，同时存在着一定的懵懂，因此在教授他们本节课知识之前，要事先充分激发他们对本节课内容的兴趣，因此课前老师先展示一组利用表格制作的框架网页，要求学生仔细观察，找出它们的一个共同特点，并提问如何快捷地制作这种网页？从而引出本节课内容，并且在讲授内容的过程中，要耐心的进行演示教学，不能一味的口述使学生感到一片茫然。

教材分析：

网页型电子教案的制作与优化 篇7

随着计算机技术及网页设计技术的发展与应用，教育界正在利用计算机制作电子教案，以取代传统的纸质教案。而在制作各种电子教案的过程中，最优的方法是利用网页设计技术制作，再辅以其它应用工具对其进行优化。

教育部在《面向21世纪教育振兴行动》中提出“形成开放式教育网络，构建终身学习体系”，分三步逐步推进我国信息化教育：第一步是计算机多媒体为核心的教育技术在学校的普及运用;第二步是组织上网，利用网上资料;第三步是开展远程教育，提供广泛的学习资料，不断满足社会终身教育的需求。

随着计算机技术的广泛应用，在中国教育教学信息化的今天，各级各类学校全面要求教师完成信息化的第一步，即以多媒体教学为核心的教育技术应用于教学中。第二步与第三步也在广泛开展，广大教师都在广泛开发各种各样的多媒体课件，各类的教材出版社也都为各自所出版的教材增加竞争的砝码，在出版教材的同时，80%的教材都有增值服务：如配送电子教案，网上在线学习卡，教学及学生自学光盘和其它类似服务。这些正是教育部在《面向21世纪教育振兴行动》中提出的推进我国信息化教育的具体体现。

二、电子教案概念、重要性及常见的制作技术

所谓电子教案就是指利用计算机技术，将教学过程中的大部分内容存储在计算机中，教学过程通过投影仪或网页浏览进行教学或让学生自学。

电子教案在现代信息化教育的今天，具有非常大的重要性，主要体现在如下几个方面。

1. 便于电子教案中的各种资源随时更新与修改。

2. 便于教学中的各种教学资源如：文字、图片、动画、影片、音乐的高效组合。

3. 便于学生复制到家后自我学习，如果将其放在网页上可供学生浏览学习，及其他教师参考。

4. 是响应国家创建节约节性社会的需要，可以大量节约纸张。

5. 减少教师的重复劳动，提高教师的备课效率，及授课效率。

6. 减少教师课堂板书及粉笔使用，还可以减少粉笔灰对教师与学生身心健康危害。

将计算机技术广泛应用于教学中是在Windows95与Office95发布以后，从而利用计算机技术取代传统的电教方法：幻灯片、录音机、录像带的播放。而广泛采用Word文档和PowerPoint幻灯片的方法，也开始逐步取代纸质教案，而后又开始出现各种动画技术、视屏技术应用于教学中。这一类可以说是计算机多媒体课件。这种可以称之为传统的多媒体技术，是在以教师为主导的教学模式中，借助多媒体的特有表现形式，对教学内容中的重难点部分展开，以发挥传统媒体所不能发挥的作用。教师可利用学校的投影教室，播放的教学软件、图片、视屏、声音、动画、多媒体光盘，用Word电子教案、以PowerPoint制作的幻灯片进行授课。

随着网络技术及网页设计与编程技术的推广使用，网络课件，也可以说是网络型电子教案应运而生，但网页设计技术没有普及，所以90%教师都是用PowerPoint制作的课件，同样，很多教材出版社出版的教材，也有约85%所提供的配套课件是PowerPoint课件，有约10%是教学光盘，只有约5%是网页形式的电子课件。

三、网页设计制作电子教案的优点

网页型电子教案，就是利用网页设计技术及网页编程技术，将教学所用的各种资源融合于一体的电子教案。它是教育信息化的实践前沿、学法教法改革的试验，是网络学习的小型集约化活动平台，不同于PowerPoint一类的课件，优点主要表现在如下几个方面。

1. 利于提高教师的教学水平，减少重复劳动。

教师制作网页型电子教案，可以将各种教学资源有效地、有序地整合在一起。网页型电子教案是教师的移动教案，是教师的教学资源库，有利于教师进行教学;有利于教师对教学资源进行修改与补充，进而提高自己的教学水平与能力。

2. 有利于学生学习效率的提高。

其一，教师丰富的教学内容、全新的教学形式可以提高教学的质量和学生的学习兴趣。

其二，教师可以将网页型电子教案放到学校的网站上，供学生学习相关的知识;可以将QQ在线代码写在网页中，这样学生就可以在网上与老师进行在线交流，将第一课堂延伸到第二课堂。

其三，学生自学。放在网站上的电子教案，学生可以自学，而这种自学模式则突破了看书或翻阅笔记获取知识的唯一渠道，他们根据自己的需要，在合适的时间、合适的地点、合适的条件下，反复利用网络点播、观看多种资源，包括教师的教案、参考资料等丰富的背景资源，建立一种综合性、创造性、灵活性极强的学习模式。

3. 有利于教师同行资源共享。

网页型电子教案放在网站有利于教师同行之间的交流，有利于教学资源的共享，教师可相互促进、相互学习，从而全面地提高教师整体的教学水平。

4. 有利于提升院校形象，可作为开发精品课程的基础阶段。

现在高等学校都要求开发自己的精品课程。通过多个院校网上查寻，做得好的精品课程都采用网页形式，这是网页型电子教案的最高形式，所以教师制作网型电子表教案正是精品课程的源泉。

四、网页电子教案的制作基本技术及要求

网页电子教案的主要内容是文字、图片、动画，只有通过超级链接到其它素材上，丰富的内容才可以提高教案的视听效果和教学效果。在制作与设计网页电子教案时要注意如下方法与技巧。

1. 网页制作的工具选择。

(1) FrontPage简单易学易用，功能强大，基本操作命令同于Word的操作，有利于广大教师学习与应用。

(2) Macromedia公司的网页三剑客：Dreamweaver具有强大的网页设计功能，是用于专业制作网页的工具软件、但不易精通;Flash用于制作一些网页动画及网页，也可以制作Flash课件;Fireworks用于网页图片进行优化处理。

(3)其它工具。利用相关的工具软件和网页特效。

(4)动态网页技术。可以利用ASP、PHP、JSP等语言编程和用Access、MS SQL、MySQL数据库技术编制动态网页，从而实现交互功能。

2. 网页电子教案的组织与规划。

一个成功的网页电子教案，教师的规划能力有相当程度的影响力。网页规划包含的内容很多，如网页的结构、项目的设定、网页颜色搭配、页面版面布局、文字图片的运用等。

3. 网页内容的布局。

网页的具体内容可以用表格结构、框架结构表示，Dreamweaver用“层”来进行网页的布局。最好的是用框架结构。用框架结构组织的网页型教案，学生易于浏览，教师易于维护、更新。

4. 用网页模板来建立网页。

在网页建立过程中，可以将相同的内容建立网页模板，从而有利于网页编辑与修改。

5. 用站点的方式来管理电子教案。

在设计制作网页电子教案的过程中，必须用站点的方式来管理，如文件的移动、更名等操作，否则超级链接的属性就会发生变化。

6. 网页交互式设计。

交互式设计可以作为网页电子教案的高级应用，有利于师生、同行教师之间交流，还有利于学生自学与自测。

五、网页电子教案的优化

网页电子教案的优化主要体现在它的高级应用。很多人认为电子教案就是用于教师教学，但作用信息化的今天，教育部在《面向21世纪教育振兴行动》提出推进我国信息化教育进程。网页电子教案的优点就是在于将教案融于网页之中，网页更有利于信息的供享。所以对网页电子教案的优化处理是网页电子教案的重要体现。

1. 将网页电子教案上传到院校的网站上，供学生自我学习。

2. 通过电子书制作工具，这些工具可通过网络下载。如：eBook workshop, eBook Edit Pro等软件，将电子教案制作成电子书，可以让学生复制到手机中，从而自由地学习。

3. 通过网页制作的电子教案，加入一定的网页特效，如在网页中，禁止复制，禁止另存为，这些特效可以从网上搜索，并辅以框架结构，实现一定的版权保护。这种优化处理，特别有利于教材出版社，可以保护版权，也有利于教师教学成果的保护。

4. 在上述2、3点的基础之上，还可以对网页电子教案进行打包格式为“EXE”文件，再辅以制作安装程序软件，如安装程序制作专家，可以实现网页电子教案的软件化处理，可以加入安装序列号，制作成需要安装的学习软件程序。

5. 教师每一年都可以通过对网页电子教案进行修改补充，制作成程序软件和升级版本，从而取得一定的商业利益，这也是对教师制作优秀电子教案努力的回报。

六、结语

总之，网页型电子教案是一种很好的电子教案制作方法，是推进我国信息化教育改革的必要手段，是一种非常值得广大教师、各级教学管理者、教材开发者及精品课程的开发者进一步探索的制作方法与理念。

摘要：本文就利用网页技术制作电子教案的方法、优点和优化进行了一定的研究, 以期广大教师改变传统的教案, 制作优秀的网页型电子教案, 提高教学质量与教学水平, 全面推进我国教育现代化、教育信息化的进程。

关键词：网页型电子教案,制作,优化

参考文献

[1]方慎林, 胡豪, 徐星.《Dreamweaver8网页制作教程》十一五规化教材.北京科海电子出版社.

网页课程教案 篇8

关键词：HTML网页;课程改革;微课

一、《HTML网页》课程特点及学情分析

《HTML网页》课程通过对网页界面设计中的文字、音乐、视频等信息应用的相关专业知识讲授，让学生把网站中要传达的信息通过相关方法展现出来;另一方面通过对相关设计软件的使用进行课堂讲解与练习，使学生能够掌握软件操作方法，并能够灵活应用课堂知识处理一些在实际网站项目中遇到的技术困难。？因此整个《HTML网页》教学中涉及到代码学习、软件操作学习以及整个网站和网页设计规划能力培养，这些对于高职学生而言都是很大的挑战。高职学生对于专业课程学习的特点是喜欢纯操作性的课程，对于涉及到代码及多个软件的综合操作应用时往往表现为力不从心，这与他们较低的文化素养、较差的专注力及耐力有关，而这些都不是一朝一夕可以改变的。同时笔者根据教学经验发现大部分学生在课程学完后没有花很多时间去总结复习，而本门课程如果不及时总结和复习将大大降低学生对知识的掌握。因此，针对本门课程的教学研究及实践改革非常有必要。

二、《HTML网页》教学改革及实践研究

（一）研究教材内容，编写适合学生学情的教材。目前《HTML网页》课程采用的是清华大学出版社的《HTML+CSS+

JAVASCRIPT网页设计与布局实用教程》。该教材的特点是理论详尽，各个小知识点也辅以了小实例，但是整个章节知识点串联不是很好，且每章节后的习题安排不是很合理，不能把整章的知识进行系统的整合到一个实例中。同时参考其他学校选用的教材发现和本课程有关的书籍呈现为两个方面的特点：1） 理论知识方面侧重太多，HTML、CSS、JavaScript虽然涉及到的知识很多，但根据高职学生特点，他们不喜欢读太多理论性的教材，喜欢案例式的引入式教材。2） 另外一部分教材则把

HTML、CSS、JavaScript理论方面做了淡化，更多的将重心放在编写Dreamweaver的编写上，Dreamweaver是一款既可视又可编写代码的制作网页实用软件，但在Dreamweaver中用纯可视方式制作网页，将产生大量的垃圾代码，因此《HTML网页》不能选用单纯的Dreamweaver方面教材。

基于以上的分析及学生特点，适合我院学生教材应采用案例式的编写方式，将知识点融入到案例中，引导学生一步步完成各个案例，最后组成一个大的项目。通过这些案例和项目制作来使学生掌握所有的知识。例如图2.1展示的是在学习制作表格网页时，笔者将各个知识点进行细化，然后让学生一个个去实现，最后总结复习制作一个大的表格网页，通过各个案例实现及各案例制作达到彻底掌握知识的目的。因此，在选编教材时可选用类似的案例式教材资源，同时笔者也积极进行探索编写适合我院的《HTML网页》教材。

          图2.1  案例设计

（二）研究教学方式和方法，采用项目式引导、任务驱动及引用微课教学模式。（1）教学课堂改革，引用多种信息化教学技术，进行微课开发和应用。 微课，是以阐释某一知识点为目标，以短小精悍的在线视频为表现形式，以学习或教学应用为目地的教学视频。它对学生学习、教师教学实践以及教师专业发展，都具有重要的现实意义，它的发展必引发新一轮的教育数字化教学改革。[1]目前，国内微课还处于发展的初期，基本处于应用探索期。[2]因此，笔者针对本课程并结合学院实情提出一些对课程开发有益的微课开发探索。

首先，教师必须熟悉相关课程内容，然后精心遴选知识点进行微课制作。在微课的制作中，教师不一定对教材中所有的内容都进行微课制作，制作一个有效果且精美的视频是需要大量的时间及精力的。因此，在微视频的制作过程中需要老师根据经验选取有代表性的知识点。接下来浅谈笔者对《HTML网页》微课制作的一些设计思路。兴趣是激发学生学习最好的老师，因此，制作微课的内容应生动有趣，从一开始就要紧紧抓住学生的眼球，并适时的抛出问题，引导学生去思考。对于本门课而言，适宜的微课设计是先给出效果，由浅入深，学生从生动的图片或视频中提出问题，然后师生进行分组共同探讨问题解决方法，最终达到良好的教学目的。图2.2是笔者对本课程微课制作过程提出的设计思路，期望从这一典型的设计过程中激发学生的学习兴趣，将知识点进行探讨和实践等多种方式来进行学习。

图2.2  《HTML网页》微课设计思路

（2） 综合应用项目式引导及任务驱动的实践教学模式，改革考核方式。我院《HTML网页》课程以学生为中心，突出高职教育特点，以相关理论为指导，强调学生动手能力培养和创意思维能力的提高。课程改革采用项目化任务驱动式案例教学模式，将彻底打破传统学科课程的设计思路。以项目为引领，根据教学内容和教学要求，设计一个或多个精选案例，将所要学习的知识、操作、技能等融入案例中，通过对案例的分析、演示、讲解、讨论、学生练习以及总结评比等环节，以加强学生对基本概念、原理、方法的理解、大幅提高学生实际操作技能。同时本课程是一门操作性很强的课程，所涉及到的基本操作有严格的操作程序和规范要求，因此一开始就应对学生提出严格的要求并进行严格的训练，在技能训练中采用启发式教学、讨论教学、指导自学、小组教学等多种教学方式形式相结合的方式进行，力求做到既规范操作又灵活运用。教学过程中，课程改革以企业真实的工作过程开展教学设计。笔者对本课程教学改革以某房产公司网站建设项目为课程载体，以真实的网站建设过程开展教学模块和教学方案设计，充分运用工学交替、任务驱动、项目导向、校内定岗实习等多种教学模式。最后，课程评价则以能力评价为中心，注重学生基础知识的理解、基本技能的掌握及艺术修养的提高。具体做法是：在不同项目中，制订不同层次的评价标准，采用师评、互评、自评相互结合的评价方式，力争与未来职业岗位要求接轨，与市场需求一致。

通过一系列的改革，最终目的是让学生感受到学习的乐趣，化被动接收为主动学习。通过一学期改革实践，学生上课的积极性明显增强，动手操作的意愿更为强烈，基本上都能积极朝着将自己培养成与未来职业岗位要求接轨，与市场需求一致的高素质人才努力。

（三）利用世界大学城的空间教学优势，重视课堂前后。《HTML网页》是一门实践性强的课程，但同时也存在许多的代码编写和软件使用问题，仅靠课堂短短几节课的学习学生只能把内容掌握，但不及时复习的话很容易对知识遗忘，因此课后的内容巩固就非常有必要了。目前，网络学习空间环境建设是教育信息化核心理念与未来发展方向的体现，也是教育信息化发展的前沿。空间教学的兴起，打破了以往传统的教学模式，师生交流更加灵活和频繁。《HTML网页》课程完全可以充分利用这一个打破时间、空间限制的有利工具，来提高学生的学习效率和质量。图2.3就是笔者在世界大学城空间针对《HTML网页》课程制作的课程资源建设库。

图2.3  《HTML网页》课程世界大学城空间建设

《HTML网页》空间课程资源建设主要包含了课件、概念库、案例库、标准库、理论训练库、实践训练库、课后总结及视频辅导。其中课件里是与教材相关的图文并茂的PPT，学生可在课前在线或下载后查看，对所学知识进行预先了解。概念库则一般在课堂讲解时总结相关的概念，课后老师整合到网上方便学生查看有关的概念，提高学习效率。案例库则把和课堂有关的案例放到网上，一方面是方便学生在课堂查看老师布置的作业，另一方面则可以在课后进行案例继续再做，加深对知识的掌握。理论训练库和实践训练库则都注重对知识的强化，通过理论过关和实践操作让学生能够查漏补缺，巩固复习。课后总结则是老师针对课堂教学的情况对每次课进行课后总结复习，老师在以后的教学中也能随时根据教学查看前面的课程教学反馈，并及时调整教学内容和方法以提高教学质量。视频辅导重点针对一些重难点的操作，老师对知识进行录屏，录制好后发布到空间，学生可针对重难点查看视频，解决了老师不能随时辅导的问题。

因此，通过世界大学城这一优良的网络平台，学生真正可以做到不受时间及地点学习，他们通过自主预习，主动学习及课后复习这三个环环相扣的阶段进行自发学习，这大大的提高了学生的主动性、自觉性及兴趣，从而也大大提升学生的学习质量。

小结：《HTML网页》是计算机专业一门实践性很强的专业基础课。笔者分析了本门课程特点及我院学生学情，并重点针对课程改革提出了自己的思路和实践方法。在进行教学研究改革实践后，学生反映课程内容比之前更易接受，学习主动性大大增强，并且课后能够积极进行项目实战复习，这证明改革实践有一定的成效，达到了我们预期的教学改革目的。

参考文献：

[1] 茹志鹃.程序设计基础微课程开发[J].科技信息.2014.3

网页设计课程小结 篇9

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

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

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

网页制作基础知识 教案 篇10

教学目标：

了解网页的组成元素及常用的网页制作工具。了解网页制作的一些基础知识，如网站和网页的区别、网页的类型、网页的构成元素等，然后在了解的基础上再通过练习来巩固。

教学重点难点：

在深刻了解概念的基础上把理论转化成实际的应用。

教学过程：

在制作网页之前，首先要了解一些关于web网页的基本知识，了解一下构成一个网站的基本元素等。

网页的基本元素

文本 ：基本组成部分

图像 ：更加直观准确地表达某些信息，并且可以起到美化网页，吸引读者注意力的作用

超链接 ：可以方便地转入其他网页进行浏览。网页的其他元素：音乐 表格 表单

美化网页，丰富网页的内容，增强网页的功能。

网页的实质

网页相当于刊物中所发表的一篇篇文章，但与纸上的文章相比，它增加了多媒体信息和网上交互的功能。

网页的实质 = 表格+文本+图片+动画+声音+超级链接+……  网站相当于发行到全世界的期刊。 网站的实质 = 服务器上的文件夹  主页相当于期刊的封面。

 主页的实质 = 打开网站的第一个网页

网页和网站的分类

从网页是否执行程序来分，可分为静态网页和动态网页这两种类型。什么是静态网页、动态网页?  所谓静态网页，指的是网页从服务器传到客户端时，网页的内容是“固定不变”的，也就是说，服务器只是把所存储的网页的内容原封不动直接传递给客户端浏览器，这种网页一般是标准的HTML代码。

静态网页一般以.htm或.html为后缀结尾的，俗称html文件。本课程就是制作静态网页的课程。

 所谓动态网页，它在由服务器传递给客户端的时候必须由服务器把它转换成相应的HTML格式，而且会根据用户的要求和选择在在服务器端做出相应的改变和响应。

动态网页一般要用专门的脚本语言编写，如ASP、ASP.NET、PHP、JSP等等 动态网页内含有程序代码，运行于服务器端的程序、网页和组件等都属于动态网页，在网络中看到的动态网页通常是以.asp、.jsp等后缀结尾的，但也有以.php结尾的，如我们学校的校园网首页。

一个完整有价值的网站应该是集静态、动态、动画于一身的。

制作静态网页的工具

用HTML语言直接编写(,用WORD编写,用Dreamwaver编写,用Frontpage编写) 图片编辑工具：Photoshop、Firworks等；  动画制作工具：Flash、Swish、Cool 3d等；

 还有网页特效工具：有声有色、网页特效梦工厂等。HTML语言

• 概念：是一种使用一组特定的标记来描述文档结构的语言，HTML的源代码由网络浏览器解释执行。

• 结构：HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

HTML语言的特点:它们是成双出现的 Dreamweaver • 较为专业的网页设计工具软件。

• 可视化编辑、HTML代码编辑的软件包

• 支持ActiveX、JavaScript、Java、Flash、Shockwave等各种编程工具。• 支持动态HTML的设计 Frontpage • “功能强大，简单易学”的特点，采用“所见即所得”的编辑模式，不必了解HTML的语法

• 基本使用方法与Word十分相似

网页制作注意事项

 要沉稳，不要花里胡哨。自助网站制作的人往往喜欢猎奇，弄一些不必要的乱七八糟的东西，比如弹出窗口啦、脚本代码啦、很大的图片啦，等等。

 要素净、大气，不要五彩缤纷。要注意在一个自助网站的页面里不要用色太杂。要确定一个颜色主调，再搭配一两种反差不太大的颜色即可。正文文字的大小要基本统一，文字的颜色也不要红红绿绿。不要认为如何制作网页的关键是以大文字和鲜艳的色彩来强调很多意思，实际上使人眼花缭乱，什么都强调不了，也很不大气。

 要有个性、有风格，要突出行业的特点。比如娱乐业可以热烈一些、活泼一些，政府网站则要庄重一些；收藏、书画业要古朴典雅，策划、时装业则要前卫一些。

 一个网页不要太长，一般两屏到三屏就可以了。在同一个网页里，如果文字或图片太多，既不美观，也会影响你的网页打开的速度。如果内容实在太多，应该分作几个页面，或者分为几个二级栏目。