电脑桌面
添加蜗牛文库到电脑桌面
安装后可以在桌面快捷访问

电脑网页制作教案

栏目:合同范文发布:2025-01-29浏览:1收藏

电脑网页制作教案

第一篇:电脑网页制作教案

电脑网页制作教案

教员:王晓燕

课时:第一课时,一个半小时 教学目标: 1.知道如何启动和退出Dreamweaver8 2.掌握如何建立新站点,网页的打开和保存 3.掌握如何插入图像,动画,插件 4.掌握如何插入水平线

教学重点与难点:如何插入图像,动画以及修改其属性 教学方式:老师边讲解边指导学生如何操作 教学软件:Dreamweaver8 教学过程: 一.启动Dreamweaver8,“开始”

单击”程序/”Macromedia”/”Dreamweaver8”或双击桌面上的快捷图标,退出时单击工作窗口右上角的关闭按钮 二.三.新建网页, “创建新项目”/”HTML”

新建站点.”站点”/”新建站点”/”站点”

输入站点名称,选择本地根文件夹 四.五.文件的保存 “文件”/”保存”;或”另存为”

插入Flash动画,“插入”/”媒体“ 可以选择插入Flash、Flash文本或Flash按钮,插入对象后,利用“属性”面板设置有关属性 六.插入插件,“插入”/”媒体”/”插件”,在对话框中选中所需文件,单击”插入”,利用”属性”面板设置其大小

七.插入水平线,”插入”/”HTML”/”水平线” ,利用”标签”/”属性”/”浏览器特定的”/color 更改其颜色

第二篇:网页制作教案

网页制作与设计教案

第一讲 网页设计概述....................................................................................................................3 1.1WWW和URL.....................................................................................................................3 1.2IE5的使用............................................................................................................................3 1.3 网页中所使用的技术............................................................................................................4 1.4 制作网页的基本方法............................................................................................................4 第二讲 HTML的基本标志与格式标志.......................................................................................4 2.1 HTML文档的基本结构.........................................................................................................5 第三讲 HTML的文本、图片与超级链接标志...........................................................................5 2.2 插入文字................................................................................................................................6 2.3 插入图片................................................................................................................................8 2.4 建立超级链接........................................................................................................................8 第四讲 HTML表格、表单与框架标志.......................................................................................9 2.5 插入表格................................................................................................................................9 2.6 表单的应用..........................................................................................................................10 2.7 框架窗口..............................................................................................................................10 第五讲 HTML标志综合运用案例.............................................................................................11 第六讲 DREAMWEAVER中简单WEB站点建立与管理.....................................................12 3.1 DREAMWEAVER概述............................................................................................................12 第七讲 DREAMWEAVER中静态网页设计.............................................................................13 3.2 在页面中加入文字和图像..................................................................................................14 3.3 超级链接的运用..................................................................................................................14 3.4.表格的应用.........................................................................................................................14 3.5.在网页中创建表单.............................................................................................................15 第八讲 DREAMWEAVER中动态网页设计.............................................................................15 第九讲 DREAMWEAVER综合性网页设计案例.....................................................................16 第十讲 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT语言简介.............................................................................................................17 第十一讲 VBSCRIPT的基本元素与输入输出.........................................................................18 4.2.基本数据类型.......................................................................................................................18 4.2.表达式和运算符.................................................................................................................19 第十二讲 VBSCRIPT的条件语句、循环语句和过程.............................................................20 4.3 VBSCRIPT基本语句.............................................................................................................20

第一讲 网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。【教学目的】

使学生对网站及网页有一定的认识,激发学生学习网页设计的兴趣。【教学重点】

网页设计中的若干术语。【教学难点】

理解网页设计中的若干术语。【教学方式】

讲授式、讨论式、案例分析式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《Internet 网页工场》Wittime工作室 重庆出版社。

3、《WEB网站设计》Joel Sklar著 高等教育出版社。

4、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的简称,一般也称之为WWW或3W 1.1.2 Web的特点和结构

Web最大的特点是使用了超文本(Hypertext)WWW采用C/S(客户机/服务器)工作模式

在浏览器和服务器之间应用HTTP(Hyper Text Transfer Protocol,超文本传输协议)作为网络应用层通信协议 1.1.3 URL URL的完整格式

协议://主机名或IP地址:端口号/路径名/文件名

1.2 IE5的使用

Web浏览器是浏览Internet资源的客户端软件

在Windows环境下使用的浏览器主要有Internet Explorer、Netscape Navigator、Mosaic等

1.2.1 IE5的界面 1.2.2 IE5的使用

列表标志的使用。【教学方式】

讨论式、案例分析式、练习式。【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.1 HTML文档的基本结构

2.1.1 HTML语法

1、双标记

语法:

<标记>内容

2、单标记 语法:<标记> 最常用的单标记是

3、标记属性 语法

<标记

属性1 属性2 属性3 … > 例子


4、注释语句 格式

例子

2.1.2 HTML文档的基本结构 【课后小结】

通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用 列表,有序列表,无序列表标志及属性。

第三讲 HTML的文本、图片与超级链接标志

【教学内容】

讲解HTML标准中的文本、图片与超级链接标志 【教学目的】

* 使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。

< EM>......,强调文字,通常用斜体。

< STRONG>......,特别强调的文字,通常用黑体。

......,以等宽体显示西文字符。

......,使文字大小相对于前面的文字增大一级。

......,使文字大小相对于前面的文字减小一级。......,使文字成为前一个字符的上标。......,使文字成为前一个字符的下标。......,使文字显示为闪烁效果。2.2.6

文本修饰 2.2.7

预格式化文本 使用预格式化标记

不再忽略在此之间的空格、制表符与回车符等元素 2.2.8 转义字符与特殊字符

一般转义符都是以“&”开始,以“;”结束,一个转义符之间不能有空格 2.2.9 文本强制换行和不换行 文本强制换行


不换行 2.2.10 插入水平线 使用


标记

属性:Width,Size,Align,Noshade,color 2.2.11 使用列表

1、无序列表

  • 列表条目1
  • 列表条目2......

2、有序列表

  1. 列表条目1
  2. 列表条目2......

3、定义列表

列表条目1
条目1的说明
列表条目2
条目2的说明 ……

...... 2.4.4 图像地图 【课后小结】

本节介绍了在网页中加入文本、图片和超级链接的标志与相应属性,熟练运用这些标志是制作多媒体网页的基础。超级链接标志中,书签链接是一类特殊的链接方式,理解和使用书签链接学习HTML中超级链接标志的难点。

第四讲 HTML表格、表单与框架标志

【教学内容】

讲解HTML中制作表格、表单与框架的标志。【教学目的】

使学生掌握简单表格、表单与框架的制作。【教学重点】

* 表格中单元格的合并以及表格嵌套和叠加操作。* 框架的嵌套使用。* 表单元素标志与属性。【教学难点】

* 理解表格属性rowspan与colspan的含义以及表格嵌套实现的基本思想。* 理解框架属性name、target的意义。

* 理解表单中相应元素对应标志及属性的含义。【教学方式】

案例分析式、项目教学 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。

2、《WEB网站设计》Joel Sklar著 高等教育出版社。

3、《HTML网页制作教程》材义语编著 铁道出版社。【新课内容】

2.5 插入表格

2.5.1 在网页中插入表格

表格的基本构成元素:表头,单元格,列,行

FrameSpacing=“2“

BorderColor=”#008000“ >

2.7.3 子窗口属性设置

2.7.4 常见的框架窗口划分方法(1)标题和正文,分为上下两部分(2)层次结构,分为上中下三部分

(3)目录和标题,分为左上、左下、右三部分

(4)标题、目录和正文,分为上、左下、右下三部分(5)嵌套目录,分为左、右上、右下三部分 2.7.5 不支持框架的网页

</p><p> <BODY> 很抱歉,馈下使用的浏览器不支援框架功能,请转用新的浏览器。</p> <h3>第三篇:网页制作教案</h3> <p> 第一节 制作简单的网页</p><p> (一)教学对象分析</p><p> 学生在学习本内容前,已经学习了利用Word制作简单的网页,并且初步掌握了制作网页的一般流程及基本操作,具有进一步学习的能力。</p><p> (二)教学目标</p><p> 1、了解Frontpage的界面组成及基本功能。</p><p> 2、掌握在Frontpage中编辑文字、插入图像的方法。</p><p> 3、掌握在Frontpage中设置电子邮件超链接的方法。</p><p> 4、培养学生在获取信息的能力,使学生学会利用计算机和网络搜集与准备网页素材。</p><p> 5、培养学生的知识迁移能力。</p><p> (三)教学重点</p><p> 利用Frontpage制作简单的网页</p><p> (四)教学方法和手段</p><p> 教学方法:以学生自学为主,教师辅导为辅。教学手段:多媒体网络教学。</p><p> (五)教学过程</p><p> 1、创设情境,导入新课:</p><p> 展示几幅优秀的网页作品,激发学生学习专业网页制作软件的愿望。Frontpager 功能主要体现在:</p><p> 1、网页编辑功能。</p><p> 2、网站管理功能。</p><p> 一、启动Frontpage i.ii.启动Frontpage Frontpage窗口组成</p><p> 二、用Frontpage制作网页</p><p> 1、输入文字</p><p> 2、设置字体、字号</p><p> 3、插入剪贴画</p><p> 4、创建电子邮件超链接</p><p> 三、保存网页</p><p> 四、预览网页 反馈操作情况情况</p><p> 第二节 插入表格</p><p> (一)教学目标</p><p> 了解Frontpage中使用表格的作用。掌握在Frontpage中插入表格的方法。能熟练在表格中输入文字、插入图片。</p><p> (二)教学重点</p><p> 在Frontpage 中利用表格组织网页结构。</p><p> (三)教学过程</p><p> 导入新课,表格是网页中经常使用的一种形式,表格里不仅可以存放文字、图像等数据,还可以作为组织网页内容的框架,使网页整齐、美观。</p><p> 新课讲授:</p><p> 1、插入空表格</p><p> 2、在表格中插入图片</p><p> 3、设置图片属性</p><p> 4、输入文字</p><p> 5、设置表格属性</p><p> 6、插入表格标题</p><p> 7、保存网页、预览网页 本课总结</p><p> 第三节 创建表单</p><p> (一)教学目标 了解表单的功能。</p><p> 掌握在Frontpage中创建表单的方法。掌握在Frontpage中插入表单域的方法。</p><p> (二)教学重点 表单网页的结果处理。</p><p> (三)教学过程</p><p> 复习</p><p> 1、如何制作图文并茂的网页?</p><p> 2、表格在网页中的主要作用?</p><p> 3、在网页中插入表格有几种方法? 导入新课、创设情境</p><p> 展示几幅含有表单域的网页作品,例如调查表、申请表、提问:表单与表格的异同点? 讲授新课</p><p> 一、利用表单网页向导创建表单</p><p> 1、建立表单</p><p> 2、修改表单</p><p> 3、处理表单结果</p><p> 4、利用表单确认模板制作表单确认页面</p><p> 二、制作网页背景 反馈操作情况 本课总结</p><p> 课后任务:利用菜单栏中的命令在网页中插入表单域。</p><p> 第四节 利用框架制作首页</p><p> (一)教学目标 了解框架的功能</p><p> 掌握在Frontpage中使用框架的方法。掌握在Frontpage中建立超链接的方法。</p><p> (二)教学重点 利用框架制作首页</p><p> (三)教学过程</p><p> 复习:</p><p> 1、如何制作表单页?</p><p> 2、表单的主要作用?</p><p> 导入新课、创设情境:展示模范的网页作品,激发学生学习的兴趣。讲授新课:</p><p> 一、利用框架制作首页</p><p> 1、新建框架网页</p><p> 2、设置 右框中的初始网页</p><p> 3、保存网页</p><p> 4、建立左框中的网页</p><p> 二、建立超链接</p><p> 二、制作网页背景 保存网页、游览网页 反馈操作情况 本课总结</p><p> 课后任务:练习其他几种超链接方式。宛善网页。</p><p> 第五节 站点管理</p><p> (一)教学目标 了解站点的基本知识。</p><p> 掌握利用Frontpage建立站点的方法。掌握向站点中导入网页的方法。</p><p> (二)教学重点 导入超链接</p><p> (三)教学过程 复习:</p><p> 导入新课、创设情境:Frontpage不仅具有强大的网页编辑功能,而且具有强大的管理站点的功能。讲授新课:</p><p> 一、建立站点</p><p> 二、导入网页</p><p> 三、导入超链接 本课总结</p><p> 第六节 发布站点</p><p> (一)教学目标 了解发布站点的一般流程</p><p> (二)教学重点</p><p> 把站点发布到因特网上是本节的重点。</p><p> (三)教学过程 复习:</p><p> 导入新课、创设情境:展示因特网上的优秀个人网站。讲授新课:</p><p> 一、把站点发布到本机</p><p> 二、测试网站的表单功能</p><p> 三、把网站发布到因特网上(介绍)本课总结</p> <h3>第四篇:网页制作教案</h3> <p> HTML第一节课</p><p> 1.本课程主要目标</p><p> 使用DIV+CSS布局网页</p><p> 使用CSS美化网页</p><p> 制作精美的商业网站 2.整体课程内容</p><p> 3.本课程授课目标</p><p> 3.1了解HTML整体课程 3.2 会使用HTML标签</p><p> 3.3 了解并会使用 CSS 层叠样式表 3.4 p+CSS 做网页 3.5完成一个完整的网页 4.本章目标</p><p> 会使用HTML的基本结构创建网页 使用文本相关标签排版文本信息 使用图像相关标签实现图文并茂的页面 会使用超链接相关标签实现页面间的跳转 5.本章重点</p><p> 本阶段的重点是让学员熟悉HTML的基本结构、HTML中的一些基本标记以及标记的属性,以及HTML中的链接。6.本章难点</p><p> HTML基本标记及其属性 7.授课思路</p><p> 以提问和演示的方式 边讲边演示</p><p> 7.课程知识点讲解 7.1什么是HTML</p><p> 超文本标记语言,是英文Hyper Text Markup Language的缩写 什么是超文本</p><p> 就是指页面内可以包含图形、动画、声音、表格、链接等非文字元素。</p><p> 什么是标记</p><p> 就是我们要学的标签 也就是说标记语言是由一套标签组成的</p><p> HTML发展史</p><p> 7.2HTML基本结构</p><p> 7.3用记事本创建网页的步骤</p><p> 答:</p><p> 1、打开记事本</p><p> 2、输入HTML代码</p><p> 3、保存为*.html文件,注意格式问题</p><p> 4、打开网页预览效果 8.标签</p><p> 8.1 标题标签</p><p> H1 H2 H3 H4 H5 H6 由大到小 <h1>标题内容 </h1></p><p> 讲课思路:先演示h1的效果,在边演示边讲解h1-h6的变化,以及他们都是加粗字体</p><p> 提问:有没有h7,然后演示,结果:和正常字体一样</p><p> 8.2段落标签</p><p> p 格式 <p> 段落内容</p><p> 讲课思路:先演示两段。</p><p> 提问 : 与正常见到的段落有什么不同</p><p> 答;首行没有缩进,没有换行 可以先用空格代替 缩进学完样式后就会使用 接下来讲换行标签</p><p> 8.3换行标签</p><p> <br/> 代表换行</p><p> 第一个但标签 书写方式< /> 与双标签的区别 个数 及 /的位置</p><p> 讲完换行标签后与段落标签对比,告诉他们根据空隙的大小区别什么是段落(间隙大)、什么是换行(间隙小)</p><p> 8.4水平线标签</p><p> <hr />水平线标签</p><p> 第二个单标签 是一条水平线</p><p> 先演示 然后告诉他们可以改颜色---引出属性</p><p> 解释什么是属性 就是用来修饰标签的 属于标签的性质 要写在标签里 书写写法 属性名=“具体值” 并演示给他们</p><p> 8.5 加粗、斜体标签</p><p> 加粗的字 <em>斜体的字</em></p><p> 挑选部分字体演示</p><p> 8.6 特殊符号</p><p> <!--注释--></p><p> 效果:不会显示在页面上 作用:1网页的作者 2注释部分代码 试用于找错的时候</p><p> 空格   > > < < “ @</p><p> 首先敲一个空格 提问:是否有效果 再敲多个空格 提问;是否有效果 展示并引出空格特殊符号 ” ©</p><p> 先敲一个<p> 问他们是否会显示在页面 然后再说出替代的 < > 特殊符号</p><p> 最后提问 有没有注意过版权符号 提示他们网站的最下面版权部分 最后演示写法</p><p> 8.7 图片标签 思路---------标签与标签的属性----可以回顾 已经学习的标签 与 a标签的区别 双标签 单标签 标签属性</p><p> 图像首先说明是单标签 然后介绍第一个属性 src 路径介绍:相对路径 上一级../ 上上级../../ 下一级 同级名/ 绝对路径</p><p> file:///C:/Users/Administrator/Desktop/Chapter01/demo.html 第二个属性:alt 演示图片不显示的情况 第三个属性:title 书写并将鼠标放到图片,查看效果</p><p> 第四个属性:width 单独设置宽度时的效果 高度成比例缩放</p><p> 第五个属性:height 单独设置高度时的效果 宽度成比例缩放</p><p> 如果想要具体的大小 则要同时设置宽和高</p><p> 8.8 链接标签</p><p> <p> 先写一对 标签 然后再在里面写上href属性 告诉他们与图片的src属性相似,都是地址路径 再告诉他们href=“" 里面可以是别的网页 也可以是网址、邮箱地址 没有具体的可以写#表示空连接</p><p> 演示相关链接 其中要注意,告诉他们没有在标签中间写内容 网页是不会显示任何内容的并演示</p><p> target=”在哪里打开新链接(_self:本身窗口 _blank:新窗口打开链接)”> 文字 图片</p><p> 讲解target 属性:是跳转位置,是本页面还是新的页面 并演示给他们</p><p> 锚链接</p><p> 结合之前的超链接 锚点就是大船停泊时抛出的锚,只有锚固定了,船舶才能停住 同理</p><p> 只有设置锚点了超链接才能找到指定位置</p><p> 锚点的写法 也是先写 只不过这次的属性是 name=“" 就是给你的锚点起个名字</p><p> 而且这时超链接的href=”" 里面要写成#+你起的名字 最后演示效果</p> <h3>第五篇:网页制作教案10</h3> <p> 4.2 课堂任务1 首页版面的设计与制作</p><p> 课程名称:网站的设计与制作 课时数:4 教学目标:</p><p> 知识与技能:了解图层及图层样式相关概念。</p><p> 过程与方法:掌握用PhotoShop进行简单的图片处理和文字效果制作的方法</p><p> 理解首页的总体设计要求、组成要素和制作方法; 情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。教学重点:</p><p> 用PhotoShop进行简单的图片处理和文字效果制作。教学难点:</p><p> 首页总体设计要求、组成要素和制作方法的理解。教法:</p><p> 任务驱动法 学法:</p><p> 阅读,记录要点,动手操作。课前准备:</p><p> 第四章第二节素材和实例。视频教程:首页版面的设计与制作.wmv。教学过程设计:</p><p> (一)导入设计:</p><p> 色彩协调、清晰漂亮的高品质网站常常能使浏览者对整个网站留下深刻的印象。Adobe Photoshop软件能非常方便的帮助我们设计制作出漂亮的网页界面。今天我们一起来学习网站的设计。</p><p> (二)新课讲解设计:</p><p> (1)请学生带着以下问题阅读P140~142的知识预读,问题如下: A.什么是图层?图层的上下顺序跟显示结果有关系么? B.什么是图层样式?打开图层样式的方法有哪些?(2)请学生一一回答以上问题。(3)教师总结评价并补充相关要点。(4)了解任务目标。</p><p> (5)教师演示作品成品,请学生根据已有的知识猜测该图的制作过程。(6)教师演示制作该图的关键步骤,(详见教材第16页至第21页的内容)。</p><p> 操作要点及注意事项如下:</p><p> A.一般作为首页的图片大小以屏幕刚好能完全显示,并不需要滚动条为宜。B.首页在色彩的使用上要尽量与子页一致。(6)学生完成相同操作。可参考视频文件用首页版面的设计与制作.wmv。教师巡视指导。(7)学生上传作业。教师随机抽查点评。(8)教师总结评价。</p><p> (9)请学生完成任务一对照练习。</p><p> (三)小结和作业: 小结:</p><p> (1)图层的概念</p><p> (2)首页的设计要求</p><p> (3)对图像做了哪几步操作 作业:</p><p> 填写《任务评价表》并上交</p><p> 4.2 课堂任务2 内容页面版面的设计与制作</p><p> 课程名称:网站的设计与制作 课时数:6 教学目标:</p><p> 知识与技能:了解图层及图层样式相关概念。</p><p> 过程与方法:掌握用PhotoShop进行简单的图片处理和文字效果制作的方法</p><p> 理解内容页面的总体设计要求和方法; 情感与价值观:培养学生主动思考问题的习惯和自主学习的能力。教学重点:</p><p> PhotoShop相关技术的应用。教学难点:</p><p> 内容页面的总体设计要求和方法。教法:</p><p> 任务驱动法、演示法 学法:</p><p> 阅读,记录要点,动手操作 课前准备:</p><p> 第四章第二节素材和实例。视频教程:内容页面版面的设计与制作1.WMV,内容页面版面的设计与制作2.WMV。教学过程设计:</p><p> (一)导入设计:</p><p> 根据已有的首页,我们可以分析出这个网站的色彩风格,这样我们在做内容页面的时候就可以对应起来。</p><p> (二)新课讲解设计:</p><p> (1)教师展示作品成品,请学生分析首页与内容页面在色彩的使用上有什么特点。文字的处理有什么特点?</p><p> (2)请学生根据已有的知识猜测该图的制作步骤。(3)教师补充相关要点。</p><p> (4)教师演示制作该图的操作,(详见教材第149~159页的内容)。操作要点及注意事项如下:</p><p> 在已有的代码上插入对称标记的时候,要注意标记的嵌套,不要使标记交叉而导致文件出错。(5)请一位学生上台操作,其他学生完成相同操作。可参考视频文件内容页面版面的设计与制作1.WMV,内容页面版面的设计与制作2.WMV。(6)教师总结评价。</p><p> (7)学生上传作品,教师抽取部分作品展示。(8)由学生完成任务二对照练习。并上传作业。</p><p> (三)小结和作业: 小结:</p><p> (1)网站的风格(2)颜色的选取</p><p> (3)内容页面的设计技巧 作业:</p><p> (1)填写《任务评价表》并上交(2)完成本章习题。</p> </p></div></div><div class="article_like"><div class="like-txt"><div class="like-support"><a href="javascript:;" onclick="dolikes(341639)" class="article_zan_btn"><i class="zan"></i> 点赞(<label class="totalRew" id="likenum">0</label>)</a></div></div></div><a href="javascript:;" class="down-btn"><div class="download_card"><div class="card_l"></div><div class="card_c"><h4 class="title">电脑网页制作教案</h4><div class="desc">第一篇:电脑网页制作教案 电脑网页制作教案 教员:王晓燕 课时:第一课时,一个半小时 教学目标: 1.知道如何启动...</div></div><div class="card_r"><div class="btn"><i class="iconfont iconxiazai-wenjianxiazai-06"></i> 点击下载</div></div></div></a><div class="tags-share"><div class="flex-between fr"><div>分享:</div><div class="social-share" data-sites="wechat,weibo, qq, qzone"></div></div></div><div class="prev_next"><span><b>上一篇:</b><a href="https://www.wnwk.com/article/341638.html">【电脑动画制作初探》教案</a></span><span><b>下一篇:</b><a href="https://www.wnwk.com/article/341640.html">名人励志演讲稿</a></span></div><div class="copyright"><blockquote>本文2025-01-29 06:36:14发表“<a href="https://www.wnwk.com/article/list-27.html" title="合同范文">合同范文</a>”栏目。<br>本文链接:<a href="https://www.wnwk.com/article/341639.html" title="电脑网页制作教案">https://www.wnwk.com/article/341639.html</a></blockquote></div></div><div id="comment-container" class="bg-white box-shadow margin-top-sm"><div class="comment-user-login">您需要登录后才可以发表评论, <a href="javascript:;" onclick="openLogin();">登录</a> &nbsp;或者&nbsp; <a href="https://www.wnwk.com/passport/register.html?referer=https%3A%2F%2Fwww.wnwk.com%2Farticle%2F341639.html">注册</a></div></div><script type="text/javascript">var comment_page_total = 0,pagesize=10;</script><link rel="stylesheet" type="text/css" href="/assets/comment/css/comment.css?v=20251203223126"><link rel="stylesheet" href="/assets/comment/css/jquery.pagination.css?v=20251203223126" /><script src="/assets/comment/js/jquery.pagination.min.js?v=20251203223126"></script><script type="text/javascript" src="/assets/comment/js/comment.js?v=20251203223126"></script></div><div class="right-box margin-left-sm"><div class="list-box padding bg-white box-shadow"><div class="list-box-title">最新文档</div><ul class="list-news-body clear"><li><a href="https://www.wnwk.com/doc/3650077.html" title="二年级数学下册其中检测卷二年级数学下册其中检测卷附答案#期中测试卷.pdf" target="_blank">二年级数学下册其中检测卷二年级数学下册其中检测卷附答案#期中测试卷.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650076.html" title="二年级数学下册期末质检卷(苏教版)二年级数学下册期末质检卷(苏教版)#期末复习 #期末测试卷 #二年级数学 #二年级数学下册#关注我持续更新小学知识.pdf" target="_blank">二年级数学下册期末质检卷(苏教版)二年级数学下册期末质检卷(苏教版)#期末复习 #期末测试卷 #二年级数学 #二年级数学下册#关注我持续更新小学知识.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650075.html" title="二年级数学下册期末混合运算专项练习二年级数学下册期末混合运算专项练习#二年级#二年级数学下册#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf" target="_blank">二年级数学下册期末混合运算专项练习二年级数学下册期末混合运算专项练习#二年级#二年级数学下册#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650074.html" title="二年级数学下册年月日三类周期问题解题方法二年级数学下册年月日三类周期问题解题方法#二年级#二年级数学下册#知识分享 #关注我持续更新小学知识 #家长收藏孩子受益.pdf" target="_blank">二年级数学下册年月日三类周期问题解题方法二年级数学下册年月日三类周期问题解题方法#二年级#二年级数学下册#知识分享 #关注我持续更新小学知识 #家长收藏孩子受益.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650073.html" title="二年级数学下册解决问题专项训练二年级数学下册解决问题专项训练#专项训练#解决问题#二年级#二年级数学下册#知识分享.pdf" target="_blank">二年级数学下册解决问题专项训练二年级数学下册解决问题专项训练#专项训练#解决问题#二年级#二年级数学下册#知识分享.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650072.html" title="二年级数学下册还原问题二年级数学下册还原问题#二年级#二年级数学#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf" target="_blank">二年级数学下册还原问题二年级数学下册还原问题#二年级#二年级数学#关注我持续更新小学知识 #知识分享 #家长收藏孩子受益.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650071.html" title="二年级数学下册第六单元考试卷家长打印出来给孩子测试测试争取拿到高分!#小学二年级试卷分享 #二年级第六单考试数学 #第六单考试#二年级数学下册.pdf" target="_blank">二年级数学下册第六单元考试卷家长打印出来给孩子测试测试争取拿到高分!#小学二年级试卷分享 #二年级第六单考试数学 #第六单考试#二年级数学下册.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650070.html" title="二年级数学下册必背顺口溜口诀汇总二年级数学下册必背顺口溜口诀汇总#二年级#二年级数学下册 #知识分享 #家长收藏孩子受益 #关注我持续更新小学知识.pdf" target="_blank">二年级数学下册必背顺口溜口诀汇总二年级数学下册必背顺口溜口诀汇总#二年级#二年级数学下册 #知识分享 #家长收藏孩子受益 #关注我持续更新小学知识.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650069.html" title="二年级数学下册《重点难点思维题》两大问题解决技巧和方法巧算星期几解决周期问题还原问题强化思维训练老师精心整理家长可以打印出来给孩子练习#家长收藏孩子受益 #学霸秘籍 #思维训练 #二年级 #知识点总结.pdf" target="_blank">二年级数学下册《重点难点思维题》两大问题解决技巧和方法巧算星期几解决周期问题还原问题强化思维训练老师精心整理家长可以打印出来给孩子练习#家长收藏孩子受益 #学霸秘籍 #思维训练 #二年级 #知识点总结.pdf</a></li><li><a href="https://www.wnwk.com/doc/3650068.html" title="二年级数学下册 必背公式大全寒假提前背一背开学更轻松#二年级 #二年级数学 #二年级数学下册 #寒假充电计划 #公式.pdf" target="_blank">二年级数学下册 必背公式大全寒假提前背一背开学更轻松#二年级 #二年级数学 #二年级数学下册 #寒假充电计划 #公式.pdf</a></li></ul></div><div class="list-box padding bg-white box-shadow margin-top-sm"><div class="list-box-title">热门文章</div><ul class="list-news-pic-body clear"></ul></div><div class="adv margin-top-sm margin-bottom-sm"></div><div class="ranking-box bg-white box-shadow margin-top-sm"><h1>阅读排行</h1><div class="hot"><ul class="tab clearfix"><li class="active"><a href="javascript:;">周榜</a></li><li class=""><a href="javascript:;">月榜</a></li></ul><div id="hot_1" class="hotday" style="display: block;"><ul class="list-news-body clear"><li><a href="https://www.wnwk.com/article/1178551.html" title="企业间委托收款协议书范本 简洁版" target="_blank">企业间委托收款协议书范本 简洁版</a></li><li><a href="https://www.wnwk.com/article/2.html" title="保险员个人工作总结" target="_blank">保险员个人工作总结</a></li><li><a href="https://www.wnwk.com/article/830034.html" title="面试题" target="_blank">面试题</a></li><li><a href="https://www.wnwk.com/article/930904.html" title="个人土地使用权转让合同范本" target="_blank">个人土地使用权转让合同范本</a></li><li><a href="https://www.wnwk.com/article/1098284.html" title="问题整改方案多篇" target="_blank">问题整改方案多篇</a></li><li><a href="https://www.wnwk.com/article/1158083.html" title="项目计划管理、劳资管理、工程造价、招投标、资质管理等专业技术工作总结" target="_blank">项目计划管理、劳资管理、工程造价、招投标、资质管理等专业技术工作总结</a></li><li><a href="https://www.wnwk.com/article/1174011.html" title="最大限度保护劳动者合法权益是司法价值取向" target="_blank">最大限度保护劳动者合法权益是司法价值取向</a></li><li><a href="https://www.wnwk.com/article/1178490.html" title="预付款合同条款及模板大全 简洁版" target="_blank">预付款合同条款及模板大全 简洁版</a></li><li><a href="https://www.wnwk.com/article/1178943.html" title="​​童工雇佣合同范本免费下载Word版 标准版" target="_blank">​​童工雇佣合同范本免费下载Word版 标准版</a></li><li><a href="https://www.wnwk.com/article/1178974.html" title="钢材购销合同模板免费下载 简洁版" target="_blank">钢材购销合同模板免费下载 简洁版</a></li></ul></div><div id="hot_2" class="hotday" style="display: none;"><ul class="list-news-body clear"><li><a href="https://www.wnwk.com/article/1179110.html" title="分部工程质量评估报告范本 简洁版 " target="_blank">分部工程质量评估报告范本 简洁版 </a></li><li><a href="https://www.wnwk.com/article/1178551.html" title="企业间委托收款协议书范本 简洁版" target="_blank">企业间委托收款协议书范本 简洁版</a></li><li><a href="https://www.wnwk.com/article/1178490.html" title="预付款合同条款及模板大全 简洁版" target="_blank">预付款合同条款及模板大全 简洁版</a></li><li><a href="https://www.wnwk.com/article/1178916.html" title="设备购销合同范本免费下载(含预付款条款) 标准版 " target="_blank">设备购销合同范本免费下载(含预付款条款) 标准版 </a></li><li><a href="https://www.wnwk.com/article/744968.html" title="审计所述职报告多篇" target="_blank">审计所述职报告多篇</a></li><li><a href="https://www.wnwk.com/article/767320.html" title="促销广告宣传语多篇" target="_blank">促销广告宣传语多篇</a></li><li><a href="https://www.wnwk.com/article/1178330.html" title="法人身份证明书PDF模板下载 最新版" target="_blank">法人身份证明书PDF模板下载 最新版</a></li><li><a href="https://www.wnwk.com/article/930904.html" title="个人土地使用权转让合同范本" target="_blank">个人土地使用权转让合同范本</a></li><li><a href="https://www.wnwk.com/article/1179056.html" title="含股权比例的股东证明范本 通用版 " target="_blank">含股权比例的股东证明范本 通用版 </a></li><li><a href="https://www.wnwk.com/article/2306.html" title="仪表维修班长工作总结2014" target="_blank">仪表维修班长工作总结2014</a></li></ul></div></div></div><div class="list-box bg-white box-shadow margin-top-sm"><div class="list-box-title">热门标签<a href="https://www.wnwk.com/article/tags.html" title="更多标签" target="_blank"><i class="iconfont icon-more"></i></a></div><div class="tag-hot"><a class="tag" href="https://www.wnwk.com/article/tag-fanben.html" target="_blank"># 范本</a><a class="tag" href="https://www.wnwk.com/article/tag-zuixinban.html" target="_blank"># 最新版</a><a class="tag" href="https://www.wnwk.com/article/tag-hetongfanben.html" target="_blank"># 合同范本</a><a class="tag" href="https://www.wnwk.com/article/tag-biaozhunban.html" target="_blank"># 标准版</a><a class="tag" href="https://www.wnwk.com/article/tag-jianjie.html" target="_blank"># 简洁</a><a class="tag" href="https://www.wnwk.com/article/tag-moban.html" target="_blank"># 模板</a><a class="tag" href="https://www.wnwk.com/article/tag-hetong.html" target="_blank"># 合同</a><a class="tag" href="https://www.wnwk.com/article/tag-xieyi.html" target="_blank"># 协议</a><a class="tag" href="https://www.wnwk.com/article/tag-tongyong.html" target="_blank"># 通用</a><a class="tag" href="https://www.wnwk.com/article/tag-tiaokuan.html" target="_blank"># 条款</a><a class="tag" href="https://www.wnwk.com/article/tag-xieyishu.html" target="_blank"># 协议书</a><a class="tag" href="https://www.wnwk.com/article/tag-yangben.html" target="_blank"># 样本</a><a class="tag" href="https://www.wnwk.com/article/tag-geshi.html" target="_blank"># 格式</a><a class="tag" href="https://www.wnwk.com/article/tag-xiazai.html" target="_blank"># 下载</a><a class="tag" href="https://www.wnwk.com/article/tag-zulin.html" target="_blank"># 租赁</a><a class="tag" href="https://www.wnwk.com/article/tag-geren.html" target="_blank"># 个人</a><a class="tag" href="https://www.wnwk.com/article/tag-qiye.html" target="_blank"># 企业</a><a class="tag" href="https://www.wnwk.com/article/tag-zhengming.html" target="_blank"># 证明</a><a class="tag" href="https://www.wnwk.com/article/tag-hezuo.html" target="_blank"># 合作</a><a class="tag" href="https://www.wnwk.com/article/tag-shigong.html" target="_blank"># 施工</a></div></div><script type="text/javascript">$('.ranking-box>.hot>.tab>li').on('click', function () { $(this).addClass('active').siblings().removeClass('active'); $(this).parent().parent().children('.hotday').hide().eq($(this).index()).show(); }) </script></div></div><script type="text/javascript">var id = 341639; var base = { useract:0, contentid: 341639, catid: 27, shopid: 0, userid: 0, url:{ vip: 'https://www.wnwk.com/vip.html', fav: 'https://www.wnwk.com/api/index/favorite.html', regard:'https://www.wnwk.com/api/index/follow.html', like: 'https://www.wnwk.com/article/index/dolikes.html', recharge: 'https://www.wnwk.com/member/index/recharge.html', down: 'https://www.wnwk.com/article/down/init.html', downfile: 'https://www.wnwk.com/article/down/downfile.html', } }; $(function(){ //浏览数+1 $.post(BASE_URL+'article/index/views',{id:id},function (res) {}); }) </script><div class="sidebar"><a class="copy-btn" href="javascript:;" data-clipboard-action="copy" data-clipboard-target="#download-content"><span>一键复制</span></a><a class="down-btn" href="javascript:;"><span>下载文档</span></a><a href="http://wpa.qq.com/msgrd?v=3&uin=569242693&site=qq&menu=yes" class="gf_tousu"><span>联系客服</span></a></div><div class="download-content" id="download-content"></div><script src="/assets/js/clipboard.min.js?v=20251203223126"></script><script type="text/javascript">document.addEventListener('copy',function(e){ base.useract=0; $.ajax({ url : base.url.down, type : 'get', async: false, data : {contentid:base.contentid,type:0}, success : function(res){ if (res.status == 1) { paymodal(res.body); e.preventDefault(); if (e.clipboardData) {// 标准浏览器 e.clipboardData属性 e.clipboardData.setData('text/plain', ''); }else { // IE 全局clipboardData属性 window.clipboardData.setData('text', ''); } }else if(res.status == 2){ toast({msg:'复制成功',type:'success'}); }else if(res.status == -1){ e.preventDefault(); if (e.clipboardData) {// 标准浏览器 e.clipboardData属性 e.clipboardData.setData('text/plain', ''); }else { // IE 全局clipboardData属性 window.clipboardData.setData('text', ''); } openLogin(); }else{ e.preventDefault(); toast({msg:res.msg}); if (e.clipboardData) {// 标准浏览器 e.clipboardData属性 e.clipboardData.setData('text/plain', ''); }else { // IE 全局clipboardData属性 window.clipboardData.setData('text', ''); } } }, fail:function(){ toast({msg:'网络服务异常,请重试...',type:'error'}); return false; } }); }); window.ontouchstart = function(e) { _time = setTimeout(function(){ longPress(); },400); }; window.ontouchmove = function(e) { clearTimeout(_time); _switch = true; }; window.ontouchend = function(e) { clearTimeout(_time); if(_switch){ _switch = false; return; }else{ //触摸点击事件执行 } }; </script><link rel="stylesheet" href="/assets/plugin/share/share.min.css?v=20251203223126"><script src="/assets/plugin/share/jquery.share.min.js?v=20251203223126"></script><script src="/assets/article/js/content.js?v=20251203223126"></script><div class="ui-cover"></div><div class="ui-modal animated"><div class="ui-modal-content"><i class="iconfont iconclose close-modal"></i><div class="ui-modal-top"></div><div class="ui-modal-body"></div></div></div><div class="ui-dialog animated"><div class="ui-dialog-content"><div class="ui-dialog-body">确认删除?</div><div class="ui-dialog-footer"><span class="ui-btn ui-btn-default ui-btn-sf">取消</span><span class="ui-btn ui-btn-primary ui-btn-sf">确定</span></div></div></div><div class="ui-tip animated"><div class="ui-tip-content"></div></div><footer><div class="container footer flex-between"><div class="footer-left"><div class="field-item"><a href="/about.html" title="关于我们" rel="nofollow">关于我们</a><a href="/statement.html" title="隐私协议" rel="nofollow">隐私协议</a><a href="/contactus.html" title="联系我们" rel="nofollow">联系我们</a><a href="/agreement.html" title="用户协议" rel="nofollow">用户协议</a><a href="/disclaimer.html" title="免责声明" rel="nofollow">免责声明</a><a href="/advertisement.html" title="广告投放" rel="nofollow">广告投放</a><a href="/partnership.html" title="市场合作" rel="nofollow">市场合作</a><a href="/sitemaps.xml" title="网站地图" target="_blank">网站地图</a></div><div class="margin-top-lg"><span class="margin-right-xs">若发现您的权益受到侵害,请立即联系客服,我们会尽快为您处理</span></div><div class="margin-top-sm"><span class="margin-right-xs">客服电话 5 * 9小时</span><span class="margin-right">客服电话:18536816838</span><span class="margin-right">客服QQ:569242693</span><span>客服邮箱:569242693@qq.com</span></div></div><div class="footer-right fr"><div class="qr-img"><img src="https://file.wnwk.com/uploads/files/202501/25/af074197-4d81-491d-a5e3-51f07e48fa55.jpg">微信公众号</div></div></div><div class="footer-bottom"><div class="container flex-between"><div>版权所有 2022-2024 蜗牛文库</div><div class="field-item"><a target="_blank" href="https://beian.miit.gov.cn/" rel="nofollow">浙ICP备2024059924号-2</a><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=2024059924" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;margin-left:10px" rel="nofollow"><img src="/assets/images/gongan.png" style="float:left;"/>浙公网安备2024059924号</a> 电信增值业务许可:浙B2-20235062号 &nbsp;&nbsp; 出版物许可证号:MF13200号</div></div></div></footer><link rel="stylesheet" type="text/css" href="/assets/kefu/css/iconfont.css?v=20251203223126"><link rel="stylesheet" type="text/css" href="/assets/kefu/css/serv-kefu.css?v=20251203223126"><div id="jiuniao-kefu" class="jiuniao-kefu-right-bottom"><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qq jiuniao-icon-link"><span class="jiuniao-icon-title">QQ</span></a><div class="jiuniao-serv-box"><ul><li><span class="jiuniao-serv-title">QQ</span><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=569242693&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:569242693:41" alt="点击这里给我发消息" title="点击这里给我发消息"></a></li></ul></div></div><div class="jiuniao-icon-item"><a href="javascript:;" class="kefu kefu-qrcode jiuniao-icon-link"><span class="jiuniao-icon-title">微信客服</span></a><div class="jiuniao-serv-box"><ul><li><img width="100%" src="https://file.wnwk.com/uploads/files/202501/25/af074197-4d81-491d-a5e3-51f07e48fa55.jpg"><span class="jiuniao-serv-title">微信客服</span></li></ul></div></div><div class="jiuniao-icon-item jiuniao-backtop" id="jiuniao_backtop"><a href="javascript:;" class="kefu kefu-top jiuniao-icon-link"><span class="jiuniao-icon-title">回到顶部</span></a></div></div><script type="text/javascript" src="/assets/desk/desk-install.js?v=20251203223126"></script></body></html>

第一行第一列 第一行第二列
第二行第一列 第二行第二列