计算机网页教案

第一篇：计算机网页教案

五年级上册计算机教案(一课时)学习目标：

1、了解Frontpage2003的主要作用，了解网页的初步知识，对网页制作页面工具的作用具有初步了解；

2、学会将搜集的图片文本素材存放相关文件夹，并了解设计网页的基本理念，学会做网页制作规划图；

3、学会根据规划创建网站，能够根据规划设计简单首页并进行保存。

德育目标：

通过学习网页制作理解网络设计工作者的辛苦劳动，在设计规划时学生可以了解到做事前需要提前准备的重要性。

新课讲授：

1、导入：多媒体展示部分设计新颖的网页页面，点击超级链接转换不同页面带起学生的兴趣，提问学生对网页的个人了解，之后引入网页制作的概念，进入主题。

2、新授：

(1)多媒体展示网页制作的相关知识，并由学生讨论设计网页需要哪些内容。总结并补充学生回答，引导学生打开Frontpage2003，介绍网页制作页面相关工具，并由学生自主操作试验它们的作用；

(2)展示多媒体，使学生了解需要准备各类素材并存入相应文件夹。由学生搜集并存入个人设置文件夹内，通过自己构思的设计形式绘制网页设计规划图，并由学生分享他们的规划；

（3）讲解如何创建一个网站，指导学生创建网站，并个人保存相应路径。之后引导学生设计自我规划的特色首页，进行简单自我设计后保存页面，师生共同评价部分首页设计。

3、总结作业： 总结本课知识点，提问学生本课主要内容检查目标达成情况。布置学生准备其他页面资料，并在其他渠道了解网页设计方面知识。

反思总结：

第二篇：计算机网页与动画_公开课教案

计算机网页与动画_公开课教案

[教学课题]：第十五章 FLASH在网页中的应用实例制作

[教学课型]：实验课 [教学目的]： 知识目标——了解AS代码的作用，掌握应用外部文件到FLASH制作当中，熟练动画制作的界面和制作步骤。

2．能力目标——培养学生的自主学习能力，能够听老师演示一次就大致能够按课件的制作步骤说明制作出动画成品。

3．德育目标——培养学生制作动画的的创造性思维，探究能力。[教学重点和难点]：

教学重点：学生按照课件的步骤制作出动画作品 2

教学难点：动画的原件命名以及AS代码部分

教学关键：讲解步骤清晰，一步一步制作，教师巡堂解决疑难。[教学方法]：任务驱动法? 演示法

[实验及教具]：包含完整的硬软件资源的多媒体计算机 [教学课时]：1 [教学过程]：

课前准备

已制作了相应的网络版教学课件，内容完整，包括简介，教学设计，步骤，效果，感想等。可供学生任何时候学习。并准备了若干张本班级的JPG格式照片，供学生动画制作时使用。

做好了教学站点（http://192.16.9.254）的建设工作，包括课件的网络访问配置，文件上传模块的制作，自动生成动态网页观看学生作品模块的制作等。

学生学习的主页面快捷方式已经放在学生机桌面，名字是“06软件计机网页制作学习全记录” 双击打开即可学习。

引入新课：（_2_分钟）

1、讲述：FLASH动画设计是伴随着计算机互联网络的产生而形成的视听设计新课题，同时也是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，表面上看，它不过是关于版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。本次教学实例运用FLASH8设计制作了当今网络上十分流行的一些动画效果，采用ACTIONSCRIPT2.0和FLASH8的发布格式，最后以网页格式将案例集合到同一平台上（http://192.168.9.254）。观看时安装了FLASHPLAYER9.0或者以上版本以便在网页上显示。

2、讲述：本次课程我们将学习制作漂移效果的动画作品。并把做好后把动画文件作为作业上传到教师机上。

教学演示（__8_分钟）

1、讲述：学生可打开教学页面“点击开始学习”按照课件步骤进行制作！

2、演示步骤：打开多媒体教学系统，进行广播教学：

（1）<下载素材>打开教学页面，点击“素材下载”，选择保存，选择桌面，确定，在桌面上解压缩文件“picture”可得到动画制作的素材。

（2）<导入图片>打开FLASH8，创建新文档，设置属性大小为980×590，背景为黑色，ctrl＋L打开元件库，保存文档为自己学号如：48.fla，然后ctrl+f8新建图形元件命名为“1”，这时要求把给出的图片用PS改成自己选择的照片，覆盖掉给出的101至109.jpg图片。然后ctrl＋r导入桌面上的图片文件101.jpg，在弹出的窗口选择“否”，以此类推，把102至109.jpg一张一张分别导入到图形元件2至9当中。

（3）<制作影片> ctrl+f8新建图形元件命名为“b”，画一个无边白色矩形。ctrl+f8新建影片元件命名为“mcb”，拖元件b进舞台，分别在3，6，9，12帧处按f6，在属性里的ALPHA分别设置为80，60，30，0.在13帧处点击按f7，添加“stop()；”动作。

ctrl+f8新建影片元件命名为“mc1”，拖元件1进舞台，在第二帧按f5，插入图层二，在图层二的第二帧按f7，拖元件mcb进舞台，修改属性的大小与位置与元件1一样（即覆盖图片），插入图层三，在第一帧添加“stop()；”动作。

以此类推ctrl+f8新建影片元件命名为“mc2”，mc3至mc9，分别拖图形元件2，3至9到舞台当中。新建图层二，在图层二的第二帧按f7，拖元件mcb进舞台，修改属性的大小与位置与元件2，3至9一样，插入图层三，在第一帧添加“stop()；”动作。这时完成了所有影片的制作工作。

（4）<添加代码>ctrl+f8新建影片元件命名为“mcall”，分别拖影片元件“mc1”至“mc9”进舞台，分别把属性栏里的“实例名称”改为“m1”至“m9”，各个影片元件稍微相连在一起。插入图层二，点击第一帧，把桌面上的文本文件“课件AS代码.txt”里面的文本全部复制粘帖到这一帧的动作里面。

（5）<保存上交> 返回场景一，拖影片元件“mcall”进舞台，插入图层二，用文字工具写上“06软件班（学号）如48号（姓名）如姚明”，大小为36，白色。『选作这一步：插入图层三，ctrl＋f8新建影片元件命名mc，ctrl＋r导入音乐mp3文件，在图层三第一帧拖音乐mc进舞台。』 文档保存到桌面如48.fla，ctrl＋enter运行得到48.swf生成目标文件。重新打开教学主页面，点击“浏览”选择48.swf，点击“上传”，等待15秒完成。

课堂练习（_25_分钟）

题目：按照课件步骤动手制作自己的照片的漂移动画效果。

要求：用自己的照片，加上名字学号，声音模块选做，做好上交作品。

这时教师巡堂与学生互动，解决学生的与提问疑难。

课堂小结（_5_分钟）

评讲：这时大部分同学已经做好作品上交了，教师打开教学主页面，点击进入“06软件FLASH动画作品欣赏”页面，这时可以看见页面内有1至36号的矩形区域，点击某一个号码可打开该学号的学生上交的动画作品观看效果，点击“返回”回到欣赏主页面。这时选择几个作品重点讲解评论。： [制作步骤流程图]

第三篇：计算机网页设计毕业论文（范文）

计算机网页设计毕业论文

计算机网页设计毕业论文

asp技术在交互式网页设计中的运用

一、asp技术简介

asp技术 asp（active server pages动态网页）是微软公司推出的一种用以取代cgi（common gateway interface通用网关接口）的技术。目前，internet上的许多基于windows平台的web站点已开始应用asp来替换cgi。简单地讲，asp是一个位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式web服务器应用程序，如交互式动态网页，包括使用html表单收集和处理信息，上传与下载等等。通常情况下，用户通过浏览器看到的网页大多是静态的，目前internet 上的许多站点，仍然提供'静态'（static）的主页内容。所谓'静态'，指的就是站点的主页内容是'固定不变'的。当浏览器通过internet 的http(hypertext transport protocol)协议，向站点服务器(web server)要求提供主页的内容时，站点服务器收到要求后，就传送原已设计好的静态的html 的文件数据给浏览器。一个'静态'的站点，若要更新主页的内容，必须手动的来更新其html的文件数据。而随着web应用的发展，用户希望能够看到根据要求而动态生成的主页，例如响应用户查询数据库的要求、生成报表等。当在浏览器上填好表单(form)的输入数据，以提供http要求时，可以在站点服务器中执行的应用程序，而不只是一个html 文件。

站点服务器收到要求执行的应用程序，分析表单(form)的输入数据，将执行的结果以html的格式传送给浏览器。根据用户请求生成动态主页的传统方法有cgi、isapi等。cgi是根据浏览器端的http请求激活响应进程，每一个请求对应一个进程。当同时有很多请求时，程序挤占系统资源，造成效率低下；isapi针对这一缺点进行改进，利用dll（动态链接库）技术，以线程代替进程，提高了性能和速度，但要考虑线程的同步问题，而且开发步骤烦琐。这两种技术和另一普遍使用的开发动态网页的技术java都还存在着另外一个问题，那就是开发困难，程序的开发和html写作是两个完全不同的过程，需要专门的程序员开发。而较简单的开发技术如javascript和idc(internet database connector)等功能有限，不敷使用。

asp使用的activex技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的cgi等程序所远远不及的地方。asp与常见的在client端实现动态主页的技术如java applet、activex control、vbscript、javascript等不同，asp中的命令和script语句都是由服务器来解释执行的，执行结果产生动态生成的web页面并送到浏览器；而client端技术的script命令则是由浏览器来解释执行。由于asp是在服务器端解释执行，开发者可以不必考虑浏览器是否支持asp；同时由于它在服务器端执行，开发者也不必担心别人下载程序从而窃取编程逻辑。

asp通过后缀名为.asp的asp文件来实现，一个.asp文件相当于一个可执行文件，因此必须放在web服务器上有可执行权限的目录下。当用户从浏览器输入了.asp文件的地址后，浏览器就将这个url请求发给web server，如果web server上装了asp，就调用asp。asp读出相应.asp文件，解释并执行命令，动态生成一个html页面回传web server，然后web server再把结果发送给浏览器。asp文件的制作和html类似，且和html开发集成，可以在同一个过程完成，利用asp将可以执行的脚本嵌入到html文件中(将html文件的后缀名改为.asp)，这使得html文件的编写与脚本的开发融合在一起。通过asp内置的对象、服务器组件（server component）可以完成非常复杂的任务，而且用户还可以自己开发或利用别人开发的服务器组件完成专门的任务。asp比较网关及服务器扩展模式有着以下优点：

(1)完全与html文件融合在一起；

(2)容易创建，不需要其它编译、链接程序；

(3)面向对象的并通过activex server对象可扩展。

二、电子商务数据访问方式

电子商务是指通过电子方式，并在网络基础上实现物资、人员过程的协调，以便商业交换的活动。在电子商务系统中，web提供了与客户进行通信联络的有效手段，利用web技术，实现web服务器与数据库系统的连接，完成对数据的处理与查询，用户可以通过操作简单易学的浏

览器来查询处理所需要的各种数据。实现web服务器与数据库的连接一般有两种方法：一种是利用中间件技术在两者之间建立连接和通信，如cgi(通用网关接口)和api(应用程序编程接口)。

web服务器通过调用cgi程序实现与web浏览器的交互，即cgi程序接受浏览器发给web服务器的信息，进行处理后，将相应结果再送回给web服务器，通过web服务器将信息传送给浏览器。但cgi程序在响应速度和资源利用等方面有较大局限性，客户端每请求一个cgi程序，服务器端便打开一个进程，当请求的数量较大时容易引起瓶颈现象，开发人员常利用api编程来扩展服务器功能，api程序占系统资源少，运行效率较高，但它的编程较cgi程序更为复杂；另一种是由浏览器中的java小应用程序(java applet)通过浏览器访问web服务器上的数据库，利用了jdbc(java database connectivity)技术，它通过jdbc提供的api实现对web server的访问。由于java applet本身的局限性，目前大多数的应用是基于中间件技术的。asp也是属于中间件的一种模式，但在windows平台上它比较网关及服务器扩展模式有着较大的优点。网关的最大特点是它的平台无关性，但网关程序通常较难编写和改变。网关程序通常是一个独立的程序，并不和html文件融合在一起，它需要用如c、c++、vb、perl等语言来编写独立的应用程序，而asp应用改变了这一点。使用asp不仅可以读取access和 sql server的数据库，而且还可以读取其他odbc（open database connect 开放式数据库互联）兼容的数据库。

在asp中访问数据库是通过ado(activex database object活动数据对象)及事务处理语句来实现的。ado是一种操作microsoft所支持的数据库的方法，是一项容易使用并且可扩展的将数据库访问添加到 web 页的技术。ado对象的使用与dao（数据访问对象）、rdo（远程数据对象）的方式相似。在asp中，ado可以看作是一个服务器组件，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。

三、asp在电子商务中的应用

在电子商务中，对用户而言，进行网上信息查询的目的是寻找自己需要的产品或服务，而对于商品或服务提供者来说，其目的则是向用户推销自己的产品或服务。因此，让用户通过浏览器查询服务器的后端数据库是许多web服务提供者必需有的服务，asp通过内置的adodb组件来实现这一功能。可以使用ado去编写紧凑简明的脚本以便连接到odbc 兼容的数据库和 ole db 兼容的数据源。具体的操作步骤可以归纳为以下几步：

① 创建数据库源名（dsn）adodb通过odbc工作，因此要在odbc中设置dsn（数据源名）。打开windows的'控制面板'，双击'odbc'的图标，然后选择'文件 dsn '的属性页，单击<添加，选择数据库驱动程序，然后单击'下一步'，按照屏幕的指示键入数据源文件的名称，然后单击'下一步'，再单击'完成'创建数据源。

②创建数据库链接 链接用以保持一些关于正在访问的数据的动态信息，以及链接者信息。利用adodb的成员函数open和先前设定的dsn与数据库连接，其语法如下：

setconnect=server.createobject('adodb.connection')’创建了链接对象connect。connect.open('dsn=dsnname；uid=userid；pwd=password')’打开链接。dsnname为数据源名；userid为用户名；password为用户口令。③创建数据对象 ado中的数据对象通常保存的是查询结果。recordset 是ado中最复杂的对象，有许多属性和方法，灵活运用，可以达到许多好的效果。其创建方法如下： set recordset =connect.execute(sqtstr)’创建并打开了对象recordset，sqtstr是一个串，代表一条标准的sql语句。例如： sqlstr='select*from b1' set recordset =connect.execute(sqlstr)这条语句执行后，对象recordset中就保存了b1中的所有记录。

④操作数据库 可利用execute方便地执行数据的插入、修改、删除等操作。如执行插入操作： sqlstr='insert into b1values(1,2)' connect.execute(sqlstr)⑤关闭数据对象和链接 在使用了ado对象之后，一定要关闭数据对象和链接。在asp中通过调用方法close实现关闭。关闭创建的数据对象：record set.close set record set=nothing 关闭创建的链接对象：connect.close set connect=nothing 完整的程序片段：

//产生组件实例

<％

setconnect=server.createobject('adodb.connection')//连接数据库

connect.open('dsn=dsnname;uid=userid;pwd=password')//执行查询

sql=select＊fromtablename setrs=connect.execute(sql)％

//显示结果

<％dowhile not rs.eof％

<％=rs(fieldname)％ <％

rs.movenext

loop ％

上述是用asp访问数据库的全过程，由于应用面向对象思想，所有操作都比较简单，用户需要注意的仅是对数据结构的了解、当前所操作的对象及对象的属性等等，只要对这些有了清晰的认识，再加上asp强大功能，在网络上使用数据库，实现用户与页面间交换信息，就再也不是什么难事了。

第四篇：下载网页教案

下载网页教案

一、学习目标：

(1)学会下载网页的方法。

(2)学会移动文件（文件夹）的方法。

(3)以教师演示讲授、引导启发和学生讨论尝试、自主学习相结合的方式，学会在因特网上下载有用的网页。

(4)通过导入展示的精美网页激发学生学习下载网页的兴趣，并进一步提高学生使用信息技术的能力。

(5)在保存图片的自主探究中，培养学生发现问题并自我解决问题的能力，提升学生的自学能力。

二、教学重点、难点：

1、学会下载网页和移动文件（文件夹）的方法。

2、保存网页后应该有两个文件，复制操作和移动操作的区别。

三、教学过程：

（一）导入

师：同学们，我们先一起来欣赏一些网页吧！这些网页好看吗？同学们一定非常想保留下来吧？好！今天我们就来学习下载网页！（出示课题）

（二）新授

1、下载网页

师：如果我们作为小小老师，向别人介绍中国儿童资源网的时候，能把完整的网页也呈现给大家，那同学们就更容易理解了。回忆一下我们前面学习的下载图片和下载文字的方法，那么能不能把网页完整的下载下来，即使在断开网络时也能看到完整的网页呢？

师停顿，生沉思片刻

生回答上台演示

一生：首先全部选定

一生准备按住鼠标左键全部拖动 有学生插嘴：按Ctrl+A 一生用自己方法选定后，又尝试了Ctrl+A，非常成功，然后复制，打开Word文档，粘贴。

师：非常棒！XX学生用了我们前面下载文字的方法复制了网页中所有的内容，真会学以致用但是，我们小朋友仔细观察一下，用这种方法，有没有把网页中所有内容完整保存下来。

生讨论回答，找出不同之处。师：那么怎么办呢？ 二生：把它添加到收藏夹

师：我们一起回忆一下，在哪儿用过“添加到收藏夹”

生回答

师小结：添加到收藏夹是帮助我们快速访问网站的方法，不是把网页下载到我们计算机里。

三生：文件——另存为

师强调保存类型

师让学生掌声鼓励操作正确的三生。

我们来看看保存好的网页，和前面下载文字的文件有什么不同吗？出现了两个文件，一个是网页文件，一个是同名文件夹。这个文件夹里有些什么文件？（学生可以点击文件夹浏览）

如果这个文件夹不见了，或者网页文件放到了其他文件夹里，又会怎样？（如果有学生发生这样的问题也可以由学生提出）自己尝试一下，然后和小组同学交流或者翻看书本，把你的交流结果告诉大家。

讨论保存网页的要领。

好，下面同学们自己来试一试，查找我们江阴一个景点的网页，然后把网页保存到“我的文档”里。

师生解决操作中遇到的问题。

2、移动文件和文件夹。（打开网页文件夹，用缩略图方式显示图片）这是刚才下载的网页中的图片，很漂亮，老师很喜欢，想把它放入自己的文件夹里，可以怎么办呢？（复制文件）（前面有复制文件（文件夹）的基础）

师让学生独立完成移动文件（文件夹）的操作 四人一小组讨论移动的方法 组内汇报演示

学生的汇报实在精彩，方法多种多样

1、按右键剪切——粘贴

粘贴的方法（1）直接在文件夹上按右键粘贴

（2）打开文件夹后粘贴

2、直接拖动

3、在菜单栏上选择“移动到文件夹”

两人合作探究选定多个文件的方法，教师提示两个功能键Ctrl，Shift 学生汇报

1、不连续的选定Ctrl

2、连续的选定Shift

3、用鼠标框住 误操作带来的意外发现

生：按住Ctrl健选定多个文件，不小心进行了“拖动”操作，复制了多个文件。

师总结： shift：按住shift键，把鼠标指针指向最后一个要选定的文件，然后单击，就可以选定首尾两个文件之间的所有文件。被选中的文件都是以蓝底白字显示。（广播演示）ctrl：选定不连续的文件

学会这几种选定文件的方法，有再多的文件要选定我们都不怕了。下面请同学们将下载的网页文件夹里的图片移动到你的文件夹里。

小结：我们可以用复制或移动的方法把文件放入其他的文件夹里，也可以同样的操作把文件夹复制或移动到其他的文件夹里。

3、比较。

刚才我们用了两种方法把文件放进自己的文件夹里，那到底复制文件和移动文件两种操作有什么不同呢？（学生归纳总结）

三、总结。

通过今天的学习，你有了哪些收获呢？希望同学们在以后的操作中，灵活运用我们今天学到的知识！

第五篇：网页教案

三、DW安装应用

在学网页创建中，有一款非常重要的软件叫ＤＷ软件，它件全称：Ｄreamweaver，被称为网页三剑客之一． ＤＷ软件学习内容： １.ＤＷ软件下载安装

２.创建ＨＴＭＬ文档和ＣＳＳ样式表并将二者关联起来 ３.ＤＷ软件的应用 Ａ.ＨＴＭＬ文档的创建 １.打开ＤＷ软件

２.如果想创建一个ＨＴＭＬ文档，只要点击“新建”下面的ＨＴＭＬ，这个就完成了一个ＨＴＭＬ文档的创建。

３.在当前页面点击“代码”，就可以看到我们新建一个ＨＴＭＬ文档的时候，包括“声明”、“标签”、“根元素”还有标签及里面的和