下载网页教案

时间:2019-05-13 22:19:06下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《下载网页教案》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《下载网页教案》。

第一篇:下载网页教案

下载网页教案

一、学习目标:

(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安装应用

在学网页创建中,有一款非常重要的软件叫DW软件,它件全称:Dreamweaver,被称为网页三剑客之一. DW软件学习内容: 1.DW软件下载安装

2.创建HTML文档和CSS样式表并将二者关联起来 3.DW软件的应用 A.HTML文档的创建 1.打开DW软件

2.如果想创建一个HTML文档,只要点击“新建”下面的HTML,这个就完成了一个HTML文档的创建。

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

第三篇:网页制作教案

网页制作与设计教案

第一讲 网页设计概述....................................................................................................................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><h2><a name="4" >第四篇:《网页制作》教案范文</a></h2><p>《信息技术》第三册</p><p>新课程标准教案</p><p>制作第一个网页(网页诞生了)</p><p>[教学目的]</p><p>1.通过浏览几个精彩网页,激发学生制作网页的学习兴趣。</p><p>2.熟练掌握启动Frontpage 2000,熟悉Frontpage2000文件菜单和常用工具的使用方法,新建“只有一个网页的站点”的操作步骤,从中认识Frontpage2000的主界面,理解创建网站的意义.</p><p>3.网页的基本步骤,了解创建网页的过程学会在网页中输入文字、编辑文字、插入图片的方法,培养学生搜集、处理信息的能力。</p><p>4.作网页,培养学生学习制作网页的兴趣</p><p>[教学重点]</p><p>创建网站的过程,制作、编辑网页的基本方法。Frontpage2000的窗口组成,[教学难点]</p><p>保存网页文件的方法,创建网站的意义</p><p>[教法设计]</p><p>演示、练习、讲授、启发引导、任务驱动</p><p>[导入新课]</p><p><讲述>在因特网上,我们可以用IE浏览器获取万维网中各种有价值的信息。同时看到许多</p><p>组织机构甚至个人都在万维网上拥有自己的网页。</p><p>让学生打开“网上邻居”的“网页”文件夹,浏览从网上下载的几个精彩网页。</p><p><归纳> 你们有没有想过自己制作一个网页呢?把自己想要表述的内容,自己喜欢的作文、图片通过网页展示给同学或更多的朋友观看、欣赏、浏览。</p><p>[讲授新课]</p><p><布置任务> 制作第一个网页</p><p><提问> 网页制作不是一件简单的事情,而是按一定的顺序一步步进行的。请同学们回忆制作网页前应作哪些准备工作?</p><p><归纳> 现在开始创建网页.我们选用功能强大,操作简单的工具Frontpage 2000来制作。</p><p>一.启动Frontpage 2000</p><p><讨论> 进入到Frontpage 2000界面后,比比看,这个软件与以前学过的Word 2000与Excel2000有什么相同与不同之处呢?(展示两软件界面的图片)</p><p><归纳> 相同之处是:窗口相似,都有常见的标题栏、菜单栏和工具栏。不同的是:多了一个如教材的图2—2—2所示:1.编辑模式标签卡2.视图框。</p><p>二.建立只有一个网页的站点</p><p><思考> 为什么不新建一个网页,而要新建一个站点呢?</p><p><演示> 新建FrontPage 2000中“个人站点”来启发引导.</p><p><小结> 一般来讲,网页文件总是存放在特定的站点中便于管理。因此,第一次制作网页之前需建立一个存放网页文件的专用站点。</p><p><学生练习>教材P76试试看</p><p>对于初学者,通常选用“只有一个网页的站点”,今后根据需要可以向网站中添加新的网页。</p><p><提问> 看书P76页图2-2-6,仔细观察文件夹列表中唯一的一个网页名称是什么?(它是什么文件?)</p><p><归纳> index.htm被命名为主页,即进入网站时看到的第一个网页。</p><p>三.在主页面编辑模式下插入文字,插入图片。</p><p><讲授> 我们知道文字,图片,动画是网页组成的基本元素。</p><p>教案设计:陡埠中学</p><p>彭荣兵</p><p>《信息技术》第三册</p><p>新课程标准教案</p><p>今天我们就在空白的主页中加入文字和图片,制作一个简单的网页。</p><p><老师演示启动Frontpage 2000,新建“一个网页的站点”直至打开INDEK.HTM主页的整个步骤)</p><p><布置任务)</p><p>打开主页文件,在右边主页页面编辑窗,中完成如下任务:</p><p>1.将准备好的介绍班集体的文字(主题和正文)插入(复制,粘贴)到页面中。</p><p>2.从计算机E盘里找到存储的“集体照”图片插入到网页中。</p><p>复习WORD中学过的文字编辑、排版,插入图片的方法。</p><p><部分学生演示插入图片的方法,教师重复演示并加以补充></p><p><宣布比赛开始></p><p><学生操作,教师指导></p><p><对在操作的过程中遇到的共性问题给予指导></p><p>问题:</p><p>学生插入图片后将其移动到合适的位置及调整图片大小.</p><p><解决方法></p><p>1.老师引导,讲解;2.学生演示;3.学生相互讨论。</p><p>四.预览网页</p><p><讲授> 编辑工作完成后就能观看制作的效果了.可以保存之后在IB浏览器中观看,也可以直接通过预览模式标签卡预览、浏览.请同学们参考教材的图示切换“预览”标签卡,预览制作的网页。</p><p><展示几个学生的优秀作品,师生共同评价></p><p>评选出网页制作的“速度奖”、“设计奖”、“美观奖”。</p><p>五、保存制作的网页</p><p>网页制作完成,需要将它保存下来.请同学们按照教材P78页上的操作步骤将网页文件分别存放在images和_private文件夹中。</p><p><学生自行操作></p><p><归纳)在创建网站的同时系统自动地创建了images和_private文件夹。其中images文件夹用来保存网页中使用的图像文件,而private文件夹则保存一些参考文件和其他一些重要数据.鉴于此,希望同学们以后要学会分门别类地存放数据、资料和信息,养成整洁、条理的好习惯。</p><p><课堂总结> 今天用网页制作工具Frontpage 2000创建了一个只有一个网页的站点,在主页中加入了文字和图片,制作了一个简单的网页.这只是网页制作的第一步,精彩的网页还要不断地加工、美化和修饰,例如:配上美丽的背景,加上好看的花边和配上动听的音乐,使之变得更完美。</p><p><课后小记></p><p>本着以学生为主体的原则,我在本课的教学中设计先让学生浏览网上下载的精彩网页,借以激发他们学习制作网页的兴趣,然后从启动Frontpage 2000开始,直至网页制作完成,老师只是一步步的启发引导,起着主导的作用,大部分时间都是学生自己动手动脑操作,整堂课课堂气氛活跃,收到了较好的教学效果。</p><p>教案设计:陡埠中学</p><p>彭荣兵</p><h2><a name="5" >第五篇:网页教案3</a></h2><p>第二章:一简单的网页(5节,含上操作课)</p><p>一、表格的处理</p><p>1、表格的宽度</p><p>原则:在任何一台电脑上不应出现水平滚动条(垂直滚动条则允许),760。</p><p>2、表格的对齐方式:隐含表格的对齐方式应设为:居中对齐</p><p>3、表格边框的粗细:隐含表格(边框的值为0)</p><p>4、表格相应单元格“自动扩张”的解决</p><p>二、水平线的设置</p><p>1、利用<hr>标签</p><p>Align:对齐方式Center:居中Right: 右对齐left: 左对齐 color:水平线的颜色width:水平线的宽度(即线有多长)</p><p>size:水平线的厚度(即线有多粗)noshade:是否有阴影</p><p>2、利用Photoshop制作水平线</p><p>单的水平线(垂直线)混色水平线(垂直线)</p><p>三、文字的输入及编辑</p><p>1、空格的输入</p><p>2、换行</p><p>1)硬换行: Enter(前后两个段落)2)软换行:Shift+ Enter(前后为一个段落)</p><p>四、图片与文字混排</p><p>1、加载图片</p><p>2、文字输入项目符号和编号</p><p>3、图片和文字的排列方式</p><p>五、波浪线的制作</p><p>六、加载日期(不会自动更新,仅是最近保存网页的系统日期)</p><p>七、给文字增加滚动条</p><p>1、层的应用</p><p>2、层与表格的混合应用 注意: 1)先加载表格</p><p>2)向表格中插入层,调整层的大小(也就是文本要显示的区域)3)将层的溢出属性设置为:Auto Position:relative(相对定位)Left:0px Top:0px</p><p>八、利用Photoshop处理图片</p><p>1、抓取图片</p><p>2、裁切图片</p><p>3、在图片上添加文字</p><p>4、保存图片</p><p>九、设置页面属性</p><p>上</p><p>机</p><p>实</p><p>验</p><p>一、实验题目:</p><p>制作一个简单的网页</p><p>二、实验目的:</p><p>熟悉水平线的制作方法、体会表格在网页布局中的作用,当多个元素被加载在页面中时如何排版。</p><p>三、实验要求:</p><p>1、利用层将文本区域增加滚动条</p><p>2、设置水平线</p><p>3、对图片和文字进行排版</p><p>4、增加系统日期</p><p>三、实验步骤(请写出在网页中对文本区域设置滚动条时的操作步骤)</p> </div> </article> <a href="#" tpid="25" target="_self" class="download_card jhcdown" rel="nofollow"> <img class="download_card_pic" src="//static.xiexiebang.com/skin/default/images/icon_word.png" alt="下载下载网页教案word格式文档"> <div class="download_card_msg"> <div class="download_card_title" style="text-decoration:none;">下载下载网页教案.doc</div> <div class="download_card_tip">将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。</div> </div> <div class="download_card_btn"> <img src="//static.xiexiebang.com/skin/default/images/icon_download.png"> <div class="downlod_btn_right"> <div>点此处下载文档</div> <p>文档为doc格式</p> </div> </div> </a> <div class="post-tags mt20 mb30"><span>相关专题</span> </div> <div class="single-info mb40"><span class="hidden-xs ">网址:https://www.xiexiebang.com/a11/2019051322/dc1183204dc9df27.html</span><br>声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。 </div> <div class="single-xg mb40"> <div class="con-title"> <h3><a name="6"></a>相关范文推荐</h3> </div> <div class="sticky mb20"> <ul><h2 class="mb20"><a href="/a1/2019051219/8ab5252d4a8aef37.html" target="_blank">网页教案2</a></h2><p>注意:做为一个优秀的网站工作者及维护者应该有很强的逻辑思维能力(即所有的文件都放在什么位置自己心里要有谱,管理维护起来能够得心应手),不能让打开你网站的用户感到“乱的一塌......</p><h2 class="mb20"><a href="/a1/2019051219/ed4d4b6ec48afb04.html" target="_blank">网页教案1</a></h2><p>网页制作---序言(理论课:1节) 一、常用网页制作工具 1、FontPage2000(Office办公软件) 2、Dreamweaver MX 2004 二、美化网页的工具 1、Flash动画(动画制作工具) 2、PhotoShop(图......</p><h2 class="mb20"><a href="/a1/2019051216/323560535e3cece7.html" target="_blank">电子表格和网页教案</a></h2><p>第一章 引言 教学目的: 1.总结上学期期末考试情况; 2.安排本学期的学习计划和任务。 教材分析及教学过程: 引言:大家好,新的学期开始了,我又看到各位同学生龙活虎的样子,心里非......</p><h2 class="mb20"><a href="/a5/201905130/f0b5bafafc388bd3.html" target="_blank">《网页制作》教案(范文大全)</a></h2><p>《网页制作》教案 潘有寅 一、说教材: (一)教材分析:现在网络快速发展,广大的学生接触,使用INTERNET的机会也大大增加,学生在使用网络 获取信息时,更多的是通过浏览网页这一方式,......</p><h2 class="mb20"><a href="/a5/2019051223/5c5766cd995d68ed.html" target="_blank">网页制作教案</a></h2><p>第一节 制作简单的网页 (一)教学对象分析 学生在学习本内容前,已经学习了利用Word制作简单的网页,并且初步掌握了制作网页的一般流程及基本操作,具有进一步学习的能力。 (二)教学目......</p><h2 class="mb20"><a href="/a5/201905130/e85622ac68f7da7c.html" target="_blank">《表单网页》教案</a></h2><p>《表单网页》教案 【教学目标】 1.知识与技能 ⑴了解表单网页的概念和作用; ⑵掌握表单网页的制作方法。 2.过程与方法 通过阅读课本、观看演示回忆、感受表单网页的作用;在递进......</p><h2 class="mb20"><a href="/a5/201905130/f95e2102644e36df.html" target="_blank">计算机网页教案</a></h2><p> 五年级上册计算机教案(一课时) 学习目标: 1、了解Frontpage2003的主要作用,了解网页的初步知识,对网页制作页面工具的作用具有初步了解; 2、学会将搜集的图片文本素材存放相关......</p><h2 class="mb20"><a href="/a5/201905130/63b46e4b67737b41.html" target="_blank">网页设计教案</a></h2><p>课程: 课时: 教学对象:教师: 公 开 课 教 案 课题:时间:地点:多媒体教室五 教学目标:  严格把握信息产业部关于“网页设计师”职业技能鉴定大纲,使学生能够最大程度满足企业对网页......</p></ul> </div> </div> </div> </div> <div class="right-content-box wow fadeInRight delay300 right-content"> <script src="/e/member/login/loginjs.php"></script> <div class="sidebar"> <div id="sidebar" role="complementary"> <aside id="recent-posts-3" class="widget widget_recent_entries"> <h3 class="widget-title">猜你喜欢</h3> <ul class="new-list"><li><a href="/a5/201905130/e215a5fe852fe701.html" title="《框架网页》教案" target="_blank">《框架网页》教案</a></li><li><a href="/a5/201905130/84cb5012f197b7e3.html" title="网页制作教案" target="_blank">网页制作教案</a></li><li><a href="/a15/201905152/94b0a5becb57addb.html" title="网页元素教案" target="_blank">网页元素教案</a></li><li><a href="/a5/2019051223/a022a0f83c29056f.html" title="dreamweaver网页制作教案" target="_blank">dreamweaver网页制作教案</a></li><li><a href="/a5/2019051223/4a1fcd73c7704b86.html" title="《网页开发工具》教案(王君)" target="_blank">《网页开发工具》教案(王君)</a></li><li><a href="/a5/201905130/25a43d202be268b5.html" title="网页中表格教案" target="_blank">网页中表格教案</a></li><li><a href="/a5/201905130/c5490e1b192f1929.html" title="《我的网页》教案" target="_blank">《我的网页》教案</a></li><li><a href="/a5/2019051223/c35ea2a4d6d422b5.html" title="网页制作教案10" target="_blank">网页制作教案10</a></li><li><a href="/a5/2019051223/186e17ac96ff4b29.html" title="网页制作基础知识 教案" target="_blank">网页制作基础知识 教案</a></li><li><a href="/a5/201905131/1d2ce692767f49eb.html" title="dreamweaver8网页设计教案" target="_blank">dreamweaver8网页设计教案</a></li></ul> </aside> </div> </div> </div> </div> </div> </section> <section id="footer" class="p30"> <div class="container"> <div class="footer-top clearfix"> <div class="copyr"> <div class="footer-menu clearfix mb10"> <ul class="footer-menu-con"> <li><a href="/a1/">1号文库</a></li><li><a href="/a2/">2号文库</a></li><li><a href="/a3/">3号文库</a></li><li><a href="/a4/">4号文库</a></li><li><a href="/a5/">5号文库</a></li><li><a href="/a6/">6号文库</a></li><li><a href="/a7/">7号文库</a></li><li><a href="/a8/">8号文库</a></li><li><a href="/a9/">9号文库</a></li><li><a href="/a10/">10号文库</a></li><li><a href="/a11/">11号文库</a></li><li><a href="/a12/">12号文库</a></li><li><a href="/a13/">13号文库</a></li><li><a href="/a14/">14号文库</a></li><li><a href="/a15/">15号文库</a></li> </ul> </div> <p>Copyright © 2018 <a href="/">写写帮文库</a> All Rights Reserved &nbsp;&nbsp;<a target="_blank" href="http://www.beian.miit.gov.cn" rel="nofollow"> 浙ICP备11058632号</a>&nbsp;&nbsp; <script type="text/javascript" src="//static.xiexiebang.com/skin/default/js/tj.js"></script></p> </div> </div> </div> </section> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/superfish.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/jquery.slicknav.js'></script> <script type='text/javascript' src='//static.xiexiebang.com/skin/default/js/xs.js'></script> <div class="right_bar hidden-xs "> <ul> <li class="rtbar_li1" style="left: 0px;"><a><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon3.png"><span id="call_tel"></span></a></li> <li class="rtbar_li2"> <a href="javascript:void(0);"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon4.png"> </a> <div class="rtbar_shwx" style="display: none;"> <img width="188" height="188" alt="微信二维码" src="//static.xiexiebang.com/skin/default/images/wechat.png"> </div> </li> <li class="rtbar_li3" style="left: 0px;"> <a href="tencent://message/?uin=2261362615&amp;Menu=yes"> <img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon2.png"> 点击咨询 </a> </li> <li class="rtbar_li5"><a href="#1">第一篇</a></li> <li class="rtbar_li6"><a href="#2">第二篇</a></li> <li class="rtbar_li7"><a href="#3">第三篇</a></li> <li class="rtbar_li8"><a href="#4">第四篇</a></li> <li class="rtbar_li9"><a href="#5">第五篇</a></li> <li class="rtbar_li10"><a href="#6">更 多</a></li> <li class="rtbar_li4 gotop"> <a href=""><img src="//static.xiexiebang.com/skin/default/images/rtbar_liicon1.png"> </a></li> </ul> </div> </body> </html>

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