【#实用文# #最新网页设计教案汇集#】作为一位无私奉献的人民教师，很有必要精心设计一份教案，编写教案助于积累教学经验，不断提高教学质量。那么大家知道正规的教案是怎么写的吗？下面是小编整理的《网页的制作》教案，仅供参考，大家一起来看看吧。
网页设计教案 篇1
学习目标：
1．有感情地朗读课文。
2．理解课文内容，懂得绝招是练出来的，要练有用的绝招的道理。
3．培养学生独立阅读的能力，能展开想象，想象小柱子是如何练绝招的。
教学重难点：从阅读中理解课文，想象小柱子是如何练绝招，激发努力学习本领，刻苦求知的愿望。
教学过程：
一．启发谈话，引入课题。
1．你们喜欢看动力画片吗？你喜欢谁，他有什么本领？
2．这些都是他们的绝招。（板题）什么叫绝招呢？
3．今天我们要学习的课文就叫绝招，看到课题，你最想知道什么？
二．初读课文，感知内容。
1．自己放声读课文，要求读准字音，遇到难读的字词，多读几遍。
2．认读词语。
憋气 唯独 腮帮子 拇指 蔫蔫 铲馅 攥饺子 尴尬
露馅 咧开 下巴颏 羡慕 禁不住 调换花样 脱口而出
3．生快速默读课文。想课文讲了一件什么事？
（提示：哪几个人，比了几次，各表演的是什么绝招。）
三．深入理解课文内容。
1．找课文的哪几个自然段写第一次比赛？
思考：①小柱子为什么这么尴尬呢？课文中是怎样写的？该怎样读？
②三胖、二福的表演怎样的厉害？该怎样读？如果你在场，你会怎样夸他们俩呢？
③此时的小柱子因为觉得丢人，他只好怎样呢？
2．小柱子蔫蔫地回了家，看到奶奶在干什么？
奶奶包饺子的技术怎样？小柱子从和奶奶的谈话中明白了什么？
3．于是，小柱子暗暗练绝招，齐读第12自然段。
4．小柱子暗暗练绝招，第二次比赛怎样呢？
小伙伴们为什么羡慕小柱子呢？
①你从哪句知道他的绝招的？
②这时的`小柱子和第一次比赛相比，应该很（自信），怎样读出语气？
③考他时他是怎样回答的？
5．这么难的绝招，小柱子是怎能样练成的呢？
提示：当清晨天刚蒙蒙亮时，别的孩子还__________，小柱子早已_________；
当深夜只有星星眨眼时，别的伙伴 ，小柱子却在__ ______；
当________________时，别的_______________，小柱子________ ____。
6．正是这份努力与坚持，小柱子才练成了令人羡慕的绝招，让我们来夸夸小柱子。
7．总结：勤学出绝招。
四．拓展深化。
课件出示刘翔图和千手观音图，师深情讲述他们怎样创造奇迹，练成绝招的。激发学生努力学习本领，刻苦求知。
网页设计教案 篇2
学习目标：
1、读读背背唐诗，了解中国传统文化。
2、阅读短文，理解文章内容。
3、联系生活实际进行口语交际。
4、把搜集到的材料进行删减后，抓住重点，写家乡的变化。
学习重点：
1．阅读，理解文章内容。
2．提高学生处理信息的能力。
教学难点：
提高学生处理信息的能力。
学习时间：5课时
课前准备：整理收集到的信息。
学习过程：
第一课时
一、读一读、背一背古诗《终南望余雪》。
1．自由读，互相交流理解古诗。
2．练习背诵。
二、朗读《雾凇》，理解内容。
请同学们用自己喜欢的学习方式自学：（个人读、双人读、小组读、互相讨论等学习方式；教师巡视课堂，或询问、或指导、或鼓励。）
1、学生围绕问题自学短文，试着解决问题。
2、讨论交流：
（1）说说作者是从那几方面描写雾凇的？
（2）你从中受到什么启发？
三、结合自己生活的实际，谈谈自己的看法。
第二课时
口语交际
一、创设口语交际的情境
家乡的山山水水养育了我们，根据你的调查，家乡有了哪些变化，哪些变化给你留下了深刻的印象？
二、要求：
1、注意礼貌用语，叙述有顺序、有重点。
2、语言简单、明白、生动。
三、小组汇报
说：每组向全班汇报。
说说你印象最深的一两个方面。
听：同学们认真听，不清楚的地方可以提问。
谈：如何努力，将来建设可爱的家乡。
四、总结：
表扬积极参与的`同学。
第三、四课时
运用搜集到的有关家乡变化的资料写作文。
一、指名读题目要求，使学生初步了解作文内容。
二、读题目要求，思考本次作文对我们提出了什么要求？
1、充分利用学积累运用七时搜集的有关资料。
2、在口语交际的基础上进行删减，按一定的顺序、有重点地叙述。
3、内容要具体，语句要通顺，不写错别字。
4、写完后读给别人听，再自己修改。
二、学生作文，教师巡视指导。
第五课时
作文讲评：
网页设计教案 篇3
教学目标：
1.正确、流利、有感情地朗读课文。
2.理解课文内容，懂得“狐假虎威”、“鹬蚌相争”的意思。
重点难点
能结合自己得生活实际理解寓意，从中受到启发和教育。
教学准备
动物面具、多媒体
课时安排
2课时
第一课时
教学过程
一、导入新课。
1.出示课题：狐假（Jia）虎威（Wei）。
2．写课题：课题中有三个是生字，你愿意来写哪个？
3．过渡：小朋友，下面让我们一起走进茂密的大森林，走进动物的王国。
指名分小节朗读课文。
4．“狐假虎威”不光是这篇课文的题目，还是一个成语呢，你理解吗？
二、学文。
过渡：今天就让我们来细细地读课文，看看狡猾的狐狸是怎样借着老虎的威风把百兽吓跑的。
1.学习第1~5自然段。
(1)自由读文。要求：说一说：这是一只怎样的狐狸，又是一只怎样的老虎，为什么？（）的老虎（）狐狸
(2)同桌分角色读文；自由练读；指名读。
(3)老虎啊，让我采访你一下，当你松开爪子的时候，你心里想的是什么？过渡：老虎啊，其实你心里想什么，狡猾的狐狸早就知道了，为了让你彻彻底底地相信，它趁你发愣的时候，早就又想好了一个妙计。
2．学习第6～8自然段。
(1)自由读第6自然段，指名读(扮演狐狸的学生读)。
(2)引读：老虎跟着……(第7、8自然段)
(3)课文中这个情节写得非常好，老师还想请小朋友来表演呢!
(小黑板出示)
表演前的准备：
①想一想：你对哪个角色最感兴趣?
②找一找、读一读：划出描写你感兴趣的那个角色的句子，并仔细读～读。
③试一试：试着演一演，你想怎样演好这个角色呢?
(4)请学生分角色表演。(狐狸、老虎、小动物)请学生评价。
(5)神气活现的狐狸，半信半疑的老虎，顺利逃脱的小动物们，如果我再给你们一次表演的机会，你最想用什么动作来表达你现在的`心情呢?小观众们，现在老虎还是摸不着头脑，你们是观众，是旁观者，请你们来告诉老虎真相，帮它拨开疑团吧！
3．学习第9自然段。
(1)引读：老虎受骗了。狡猾的狐狸……
(2)学到这里，“狐假虎威“这个成语你理解了吗？
三、说一说。
出示图1（狐狸）、图2（老虎）、图3（作者）
小朋友们，你最想对它们中的谁说一句话？
板书设计
狐假虎威
狐狸（借）老虎（威风）吓跑（野兽）
第二课时
教学过程
一、第一自然段。
1.出示课件图片（这是一只河蚌）。
问：被暖暖的太阳照着，河蚌会有怎样一番感觉呢？
也许它会说什么？谁来演河蚌？交流。
（可这时，来了只鹬）出示。
问：鹬？河蚌？分别想什么？指名学生说。
（河蚌急忙把壳儿合上）演：合壳（牢牢地夹住鹬的嘴不放）
问：这时候的河蚌……（速度、力度——心理如何）
2.这是故事的起因，我们再完整地听一遍录音。（提醒：注意，听仔细了）
3.打开书本，看完这部分内容，先自由读，要求试着复述。
4.学生试讲。（绘声绘色、活灵活现，大声点）
评价：提点意见，优点也行。
二、第2、3自然段。
过渡：鹬和蚌之间的这场争斗，会如何发展？
请看第2、3两段中鹬蚌之间的一段对话。
1.自由读。
2.简单说说故事如何发展？（互相争执）
3.这一段写得非常生动，再请同学读。提醒：加表情。
（动脑，怎么读才有味道）
4.说说此时鹬蚌之间的局势？
（威胁、毫不示弱、得意洋洋、相持、力量相当、互不相让）
5.在理解的基础上再来哪个人配合角色朗读。
（前后、左右搭配都行）配以面部表情。
6.请一对搭档分角色读，为了体现故事的完整性，再请一位同学做旁白。
（可喊暂停，提醒：注意语气，表情，要进入情境）
7.评价。
8.课后也可通过表演，复述故事。
三、第4自然段。
过渡：鹬蚌互相争持，所导致的后果会是什么呢？
1.录音范读。
2.回答：鹬蚌双方——筋疲力尽。
板书：渔夫——没费一点力气，就把它们一齐捉住了。
3.揭示寓意：这正是鹬蚌相争，渔翁得利。
四、总结。
1.学了这则寓言，你明白了些什么？
2.交流
五、发挥想象。
1.鹬和蚌贝渔夫抓住后又会出现怎样的情形呢？
2.交流。（或可先同桌讨论）
板书设计
鹬蚌相争
鹬蚌渔翁得利
网页设计教案 篇4
学习目标:
制作框架网页、在网页中插入字幕和超链接知识
1.制作框架网页
框架网页是一种特殊的HTML网页，它将窗口划分成若干小窗口区域（框架）。每个框架独立显示一个不同的网页（有自己的网页名字），整个框架网页有一个总的名字。
框架与表格在组织网页结构时相似。表格是对页面区域进行划分，框架是对整个浏览窗口进行划分。
·创建框架网页：单击菜单“文件”→“新建”→“网页”，选择“框架网页”标签→选择“嵌套式层次结构”
·选中的框架边框为蓝色，在拆分或删除框架时应注意是否选中。
·隐藏框架间的横线：
右击框架网页→单击“框架属性”→在对话框中单击“框架网页”按钮，在“网页属性”对话框中选“框架”标签→设置“显示边框”为未选中状态。
·按住Ctrl键，拖动鼠标可以快速拆分框架。
·删除框架：单击菜单“框架”→“删除框架”。
·保存框架网页时注意要保存所涉及到的所有网页。
·更改框架链接的网页：
右击相应的超链接→在弹出的快捷菜单上选择“超链接属性”命令，打开“编辑超链接”对话框
→可直接选择列出的文件，或在“URL”框中输入网页的地址
→单击“目标框架”右边的“更改目标框架”按钮，在“当前框架网页”中选择目标框架。
2.网页中插入字幕
·插入字幕：光标定位插入点→单击“插入”→“组件”→“字幕”打开“字幕属性”对话框；
→在文本框中输入文字，选择“方向”、“速度”、“表现方式”等；
→选中字幕，拖动鼠标，调节字幕运动范围。
·修改字幕：双击字幕，可以打开“字幕属性”对话框，对字幕属性进行修改。
3.超链接相关网页
超链接是从一个网页指向另一个目标的连接。一般在网页中的'某文字或图片上设置超链接。
·创建超链接：单击文字或图片→“常用”工具栏的“超链接”按钮，打开“创建超链接”对话框。
·取消超链接：选中具有超链接的文本或图片，单击“超链接”按钮，在打开的对话框中将URL栏中的内容删除。
·跟踪超链接：
在超链接上右击，在打开的快捷菜单上选择“跟踪超链接”命令；
或：在普通视图中，按住Ctrl键，将光标移到超链接上，单击，会跟踪连接到超链接指向的目的位置。
·设置超链接文本的颜色：网页中超链接文本的颜色共有3种：未访问过的，当前正在访问的，已访问过的。FrontPage默认这3种颜色分别为蓝色，红色、深蓝色。单击“格式”→“背景”→在“网页属性”对话框→选“背景”标签，选定“超链接”、“已访问过的超链接”、“当前超链接”的颜色。
作业：
新建框架网页，建立超链接，在网页中插入字幕。7.2制作网页（框架）这一教案
网页设计教案 篇5
1、 建设网站遵循的原则
（1） 系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。
（2） 完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。
（3） 友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索 引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。
（4） 简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。
（5） 适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。
2、网站建设基本流程
企业网站建设（升级改版）包含下列基本流程：
（1）制定网站规划方案：包括网站预期目标、行业竞争状况分析、网站栏目结构、用户行为分析及内容规划、网页模版设计、网站服务器技术选型、网站运营维护规范等基本内容；
（2）网站技术开发、网页设计；
（3）网站测试；
（4）网站内容发布；
（5）网站维护及管理。
3、网站域名及技术规范
（1）采用基于XHTML的国际WEB标准（CSS+DIV）；
（2）网站首页为顶级域名而不是多级层次 ;
（3）网站首页及各栏目和内容页面均不采用网址 跳转方式，不采用过渡页/桥页等网址重定向；
（4）合理应用静态网页与动态网页，网站栏目首页和其他重要页面采用静态网页；
（5）网页内容页面层次不宜过多，不超过四个层次；
（6）采用主流域名：
（7）一个网站对应一个主域名，现有多个域名需统一；
（8）网站链接错误率在一定范围之内，首页等重要页面无死链接；
（9）网站设计对不同浏览器具有兼容性。
（10）一般情况下，单位做网站还是用。net语言为好，价格便宜，安全性能好。
（11）不要使用asp，太落后了，而且安全性不好。jsp价格虽然高点，但主要是虚拟主机价格偏高。
4、企业网站的基本功能和内容
（1） 与企业办公网实现无缝链接；
（2）具有信息发布、产品发布和管理功能；
（3）产品推荐/广告管理功能；
（4）详细的公司介绍；
（5）详细的联系方式；
（6）合理的产品分类/汇总/列表；
（7）详细的产品介绍内容；
（8）销售及售后服务相关的联系和服务信息；
（9）在线服务信息；
（10）持续更新的企业动态/产品信息；
（11）相关网站链接管理功能；
（12）规范的网站地图；
（13）网站访问统计功能。
5、网站优化
网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。
（1）网站栏目结构合理，栏目设置不要过于复杂；
（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；
（3）网页布局设计合理，网站设计符合用户浏览习惯；
（4）重要文字信息尽可能出现在网页靠前位置；
（5）字体清晰，CSS风格协调一致；
（6）最多3次点击可到达产品详细内容页面；
（7）通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页；
（8）遵照搜索引擎为管理员提供的网站优化指南，通过网站结构和内容等基本要素的优化为搜索引擎检索信息提供方便，不采用任何被搜索引擎视为垃圾信息的方法和欺骗搜索引擎的方式（如堆积关键词、用户不可见文本、页面跳转、复制网页等等）；
（9）网站首页、栏目首页及产品内容页面均有一定的文字信息量；
（10）每个网页有独立的、可概括说明该网页核心内容的网页标题（而不是全站或者一个栏目共用一个网页标题）；
（11）每个网页有独立的、与该网页内容相关的META标签设计（包括description和keywords）；
（12）每个网页有独立的URL;
（13）产品内容页面URL尽可能简短且体现出产品属性；
（14）产品/企业新闻 详细内容页面是独立网页不是弹出窗口；
（15）对于产品品种多的企业网站，要有合理的产品分页方式；
（16）网站内容保持适当的更新周期。
6、网页模版设计
（1）重要信息尽可能出现在用户最关注 的位置；
（2）网页宽度定位适应当前主流屏幕分辨率模式；
（3）保持整站CSS风格一致；
（4）超级链接有下划线或颜色的明显指示；
（5）整个网站中在新窗口打开或原窗口打开网页的规则一致；
（6）网站首页字节数不宜过大；
（7）多语言版本网站内容之间的切换方式设计合理。
7、企业网站的可信度
（1）网站具有必须的法定证书；
（2）对企业基本状况的介绍真实可信；
（3）公布顾客服务/售后服务承诺；
（4）有必要的个人信息保护声明；
（5）网站公布的联系方式有效，尤其是地址、固定电话和Email地址；
（6）网站公布的Email地址与企业网站域名后缀一致而不是免费邮箱；
（7）网站主域名与企业名称/品牌/核心产品一致或相关；
（8）网站提供的信息及时有效；
（9）网站有自己独立的'风格；
（10）网站各项功能和服务方便易用。
8、网站运营维护
（1）建立网站内容发布审核机制，始终保持网站内容的合法性；
（2）保持网站服务器正常工作，对网站访问速度等进行日常跟踪管理；
（3）保持合理的网站内容更新频率；
（4）网站内容制作符合网站优化所必须具备的规范；
（5）重要信息（如数据库等、访问日志等）的备份机制；
（6）保持网站重要网页的持续可访问性，不受网站改版等原因的影响；
（7）对网站访问统计信息定期进行跟踪分析。
9、关于XHTML
（1） XHTML 适应现在越多的网络设备和应用的需要；
（2）使用XHTML严密 可以与其它基于XML的标记语言、应用程序及协议进行良好的交互工作。
（3）XML是web发展的趋势 可以使web平滑的过渡到XML
10、其他要求：
由于网络营销环境和用户行为在不断发展变化，企业网站需要增强适应性，可通过改版、重建等方式进行网站升级。 在网站建设技术标准方面，遵照国际WEB标准，不再使用过时的HLML4.01;在网站运营支持方面，融入目前居于领先地位的网站优化思想和方法，使得遵照规范建设的企业网站全面符合主流搜索引擎的优化指南，具有明显的搜索引擎优化优势。
网站规划：
整体规划合理，主辅菜单不清晰；
网站建设导向明确，重点突出；
栏目适应；
各栏目统一规划，整个网站比较清晰；
网站的促销功能得到明显体现。
菜单设置：
菜单采用不宜图片形式，图标标识明确，有文字说明，不要用户移动鼠标进行猜测；
菜单层次不宜过多，有效信息层次要少，不需要多次点击才能找到有效信息；
过多采用鼠标响应式菜单，栏目设置不合理，使得用户难以发现需要的信息；
栏目设置有重叠；
栏目名称意义不明确，容易造成混淆；
全flash首页和菜单，无法优化处理，也没有相应的文字说明，不采用。
栏目清晰够用，但重要信息完整，充分体现有效信息。
网站首页：
少采用大型图片，用户关心的信息在首页体现，不应多次点击；
首页下载速度要快；
首页有效信息量丰富；
首页有标题；
提供一种以上外语链接页面。
主页布局比整洁，重要信息得以重点体现；
打开网页不宜弹出多个窗口，影响正常浏览；
不要刻意追求“创意”效果，以至于很难理解网站要表达的意思。
页面信息：
重要信息完整，如联系方式和产品介绍等；
页面信息足够，减少多次翻页；
去除与企业形象、产品、促销等方面无关的信息；
产品详细介绍内容过少；
内容页面没有标题，或者全部使用公司名为标题；
客户能够方便的及时维护补充，保持其时效性；
不允许有无任何内容的栏目。
网页字体和美工：
注重美术效果，但不必大量采用图片，影响网页下载速度；
注重美观，但有些连基本信息内容都不可用图片格式，影响基本信息获取；
文字适中、颜色明晰、不影响正常视觉；
页面不应过于花哨。
11、必须克服的问题：
（1）网站规划和栏目设置要合理：主要表现在栏目设置不应有重叠、交叉、或者栏目名称意义不明确，容易造成混淆，使得用户难以发现需要的信息，避免栏目过于繁多和杂乱、网站导航系统混乱；
（2）重要信息完整：企业介绍、联系方式、产品分类和详细介绍、产品促销等是企业网站最基本的信息，企业网站上这些重要信息完整；
（3）网页信息量足够：包括两种情况：一种页面上的内容，或者将本来一个网页可以发布的内容不可分为多个网页，而且各网页之间必须有相互链接，不需要再次点击主页；另一方面是尽管内容总量不少，但有用的信息少，笼统介绍的内容多；
（4）栏目层次过深。重要的信息应该出现在最容易被用户发现的位置，应尽可能缩短信息传递的渠道，以使企业信息更加有效地传递给用户。
（5）网站有利于促销：通过网站向访问者展示产品、对销售提供支持，有多种具体表现方式，如主要页面的产品图片、介绍、通过页面广告较好体现出企业形象或者新产品信息、列出销售机构联系方式、销售网店信息等，或者具有积累内部网络营销资源和拓展外部网络营销资源的作用。
网页设计教案 篇6
一、医疗（医院）网站建设方案解决方案的背景
互联网在医疗产业中的`应用是很成功的，明显降低了费用，而且提供了许多原来所不能提供的新型服务，同时使昂贵的药品价格得以下降，复杂的服务流程得以简化。医疗产业如果在商业交易中使用互联网，在未来的五年内每年能节省巨额的开销。数字的估计还是极为保守的.，因为它不包括在内部网和外部网建设项目中应用电子商务的潜力。在美国，网上医院有数万多家，网上药品零售、批发规模在未来两年内将超过传统的医药市场。因此说，从长远看，发展医疗电子商务是大势所趋。医疗电子商务的兴起，将会为推进中国医疗行业的规模化、集约化经营，降低药品价格起到不可估量的作用。
二、医疗（医院）网站建设方案策划
1、企业宣传模块
对医院软、硬件做了详细的介绍，展现了医院的形象。通过新闻发布系统的支持，对医院医生的照片、添加的新设备的照片、介绍随时方便的编辑、更改，对医院一些消息、公告进行发布。
2、医院服务模块
让浏览者进入医院的网站，就好象来到了医院，甚至比来医院更方便。通过网上导医的介绍，把医院的院内结构、专科设置、收费情况都一目了然。通过网上挂号预约专家门诊。对于医院，通过患者的网上挂号，可以了解患者的情况。并把患者的病历存入网站的数据库。医生通过病历查询系统，对病历进行检索、查询。通过论坛系统在线回答患者的咨询。
3、技术交流模块
是院内、外医生之间技术交流的平台，通过论坛系统，实时的进行技术经验交流，提高技术水平。通过新闻发布系统，上传医学论文和医学杂志。
4、 网上业务模块
医院可以在网上进行药品采购招标，节约采购成本。通过网上招聘系统，挑选、储备医院需要的高级人才。
5、网站支撑系统
网站支撑系统解决了网站电子商务、信息化改造过程中人才缺乏的问题，而且减小了单位的投入，降低了应用电子商务的门槛，从而加速电子商务、信息化改革取得实实在在效益的步伐。
网页设计教案 篇7
一、教材分析
首页之外的其他网页在结构上很相似，为了给这些网站增加一些亮点，故在网页中插入了交互式按钮，交互式按钮不仅具有超链接功能，在使用过程中还会发生变化，更能引起学生的学习兴趣。
二、教学目标
1、知识性目标
（1）了解交互式按钮的功能；
（2）了解计算机主机包括的部件；
（3）了解网页动态效果。
2、技能性目标
（1）会设置网页的目录；
（2）学会插入、修改交互式按钮；
（3）学会复制表格。
3、情感性目标
（1）加深对计算机硬件的认识；
（2）培养学生分工协作的.精神。
三、教学重、难点
1、教学重点
（1）交互式按钮的功能；
（2）插入、修改交互式按钮。
2、教学重点
（1）交互式按钮；
（2）复制表格。
四、教学准备
制作一个具有几个漂亮交互式按钮的网页。
五、教学过程
1、导入
教师：现在我们的首页已经做好了，可是其他的网页还没做，但是一节课内无法做太多的，今天呀我们就来学习制作“主机”网页吧！其余的以后在做。
2、学习新课。
（1）指导学生用表格布局；
教师：用表格对网页进行布局方法，前一堂课我们学习了，现在就请同学们，对照课本用表格给“主机”网页进行设置。
学生看书练习。
（2）指导学生学习插入交互式按钮；
教师：在网页内经常会插入具有超链接功能的按钮，单击这些按钮，便可打开其他网页，请同学们看下面具有交互式按钮的网页。
屏幕展示。
教师：下面我们就来学习如何制作交互式按钮。
教师示范讲解，学生观察。
学生练习、老师巡视指导。
3、巩固练习。
请同学们试着完成书中本课的“试一试”中的练习，在遇到困难时可小组同学相互帮助，也可以举手问老师。
4、总结评价。
教师总结后，请同学根据自己掌握的知识情况和收获，在本节课的“评一评”中打上自己的成绩。
