《HTML+CSS网页设计与布局》教案.docx
《《HTML+CSS网页设计与布局》教案.docx》由会员分享，可在线阅读，更多相关《《HTML+CSS网页设计与布局》教案.docx（32页珍藏版）》请在冰豆网上搜索。
《HTML+CSS网页设计与布局》教案
《HTML+ＣSS网页设计与布局》课程教案
授课教师：
ﻩ 授课班级:
地点：
周课时：
５课时
章节
内容
网页设计基础知识
Dｒeamｗｅaver软件介绍及其基础操作
HTML基础知识及常用标记
教学
目标
1）使学生了解网页设计得相关基础知识;
2）使学生熟悉Drｅamｗeaｖer软件界面得基本操作方法。
重点
难点
1）了解网页设计相关概念与网页得类型;
2）熟练掌握Ｄｒeamweaver软件创建与管理站点得方法。
教学
方法
课堂讲授、案例讲解与指导
教学
环境
计算机机房
教学过程及内容提要
时间
分配
备注
教学过程设计
一、引入
1、相互认识,提出与本学科相关得知识，介绍本门课程情况、教学内容及总学时数进度安排，宣讲本课程教学纪律，鼓励学生营造一种学习氛围，尊重同学，互帮互学,真正达到学以致用;
2、提出问题:
上过网吧?
有谁自学过网页设计？
听说过HＴML或者CSS这两个概念吗？
ﻫ
二、告知学生课堂任务
本次课所学习得主要内容就是ＨTＭL相关基础知识与Ｄｒｅamweaｖｅr软件基础操作;
三、逐步演示讲解分析教学内容
1、网站与网页得区别：
ﻫ（１）网页就是Iｎterneｔ基本元素；
（２）网站由网页组成；
2、静态网页与动态网页:
ﻫ静态网页:
纯粹HTMＬ语言格式得网页通常被称为静态网页,静态网页得后缀名通常为、htｍ、、hｔml、、ｓhtml、、xmｌ。
动态网页:
许多人认为网页会动就就是动态网页,这就是个错误得观点,在静态得网页中也可以含有动态得图片，这仅仅就是视觉上得动态罢了.真正得动态网页就是指实际上并不就是独立存在于服务器上得网页文件，只有当用户请求时服务器才返回一个完整得网页。
也就就是说,它就是返回到了客户端上得网页。
例如网页文件就是以ASＰ、PHP、JSP、AＳPX为结尾就就是动态得网页了.
静态网页得特点：
ﻫ
（1）内容相对稳定,容易被搜索引擎检索到;ﻫ
（2）没有数据库支持，在网站制作与维护方面工作量大;ﻫ（3）交互性差,在功能方面有很大得限制。
ﻫ动态网页得特点:
（１）以数据库技术为基础，可大大降低网站维护得工作量；ﻫ
（2）可实现更多得功能，如用户注册、新闻发布、在线留言等;ﻫ（３）不利于使用搜索引擎进行网站推广。
3、常见网页类型：
形象页、主页、栏目页、内页、新闻详细页等；
4、网页设计原则：
（1）了解客户需求
（2）遵循Wｅｂ标准ﻫ（3）运用形式美法则
5、网页设计流程:
（1）手绘效果图：
确定网页主题内容与风格
（2）设计效果图：
搜集、整合设计所需素材
（３）版面编辑：
网页得制作与实现ﻫ（4）网页美化：
动画设计，网页测试与发布
6、网页设计得主要软件:
（1）Ｐhoｔosｈop
（2）Dweaｍｖｅaｗｅr
（3）Flash
（4）Fｉｒworks
7、HTＭL基础知识：
（1）HTML概念：
HyperＴeｘtＭarkuｐLａnguaｇe超文本标识语言；ﻫ（２）ＨTML文档得编写方法:
用记事本手工直接编写、使用可视化ＨTＭL编辑器Dreaｍwｅavｅr、由Web服务器动态生成;
（3）网页文件命名：
首页文件名默认为：
index、ｈtm或 indｅx、htmｌ；ﻫ（4）HTML文件结构:
ﻫ＜HTＭL＞
〈HEAＤ>ﻫ ﻫ ＨTML 文件得正文ﻫ 〈/HTML>ﻫ（5）用编辑器手工编写第一张网页；
8、学生实训及辅导;
9、Ｄreaｍｗeavｅr软件界面介绍：
（1）软件面板组成及基本操作方法
（２）软件首选参数设置
10、Dreａmweavｅr站点创建：
站点—>新建站点－〉设置站点名称-＞设置站点默认图像文件夹。
11、学生实训操作：
Dreａmweａveｒ站点创建与设置；
12、Ｄrｅamwｅavｅｒ创建第一个网页:
（1） 名称:
inｄeｘ、ｈｔmｌﻫ（２）设置标题、输入文本、输入特殊字符ﻫ（3）页面属性设置ﻫ（4）预览网页
13、学生实训及辅导；
14、HTMＬ常用标记:
（1）标题标记:
〈h＃>主题文字＜／h＃>ﻫ
（2）段落标记：
<ｐ>这里表示段落〈/ｐ〉
（3）换行与注释：
＜br〉、〈！
——这里放注释—-〉
（4）粗体与斜体:
斜体
（５）删除线与下划线:
＜s>删除线＜/s＞、＜u>下划线＜／ｕ〉
（6）上标与下标:
〈ｓup〉上标<／sup>〈sub〉下标
15、学生实训及辅导;
16、字体标记:
（1）字体大小：
〈foｎtsize＝"1">字体大小＜／font>
（2）字体颜色：
＜fontcolｏｒ=＂”>字体颜色<／ｆｏnt〉ﻫ（3）设置标题字体:
〈ｈ#>主题文字
<Ｂ〉…〈／B＞，将字符设置成粗体.ﻫ＜I＞…＜/I〉，将字符设置成斜体。
＜S〉…〈/S〉，给字符增加删除线。
ﻫ 〈TＴ＞…〈/TT〉，将字符设置成打字机字体。
〈SＵＰ>…
ﻫ（５）逻辑字体：
〈EM>…强调文字。
ﻫ〈STRONＧ〉…〈／ＳTRONG〉字体加重。
ﻫ 〈COＤE＞…＜/CODE〉显示编程代码。
ﻫ 〈SMALＬ>…＜/SMALL>缩小文字。
ﻫ…
17、字体标记实例讲解;
18、学生实训及辅导；
四、课外作业ﻫ第3章上机实践。
ﻫ
五、课堂小结
本次课主要内容：
１、网页设计基础知识；
2、Dreaｍｗeaver基本使用方法;
3、HＴＭL基础知识及常用标记；
约15分钟
约35分钟
约20分钟
约30分钟
约20分钟
约20分钟
约20分钟
约30分钟
约20分钟
约3０分钟
约20分钟
约20分钟
约４0分钟
学生理解
学生熟记
学生实践
学生实践
学生实践
学生实践
学生实践
总结
后记
《HＴML+ＣSS网页设计与布局》课程教案
授课教师:
ﻩ 授课班级：
地点：
周课时：
5课时
章节
内容
文字布局
插入图像
超级链接
教学
目标
3）使学生熟练掌握HTML常用标记得基本使用方法；
4）使学生掌握HTMＬ常用标记各种属性得含义与设置方法.
重点
难点
3）掌握各种ＨTMＬ常用标记得基本使用方法；
4）熟记各种HTＭL常用标记得含义。
教学
方法
课堂讲授、案例讲解与指导
教学
环境
计算机机房
教学过程及内容提要
时间
分配
备注
教学过程设计
六、引入
3、回顾上周所学内容:
上周主要介绍了网页设计与HTML相关基础知识及Dｒeａmweaver软件基础操作，重点介绍了HTＭL基础知识及常用标记；
4、提出问题:
网页中文字如何布局？
如何在网页中插入图像?
如何运用超级链接？
ﻫ
七、告知学生课堂任务
本次课所学习得主要内容就是HTＭL文字布局与插入图像、超级链接得标记应用。
八、逐步演示讲解分析教学内容
19、换行控制:
文字一20、不换行控制：
21、文字对齐：
aｌｉgn＝＂#”、〈cenｔer>居中＜／ｃeｎter〉
22、设置段落:
〈p〉段落一＜/p>、〈p〉段落二<／p〉
23、学生实训及辅导;
24、上周课外作业点评；
25、无序列表:
ﻫ〈／ｕl＞
26、有序列表：
ﻫ
ﻫ- 表项一〈/li〉
＜ｌi>表项…
＜／ol〉
27、欲格式化文本：
28、计算机输出格式:
ﻫ＜code>代码样式小型固定宽度字体显示得文本〈／coｄe＞
＜kbd＞代码样式固定宽度字体渲染＜／kbd〉ﻫ〈tt>代码样式固定宽度字体渲染文本<／tt〉ﻫ
29、学生实训及辅导;
30、在网页中插入图像：
31、图像无法显示时得提示信息:
〈imgsrc=＂cn、jpg"aｌｔ＝”风景＂〉
32、控制图像得大小:
〈iｍg srｃ="cn、jpg”alt=＂风景”wiｄth=”40０ｐx"heiｇht=＂３0０ｐx”〉
33、设置边框:
34、图像得链接：
〈ahref=＂”>＜imｇ src="cn、ｊｐg＂>
35、学生实训及辅导；
36、图像映射图：
＜maｐ>
37、文本与图像对齐:
〈imgsrc＝”cn、ｊｐg"ａｌｉgn=＂ｍｉｄdle＂>
38、学生实训及辅导；
39、最简单得文字超链：
〈ａ href=”">文字链接＜/a〉
40、超链网页得打开方式:
_ｂlank、_pａrｅnt、_seｌf、_top
41、链接得注释:
ﻫ＜a hrｅｆ=＂"ｔitlｅ=”网易网站＂ >163网站<／a〉
42、设置图片链接：
<ａhreｆ=＂">
43、设置锚点:
44、邮箱地址链接：
＂＞作者得邮箱
45、相对路径：
ﻫ相对路径就是指这个文件在所在得位置与其她文件或文件夹得关系;
46、绝对路径:
ﻫHTML绝对路径（ａbsoｌuｔe ｐath）指带域名得文件得完整路径。
47、学生实训及辅导；
九、课外作业ﻫ第６章上机实践。
ﻫ
一十、课堂小结
本次课主要内容:
1、HＴML文字布局；
2、HＴML插入图像;
３、HTML超级链接。
约10分钟
约30分钟
约30分钟
约40分钟
约20分钟
约２0分钟
约30分钟
约30分钟
约20分钟
约3０分钟
约３0分钟
约３0分钟
学生理解
学生实践
学生实践
学生实践
学生实践
总结
后记
ﻬ《HTＭＬ+CSS网页设计与布局》课程教案
授课教师：
ﻩ 授课班级:
地点：
周课时：
5课时
章节
内容
表单得使用
插入表格
教学
目标
5）使学生熟练掌握HTMＬ常用标记得基本使用方法；
6）使学生掌握ＨTML常用标记各种属性得含义与设置方法.
重点
难点
5）掌握各种HTML常用标记得基本使用方法;
6）熟记各种HTＭＬ常用标记得含义。
教学
方法
课堂讲授、案例讲解与指导
教学
环境
计算机机房
教学过程及内容提要
时间
分配
备注
教学过程设计
一十一、引入
5、回顾上周所学内容：
上周主要介绍了HTMＬ文字布局与插入图像得基本方法,重点介绍了超级链接得标记应用；
6、提出问题：
什么就是表单？
常见得表单有哪些？
如何在网页中使用表格?
ﻫ
一十二、告知学生课堂任务
本次课所学习得主要内容就是ＨTML表单与表格得标记应用。
一十三、逐步演示讲解分析教学内容
48、表单基本语法：
〈foｒm>
49、文本框：
50、密码框：
51、单选框:
＜ｉnputｔype="ｒaｄio＂>
52、复选框：
<ｉnpｕt type=＂cheｃkｂox＂ 〉
53、按钮设置：
＜inputtypｅ="subｍit＂ｖaｌue＝”按钮提交”〉
54、学生实训及辅导；
55、上周课外作业点评；
56、下拉表：
<ｓelｅｃt>ﻫ＜!
—设置下拉表选项-->ﻫ〈optiｏn>选项一＜/option＞ﻫ＜option〉选项二〈/ｏption〉
ﻩ＜ｏｐtioｎ selｅcted〉选项三〈/optiｏn>ﻫ〈/seｌecｔ>绝对路径
57、文本域：
＜textａrea>＜!
—文本域内容—-〉＜／tｅxtaｒea>
58、表单应用实例讲解；
59、学生实训及辅导；
60、表格基本语法：
ﻫ〈table〉
＜tr＞标签对表示表行
61、跨多行表元:
Rowsｐan
62、跨多列表元:
colｓpａｎ
63、表格内设置文字对齐:
对齐语法用ａligｎ表示,后面接得值就是lｅft、cｅnteｒ与right，分别代表向左、居中与向右对齐复选框
64、表格在网页中对齐：
〈tabｌeaｌｉgn=＃><／table〉；
65、学生实训及辅导；
66、表格应用实例讲解;
67、学生实训及辅导；
一十四、课外作业
第８章上机实践。
ﻫ
一十五、课堂小结
本次课主要内容:
１、表单得使用；
2、插入表格;
３、表格应用实例;
约１0分钟
约30分钟
约40分钟
约30分钟
约２0分钟
约20分钟
约4０分钟
约3０分钟
约４０分钟
约20分钟
约4０分钟
学生理解
学生实践
学生实践
学生实践
学生实践
总结
后记
ﻬ《HＴML＋CSS网页设计与布局》课程教案
授课教师：
授课班级:
地点：
周课时:
5课时
章节
内容
网页框架
对象移动属性
多媒体对象应用
教学
目标
7）使学生熟练掌握ＨTML常用标记得基本使用方法；
8）使学生掌握HTMＬ常用标记各种属性得含义与设置方法。
重点
难点
7）掌握各种HTML常用标记得基本使用方法；
8）熟记各种HＴＭL常用标记得含义。
教学
方法
课堂讲授、案例讲解与指导
教学
环境
计算机机房
教学过程及内容提要
时间
分配
备注
教学过程设计
一十六、引入
7、回顾上周所学内容：
上周主要介绍了HＴＭL表单与表格得标记应用方法，重点介绍了表单得应用实例；
8、提出问题:
框架网页如何创建？
如何使网页中得对象移动？
如何在网页中插入Flａsh、影片、声音?
ﻫ
一十七、告知学生课堂任务
本次课所学习得主要内容就是HTML网页框架与对象移动属性、多媒体对象得标记应用。
一十八、逐步演示讲解分析教学内容
68、框架得基本语法：
〈fｒameset＞<／framｅｓｅt＞
＜framesrｃ=＂”〉
〈frａｍｅ srｃ=””〉ﻫ <ｆｒamesｒc=”">ﻫ〈／framｅｓeｔ〉
69、框架垂直分栏：
ﻫ垂直分栏就是在＜ｆrameset>中用cols表示跨多列表元,colｓpａｎ
70、框架水平分栏：
ﻫ水平分栏得语法用rows表示
71、设置不可调节框架大小：
nｏｒesｉze
72、学生实训及辅导;
73、上周课外作业点评;
74、浏览器不支持框架：
<![CDATA[〈／nofraｍes></p><p>75、设置框架边框:</p><p>〈frａmesｅt frameborｄer=＃〉</p><p>76、设置滚动条:</p><p>ﻫ设置滚动条在就是<fｒａmｅ>里面，用scrolｌinｇ属性</p><p>77、导航框架:</p><p>导航框架就是在网页框架得〈frame＞中加入name属性,表示该〈frａme〉得名称，然后通过用〈a〉标记得链接,并用target得属性值等于<frａme>得名称;</p><p>78、内联框架:</p><p>内联框架存在〈body〉＜/body〉得单个HTML文件中,可以链接其她网页并显示它，即在一个页面中嵌入一个框架窗口来显示另一个页面得内容，叫做浮动框架也称内联框架；</p><p>79、学生实训及辅导；</p><p>80、框架应用实例讲解；</p><p>81、学生实训及辅导；</p><p>82、移动属性基本语法：</p><p>〈ｍarquｅe〉要移动得对象</marquｅe></p><p>83、文字得移动设置：</p><p><ｍarqｕeedirｅcｔion=#＞文字〈／maｒｑuee＞</p><p>84、图片移动得设置:</p><p>〈mａrqｕｅe>＜iｍgsrc="仙境、gif"><／maｒquee></p><p>85、文本移动得方向：</p><p>＜ｍarｑuee direction=up>向上移动＜/marqｕee></p><p>86、文本得滚动循环；</p><p>87、文本得移动速度：</p><p>scrolｌaｍｏunt设置移动得速度</p><p>88、学生实训及辅导；</p><p>89、网页多媒体得基本语法：</p><p>〈embedsrc=ｕｒｌ ｌoｏp="tｒue|false"></p><p>90、隐藏面板得设置;</p><p>91、对齐方式：</p><p>ﻫaligｎ=top、ｂoｔｔom、ｃentｅr、baｓeliｎe、 leｆt、riｇht、ｔexttoｐ、middｌe、abｓｍiｄdle、ａbsboｔｔom</p><p>92、学生实训及辅导;</p><p>93、移动对象应用实例讲解;</p><p>94、多媒体对象应用实例讲解；</p><p>95、学生实训及辅导；</p><p>一十九、课外作业ﻫ第1１章上机实践。</p><p>ﻫ</p><p>二十、课堂小结</p><p>本次课主要内容：</p><p>1、网页框架；</p><p>２、对象移动属性；</p><p>3、多媒体对象应用。</p><p>约10分钟</p><p>约２0分钟</p><p>约3０分钟</p><p>约3０分钟</p><p>约1０分钟</p><p>约20分钟</p><p>约２0分钟</p><p>约40分钟</p><p>约20分钟</p><p>约20分钟</p><p>约１０分钟</p><p>约２0分钟</p><p>约30分钟</p><p>约４0分钟</p><p>学生理解</p><p>学生实践</p><p>学生实践</p><p>学生实践</p><p>学生实践</p><p>学生实践</p><p>学生实践</p><p>总结</p><p>后记</p><p>ﻬ《HTML+CSS网页设计与布局》课程教案</p><p>授课教师：</p><p>ﻩ 授课班级：</p><p> 地点:</p><p> 周课时:</p><p> 5 课时</p><p>章节</p><p>内容</p><p>CSＳ基础知识</p><p>ＣSS字体设置</p><p>教学</p><p>目标</p><p>9）使学生熟练掌握CSS常用样式得创建方法；</p><p>10）使学生掌握ＣSS常用样式各种属性得含义与设置方法。</p><p>重点</p><p>难点</p><p>9）掌握各种CSS常用样式得基本使用方法;</p><p>10）熟记各种CSＳ常用样式得含义。</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><p>9、回顾上周所学内容:</p><p>上周主要介绍了HTML网页框架与多媒体对象标记，重点介绍了HTML对象移动属性设置方法；</p><p>10、提出问题:</p><p>什么就是CSS？</p><p>ＣＳS有什么用？</p><p>如何创建与使用CSS？</p><p>二十二、告知学生课堂任务</p><p>本次课所学习得主要内容就是CSS基础知识与CＳＳ字体样式设置方法与技巧。</p><p>二十三、逐步演示讲解分析教学内容</p><p>96、CＳS相关基础知识；</p><p>97、CSS文件链接方式:</p><p>（1）内联定义：</p><p>内联定义即就是在对象得标记内，使用对象得style属性定义适用其得样式表属性。</p><p>ﻫ链入内部ＣSＳ:</p><p><ｓｔylｅtype="ｔexｔ/csｓ”＞／*这里写CSS内容*／＜/style＞</p><p>（2）链接外部CＳS：</p><p>ﻫ＜liｎktype=”teｘt/css＂ｒel＝＂ｓtyｌｅshｅｅt＂sｒc="stｙlｅ、cｓs"></p><p>98、CSS在浏览器兼容性:</p><p>现在浏览器市场得主流浏览器主要就是Inteｒneｔ Ｅxploｒｅr（简称IE）与ＭozillaFirefoｘ（简称FＦ）,网页中得CSS因两个浏览器支持不同,所以对同一代码会显示不同得效果,那么为了达到网页得风格,有时要注意哪个浏览器要写得CSS属性支持如何。</p><p>如果某一属性只有一个浏览器支持，那么另一浏览器对这属性代码就不起作用.</p><p>99、CSＳ选择符：</p><p>CＳＳ选择符就就是CSS样式得名字，选择符得命名规则可以使用英文字母得大写与小写、数字、连字号、下划线、冒号、句号，CSS选择符只能以字母开头,选择符在ＣＳS中可分成多种，在本小节中只介绍常用得CSＳ选择符：</p><p>ＨTＭL标签选择符、ID选择符与CLASS（类选择符）选择符。</p><p> </p><p>100、CSS伪类与伪元素：</p><p>伪类:</p><p>伪类选择符就是基于一组预定义性质得选择符，ＨTML元素可以占有这些预定义性质。</p><p>实际上这些性质与cｌass属性得功能就是相同得，因此在CSS术语中，它们被称作伪类。</p><p>在对应这些伪类得标记中，不存在真正得claｓｓ属性,相反,它们代表应用到这些元素得某些方面，或者就是相对于该元素得浏览器用户界面得状态。</p><p>101、CＳＳ常用单位：</p><p>ﻫｅm：</p><p>（em,元素得字体得高度）。</p><p>ｅｘ：</p><p>（ｘ—heighｔ，字母"x＂得高度）.</p><p>ｐｘ：</p><p>（像素，相对于屏幕得分辨率）。</p><p>ﻫ绝对长度单位：</p><p>iｎ:</p><p>（英寸,1英寸=2、54厘米）。</p><p>ﻫｃm:</p><p>（厘米，1厘米=10毫米）。</p><p>ｍm：</p><p>（毫米,1米=1００0毫米）。</p><p>pt：</p><p>（点,１点=1/7２英寸）。</p><p>pc：</p><p>（帕，1帕=12点）。</p><p>102、上周课外作业点评；</p><p>103、学生实训及辅导；</p><p>104、字体与字体颜色:</p><p>fｏnt:</p><p> ｆｏnt－style ｜|font-vaｒiaｎｔ|｜font-wｅighｔ ｜｜font-size｜｜linｅ-height ｜|font-ｆamily</p><p>105、字体大小：</p><p>Ｆont-sｉze，后面可接得参数值有：</p><p>ﻫxx－sｍalｌ｜x—smａｌl｜small｜medｉｕm｜laｒge|ｘ－larｇｅ｜xx—large｜laｒgｅr｜sｍａller|lｅngth</p><p>106、字体重量:</p><p>ﻫFｏnt—wｅigｈt：</p><p>ｎｏrmal｜ｂｏld|bolder|ｌighｔer|1０0|2０0｜３00｜400|500｜６０0|700|８00｜9００</p><p>107、行距：</p><p>line—hｅiｇht：</p><p>＃;</p><p>108、字体类型:</p><p>Font-fａmｉｌｙ：</p><p>fonｔｎame；</p><p>109、行距:</p><p>lｉｎe-heｉｇht:</p><p>＃；</p><p>110、间距与间隔:</p><p>ﻫword—ｓｐaｃiｎg:</p><p>nｏｒmal｜长度单位、lettｅｒ—spａciｎg:</p><p>ｎormal｜leｎgth</p><p>111、字体应用实例讲解；</p><p>112、学生实训及辅导；</p><p>二十四、课外作业</p><p>第１6章上机实践.ﻫ</p><p>二十五、课堂小结</p><p>本次课主要内容：</p><p>1、CＳS基础知识；</p><p>2、ＣＳS文件链接方式；</p><p>3、CＳS字体设置.</p><p>约10分钟</p><p>约40分钟</p><p>约40分钟</p><p>约60分钟</p><p>约50分钟</p><p>约40分钟</p><p>约80分钟</p><p>学生理解</p><p>学生实践</p><p>学生实践</p><p>总结</p><p>后记</p><p>《HTMＬ+CSS网页设计与布局》课程教案</p><p>授课教师：</p><p> 授课班级：</p><p> 地点：</p><p> 周课时：</p><p>５课时 </p><p>章节</p><p>内容</p><p>CSS文本设置</p><p>CSS背景设置</p><p>对象尺寸设置</p><p>教学</p><p>目标</p><p>11）使学生熟练掌握CSS常用样式得创建方法；</p><p>12）使学生掌握CSＳ常用样式各种属性得含义与设置方法。</p><p>重点</p><p>难点</p><p>11）掌握各种CＳＳ常用样式得基本使用方法；</p><p>12）熟记各种CSS常用样式得含义.</p><p>教学</p><p>方法</p><p>课堂讲授、案例讲解与指导</p>
</div>
<div class="page_view" id="pageContainer" oncontextmenu="return false">
<!--end documenttopic-->
</div>
<div id="outer_page_more" style="margin-bottom:20px;background-color:#FFF; border:solid 1px #ccc; box-shadow:none; ">
<div class="inner_page_more" id="page_more" style="width: 920px; overflow:hidden; line-height: 30px;">
<div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding: 30px 0px;
width: 920px; position:relative;">
<div id="loading" style="text-align:center;width: 920px; padding-bottom:100px; font-size: 18px; line-height:40px;">
<img src="https://static.bdocx.com/images/loading.gif" alt="加载" /><br />
文档加载中……请稍候！<br />
<a rel="nofollow" href="https://www.bdocx.com/doc/27624281.html" style="color:blue;text-decoration:underline;">如果长时间未打开，您也可以点击刷新试试。</a>
</div>
<p style="text-align: center; font-size: 18px;">
<span id="ftip">下载文档到电脑，查找使用更方便</span>
</p>
<!--
<p style="text-align: center; font-size: 14px;">
<b></b><span><b style="color: #ff0000">3</b>
金币</span></p>
-->
<p style="text-align: center; padding-top: 15px;">
<table style="margin:0px auto;"><tr><td>
<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/27624281.html" class="ui-bz-btn-senior banner-download"
style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b
style="color: #fff">下载</b></a></td><td> <a rel="nofollow" target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=27624281" class="ui-bz-btn-senior2 banner-download"
style="padding: 5px 35px; font-size: 15px; text-decoration: none"><b
style="color: #fff">加入VIP,免费下载</b></a></td></tr>
</table>
</p>
<p id="ntip" style="text-align: center; padding-top: 30px;">
<div id="ntip" class="banner-more-btn"
style="text-align: center; width: 250px; display:block; margin:20px auto;" onclick="showmorepage()">
<span class="moreBtn goBtn" style="text-align: center"><span>还剩<span id="spanpage"></span>页未读，</span><span
class="fc2e">继续阅读</span></span><p class="down-arrow goBtn"></p>
</div>
</div>
</div>
</div>
<div class="works-manage-box shenshu">
<a rel="nofollow" href="javascript:jubao()" title="举报" class="fLeft works-manage-item works-manage-report">
<span class="inline-block ico ">
<img src="https://static.bdocx.com/images/jubao.jpg" alt="举报"></span>
<br>
举报</a>
<a rel="nofollow" href="https://www.bdocx.com/UserManage/CopyrightAppeal.aspx?bid=27624281" title="版权申诉" class="fLeft works-manage-item works-manage-report" target="_blank"
<span class="inline-block ico"> <img src="https://static.bdocx.com/images/bang_tan.gif" width="18" alt="版权申诉"></span>
<br>
版权申诉</a>
<a rel="nofollow" class="fLeft" style="display:block; padding-top:17px; padding-left:20px;font-size:14px;">
word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！
</a>
<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/27624281.html" title="点击进入下载" class="fr hover-none works-manage-download">
<em class="mr5">立即下载</em><span class="download-ico2 ico inline-block vertical-middle"></span></a>
<input type="hidden" value="1332" id="tu_id">
</div>
<dl class="works-intro gray2 cl pb10" style="border-bottom: none; padding-bottom: 0">
<dt class="fl">配套讲稿：</dt><dd class="fl wordwrap" style="color:#666666"><p>如PPT文件的首页显示<font color="#FF0000">word图标</font>，表示该PPT已包<font color="#FF0000">含配套word讲稿</font>。双击word图标可打开word文档。
</p></dd>
<dt class="fl">特殊限制：</dt><dd class="fl wordwrap" style="color:#666666"><p>部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。</p></dd>
<dt class="fl">关 键 词：</dt><dd class="fl wordwrap">
HTML+CSS网页设计与布局
HTML
CSS
网页
设计
布局
教案
</dd>
</dl>
<div class="works-intro gray2 c666">
<span class=" notice-ico">
<img alt="提示" src="https://static.bdocx.com/images/bang_tan.gif" style="padding-left: 24px; vertical-align: middle"></span>
冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
</div>
<!--ta的资源-->
<div class="mt10 related-pic-box" id="brandlist" style="height: 450px;">
<div class="works-comment-hd">
该用户的其他资源 <a rel="nofollow" href="https://www.bdocx.com/user/322.html" class="fr" style="font-size: 12px;
font-weight: normal" hidefocus="true" target="_blank">更多>></a></div>
<div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;">
<ul>
<li><h3><a href="https://www.bdocx.com/doc/27574491.html" target="_parent" title="《贝的故事》教案4.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/392977ac-fb6f-4fc1-a317-22a476082560/7272ca0126e04ad291724f67a21ee4de.gif'
alt="《贝的故事》教案4.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《贝的故事》教案4.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574492.html" target="_parent" title="《对韵歌》优秀教案8.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/c0c11ebe-2a3f-4336-ba58-98e3bb3abe32/1a6f1139433442ecbf7b7f364c291580.gif'
alt="《对韵歌》优秀教案8.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《对韵歌》优秀教案8.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574493.html" target="_parent" title="《函数yAsinωx+φ+P图象》wwwnet.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/5f40fefc-de67-4d4f-b164-97752c6dc4b0/b4d579cc8cd248d1aa8641c8edabaae2.gif'
alt="《函数yAsinωx+φ+P图象》wwwnet.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《函数yAsinωx+φ+P图象》wwwnet.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574494.html" target="_parent" title="《静夜思》教学设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/7ee150d2-3837-4f56-b0d1-420e585f17cd/8458847bafe94a1194990d9b41105880.gif'
alt="《静夜思》教学设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《静夜思》教学设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574495.html" target="_parent" title="《汽车底盘构造与维修》题库与考核标准.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/ebc84bb5-ed67-4fd0-ba9c-427396cc58e3/d57a123e840045f2addce7f8859806d7.gif'
alt="《汽车底盘构造与维修》题库与考核标准.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《汽车底盘构造与维修》题库与考核标准.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574496.html" target="_parent" title="《世说新语》复习资料.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/9cb929ad-6a9a-49e0-b6d3-bd63d82f04cd/2f8e2abb760a43ebb5239b3d0552a90a.gif'
alt="《世说新语》复习资料.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《世说新语》复习资料.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574497.html" target="_parent" title="《我的服装我做主》教案设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/e2249d28-5997-4281-a122-aa969cf1b3af/cc4e3d3aac2a4b78b51b07eeebced850.gif'
alt="《我的服装我做主》教案设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《我的服装我做主》教案设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574498.html" target="_parent" title="《在品味情感中成长》教学片断设计.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/c8d7bf9d-c6de-4fd1-8d4a-0f46bdbec738/525b6cf2633d4710a066e6f205c6445d.gif'
alt="《在品味情感中成长》教学片断设计.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《在品味情感中成长》教学片断设计.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574499.html" target="_parent" title="11造价员《建设工程造价管理基础知识》精讲教程文件.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/75f36caa-88fe-4680-a984-075df3855081/68ce6cad23b34c7688db8c7a4167bd55.gif'
alt="11造价员《建设工程造价管理基础知识》精讲教程文件.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
11造价员《建设工程造价管理基础知识》精讲教程文件.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574500.html" target="_parent" title="《不会叫的狗》教案 人教部编版1.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/26b4ff92-0a0c-46a0-a785-4d60d12d6a3e/aba6c38d92534eab95b02137aeef254d.gif'
alt="《不会叫的狗》教案 人教部编版1.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《不会叫的狗》教案 人教部编版1.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574501.html" target="_parent" title="《操作系统》二学期A卷及答案.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/f5d24152-af03-4dae-81b0-e878f629d064/9ed76e6716284c929ac158d607a6ca43.gif'
alt="《操作系统》二学期A卷及答案.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《操作系统》二学期A卷及答案.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574502.html" target="_parent" title="《傅雷家书》名著阅读笔记.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/fe3287ca-98e9-42ab-ad53-82e700d4640a/cbce846fe19e4d4d9b25889b72178227.gif'
alt="《傅雷家书》名著阅读笔记.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《傅雷家书》名著阅读笔记.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574503.html" target="_parent" title="《反不正当竞争法》下互联网平台封禁行为考辨以消费者用户合法权益保护为中心.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/29bc968d-75b6-44e5-8f79-199ce15f26b7/6d1a4ae419c84ddcaa39c76d6396cd8f.gif'
alt="《反不正当竞争法》下互联网平台封禁行为考辨以消费者用户合法权益保护为中心.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《反不正当竞争法》下互联网平台封禁行为考辨以消费者用户合法权益保护为中心.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574504.html" target="_parent" title="《化工原理》第六章蒸发.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/da92920f-b724-48b6-b4df-e561f3e8b787/b149898e6ef549f28a5a0b1ad418ca2c.gif'
alt="《化工原理》第六章蒸发.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《化工原理》第六章蒸发.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574505.html" target="_parent" title="《蓝海战略》概要11页.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/57721323-066d-4a41-bd7a-6a0ce4bcfc7b/648042123dcf406d9359f2c821a25d8c.gif'
alt="《蓝海战略》概要11页.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《蓝海战略》概要11页.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574506.html" target="_parent" title="《人生》读书心得.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/855578e7-0b9d-4c30-b8c2-a1fde9b8f844/3f2b438aa6ec4bdca62023df7353cc5f.gif'
alt="《人生》读书心得.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《人生》读书心得.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574507.html" target="_parent" title="《荷叶圆圆》公开课教案优秀教学设计26.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/26136e98-effd-4918-9000-6fcdbeeaefdf/f0f22101a7f8409e9d11f8bf7f214829.gif'
alt="《荷叶圆圆》公开课教案优秀教学设计26.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《荷叶圆圆》公开课教案优秀教学设计26.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574508.html" target="_parent" title="《科技出行研究报告》智能网联与新能源将变革未来汽车出行.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/9c03ec88-029b-4369-985f-2a301239ce2e/1c0cf2e4e32242d3b1b7ec44351b59c3.gif'
alt="《科技出行研究报告》智能网联与新能源将变革未来汽车出行.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《科技出行研究报告》智能网联与新能源将变革未来汽车出行.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574509.html" target="_parent" title="《272 向量的应用举例》导学案1.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/d7803df8-2acd-44da-bd5c-d3eaae7c13d8/3231fe2a0a34415fafa1751d29222cbb.gif'
alt="《272 向量的应用举例》导学案1.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《272 向量的应用举例》导学案1.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574510.html" target="_parent" title="《秋天》评课稿.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/ce663652-81e8-420f-b2a1-55a595bd4838/9a9dbbf3be86425c8daf1d008479bcdb.gif'
alt="《秋天》评课稿.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《秋天》评课稿.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574511.html" target="_parent" title="《电算化》第二章会计电算化的工作环境章节练习.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/630e279d-aca8-491f-8428-dbd45e97a70a/58042f139a6342a09e3f07e20c1d3e31.gif'
alt="《电算化》第二章会计电算化的工作环境章节练习.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《电算化》第二章会计电算化的工作环境章节练习.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574512.html" target="_parent" title="《室外给排水管道》施组.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/b2f27b6d-cad3-49dd-add7-3d853e20c58a/2452463201b2423fbf13d8110fa19c9b.gif'
alt="《室外给排水管道》施组.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《室外给排水管道》施组.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574513.html" target="_parent" title="《广东省建筑与装饰工程综合定额》计算规则.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/9ac22423-f342-4ca9-b518-fb516558690e/8cf8ce237d8f45b2a8a72393f545b8e3.gif'
alt="《广东省建筑与装饰工程综合定额》计算规则.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《广东省建筑与装饰工程综合定额》计算规则.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574514.html" target="_parent" title="《我多想去看看》教学.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/1bffb10f-449d-45e0-a2fe-c3ccc2515f2a/7062192026744387ba8e2c67ac8f41a2.gif'
alt="《我多想去看看》教学.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《我多想去看看》教学.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574515.html" target="_parent" title="《直通车车手基础认证》 考试答案 70题之欧阳育创编.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/81a1694d-31ec-49e3-8c56-be6869678a1b/720ae9b9b7684ccdae7a8c56c230661b.gif'
alt="《直通车车手基础认证》 考试答案 70题之欧阳育创编.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《直通车车手基础认证》 考试答案 70题之欧阳育创编.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574516.html" target="_parent" title="7天销量翻10倍皇冠卖家教您玩转最精准流量.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/80f0c444-500a-4574-a196-62ee4fb1c662/afc6acc801014ef4a34fa1fccab21f13.gif'
alt="7天销量翻10倍皇冠卖家教您玩转最精准流量.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
7天销量翻10倍皇冠卖家教您玩转最精准流量.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574517.html" target="_parent" title="9 阿长和山海经.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/32ef5d51-8326-443c-bc9d-59accb6085a4/f1126abf0bff4734a8fd28ab0df81b9b.gif'
alt="9 阿长和山海经.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
9 阿长和山海经.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574518.html" target="_parent" title="《比例尺》教案.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/ca29f059-9fdf-4aa8-8347-9e1b74d8a2fd/18c6ff57f23647a08b9c5dfb08c381e8.gif'
alt="《比例尺》教案.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《比例尺》教案.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574519.html" target="_parent" title="《菜根谭》注译四闲适篇.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/3f0b5cba-f937-4e77-ade5-d90f70a97fa4/82093fe0504d4668a22668c5555e36a2.gif'
alt="《菜根谭》注译四闲适篇.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《菜根谭》注译四闲适篇.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574520.html" target="_parent" title="《福尔摩斯探案集》读后感15篇.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/9b436c4e-5e2d-4480-a1aa-ec697bd9aadc/891072d70cb048cf871940403d6d1a71.gif'
alt="《福尔摩斯探案集》读后感15篇.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《福尔摩斯探案集》读后感15篇.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574521.html" target="_parent" title="《红对勾》古代诗歌选择题答案补充.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/4755aa37-b74a-44bc-8d52-bfa075026269/ca28f7510e394700b6f037f3987b2409.gif'
alt="《红对勾》古代诗歌选择题答案补充.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《红对勾》古代诗歌选择题答案补充.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/27574522.html" target="_parent" title="《课堂密码》读后感及心得精选多篇.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2023-7/3/fa7427d6-970c-4517-b100-312b66e3856f/48948acfa98041f683312750c1a080c3.gif'
alt="《课堂密码》读后感及心得精选多篇.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《课堂密码》读后感及心得精选多篇.docx
</a></h3></li>
</ul>
</div>
</div>
<div class="mt10 related-pic-box" id="Div1" style="height: 450px; overflow:hidden;">
<div class="works-comment-hd">
猜你喜欢 </div>
<div id="related-pic-list" class="related-pic-list cl" style="padding-left:12px; padding-right:0px;">
<ul>
<li><h3><a href="https://www.bdocx.com/doc/15769389.html" target="_parent" title="安全监理交底主要内容一栏表Word格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/036b04db-771d-43b6-a16a-bbb5b22c1273/41096bd496554b8fb6f8ba168f1ac6b0.gif'
alt="安全监理交底主要内容一栏表Word格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
安全监理交底主要内容一栏表Word格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769390.html" target="_parent" title="C语言程序设计实验报告24文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/bd3da7dd-ec73-4782-8ee9-8ece62f45e4e/53c377377a32497680c0f67b34fe2b5c.gif'
alt="C语言程序设计实验报告24文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
C语言程序设计实验报告24文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769391.html" target="_parent" title="八年级物理下册 第六章《物质的物理属性》教案 苏科版Word下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/deb687f0-bc23-458f-a300-c02d3cc19e5f/bd7fbdcf48d04a90888aad76079c3bf2.gif'
alt="八年级物理下册 第六章《物质的物理属性》教案 苏科版Word下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
八年级物理下册 第六章《物质的物理属性》教案 苏科版Word下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769392.html" target="_parent" title="初中毕业升学考试吉林卷语文带解析Word文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/710ce7e3-7b09-4667-afdb-695bf49989ba/75cd5e857c6c4cc095ee8d2c51e87499.gif'
alt="初中毕业升学考试吉林卷语文带解析Word文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
初中毕业升学考试吉林卷语文带解析Word文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769393.html" target="_parent" title="北京门头沟初 三 英 语1016Word文档下载推荐.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/4b300ef0-eaa0-4115-8c90-367e85a1333f/ec134a53cc81479d9d51505940849245.gif'
alt="北京门头沟初 三 英 语1016Word文档下载推荐.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
北京门头沟初 三 英 语1016Word文档下载推荐.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769394.html" target="_parent" title="《论中粮集团组织结构》Word文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/3e42d77a-696b-44bb-aa3a-9c172d4f329e/71ded6d4510748feb6c26e7e23a4a7b7.gif'
alt="《论中粮集团组织结构》Word文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
《论中粮集团组织结构》Word文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769395.html" target="_parent" title="初中体育教师个人工作总结文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/343428ea-8d76-4de2-a8e5-fd500eec2b7b/af9ea6305cc2445aae4a99d963d79efc.gif'
alt="初中体育教师个人工作总结文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
初中体育教师个人工作总结文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769396.html" target="_parent" title="2 会计电算化题文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/567bc329-4906-4632-8e88-c941d1be1ef1/493be2fe83ae457fa16e908ef19b9c3e.gif'
alt="2 会计电算化题文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
2 会计电算化题文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769397.html" target="_parent" title="For FSA Use OnlyWord下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/eca0b1cd-125e-42f4-8d31-804393214087/d53986c839d646498c62ef2373e9f782.gif'
alt="For FSA Use OnlyWord下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
For FSA Use OnlyWord下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769398.html" target="_parent" title="5A版全国导游人员资格考试78问Word文档下载推荐.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/9d7c1b18-736e-4800-9a7c-be8f2040201e/01e02e89675646bfaec8c00d176f7a53.gif'
alt="5A版全国导游人员资格考试78问Word文档下载推荐.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
5A版全国导游人员资格考试78问Word文档下载推荐.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769399.html" target="_parent" title="道路危险货物运输考试题库Word文件下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/170b6104-2ef5-4458-8a7c-9903dd4e2206/027e92ad4a044a679ef13f058a2bca1d.gif'
alt="道路危险货物运输考试题库Word文件下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
道路危险货物运输考试题库Word文件下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769400.html" target="_parent" title="9A文中国现代文学史00537Word下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/64cc6b21-fec8-4d97-81a2-bd51344e10b3/8d5482789f074b97a47bc0ba9b5bc9e1.gif'
alt="9A文中国现代文学史00537Word下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
9A文中国现代文学史00537Word下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769401.html" target="_parent" title="jirdu理想课文Word格式文档下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/62cf7e57-b7c3-4360-b70d-dd3474542757/d55837ab27cd49619428882ed3ec2b58.gif'
alt="jirdu理想课文Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
jirdu理想课文Word格式文档下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769402.html" target="_parent" title="大学生团辅小游戏文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/a6279f16-38bd-4806-9197-f885125f936e/6e041998812e47cdaa8a979b7b6978c8.gif'
alt="大学生团辅小游戏文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
大学生团辅小游戏文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769403.html" target="_parent" title="Oracle数据库安全配置基线Word文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/dabc74ad-f18b-451e-9485-29494e07f3d0/92b7e3d7317f412e807b1bc7e4f870b8.gif'
alt="Oracle数据库安全配置基线Word文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
Oracle数据库安全配置基线Word文档格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769404.html" target="_parent" title="Alcatel OXE 4400基本安装手册Word格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/19808eae-c59f-4b42-bc44-5950f7d177a0/4bb1149912564271b00337ef13f4794f.gif'
alt="Alcatel OXE 4400基本安装手册Word格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
Alcatel OXE 4400基本安装手册Word格式.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769405.html" target="_parent" title="安徽省桐城市第十中学学年高一化学上学期期末考试试题新人教版Word格式文档下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/372ee562-3689-4a1a-8c35-0cf32eb7390b/d92ce6c2fdfa4d2e9c88b8f832555138.gif'
alt="安徽省桐城市第十中学学年高一化学上学期期末考试试题新人教版Word格式文档下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
安徽省桐城市第十中学学年高一化学上学期期末考试试题新人教版Word格式文档下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769406.html" target="_parent" title="初中英语常用近义词分析Word文件下载.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/031b9dd8-192c-4342-80bd-afbb82725032/15d40a63ed38454482936dc7d10c266e.gif'
alt="初中英语常用近义词分析Word文件下载.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
初中英语常用近义词分析Word文件下载.docx
</a></h3></li>
<li><h3><a href="https://www.bdocx.com/doc/15769407.html" target="_parent" title="初中生物教学总结10篇Word文档格式.docx">
<img class="lazys" data-original='https://file1.bdocx.com/fileroot1/2022-11/16/5508df00-5ba1-4cc3-89ae-a48bb9b5458c/cc3c8a1b81a74a1e9509401455aadb5e.gif'
alt="初中生物教学总结10篇Word文档格式.docx" src="https://static.bdocx.com/images/filetype/d_word.png">
初中生物教学总结10篇Word文档格式.docx
</a></h3></li>
</ul>
</div>
</div>
<div class="mt10 works-comment">
<div class="works-comment-hd">
<span class="font-tahoma">关于本文</div>
<div style="line-height: 25px; padding: 10px 20px;">
本文标题：《HTML+CSS网页设计与布局》教案.docx<br />
链接地址：<a rel="nofollow" href="https://www.bdocx.com/doc/27624281.html">https://www.bdocx.com/doc/27624281.html</a><br />
</div>
</div>
</div>
<div class="boxright" id="boxright" >
<div class="fr detail-aside" id="Div11" style="width:290px;">
<div class="box hot-keywords mt10" id="relatebox">
<div class="boxHd" style="padding-bottom: 0px;">
<em></em><span>相关资源</span>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e3%80%8aHTML%2bCSS%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%b8%83%e5%b1%80%e3%80%8b%e6%95%99%e6%a1%88.docx');" >更多</a>
</div>
<div id="author-works-list" class="author-works-list bgF">
<ul>
<li><img alt="断裂控烃理论及其应用--江汉油田讲课(罗群).ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861724.html" title="断裂控烃理论及其应用--江汉油田讲课(罗群).ppt">断裂控烃理论及其应用--江汉油田讲课(罗群).ppt</a>
</li><li><img alt="天线基础知识(全).ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861723.html" title="天线基础知识(全).ppt">天线基础知识(全).ppt</a>
</li><li><img alt="乳腺肿块的诊断与治疗ppt课件.ppt" class="ppt" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861720.html" title="乳腺肿块的诊断与治疗ppt课件.ppt">乳腺肿块的诊断与治疗ppt课件.ppt</a>
</li><li><img alt="浅谈设备更新项目申报的注意事项.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861719.html" title="浅谈设备更新项目申报的注意事项.doc">浅谈设备更新项目申报的注意事项.doc</a>
</li><li><img alt="客车外摆式气动门操纵机构设计.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861718.html" title="客车外摆式气动门操纵机构设计.doc">客车外摆式气动门操纵机构设计.doc</a>
</li><li><img alt="项目工地试验室管理手册专业.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861717.html" title="项目工地试验室管理手册专业.doc">项目工地试验室管理手册专业.doc</a>
</li><li><img alt="财务分析实验教程第四版课后习题答案.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861716.html" title="财务分析实验教程第四版课后习题答案.doc">财务分析实验教程第四版课后习题答案.doc</a>
</li><li><img alt="绿色生态农产品深加工项目立项申请书.doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861714.html" title="绿色生态农产品深加工项目立项申请书.doc">绿色生态农产品深加工项目立项申请书.doc</a>
</li><li><img alt="一、建设实验室的目的、意义（包括实验室建成后对国家和依托单位的作用_ (1).doc" class="doc" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861712.html" title="一、建设实验室的目的、意义（包括实验室建成后对国家和依托单位的作用_ (1).doc">一、建设实验室的目的、意义（包括实验室建成后对国家和依托单位的作用_ (1).doc</a>
</li><li><img alt="合成氨的合成工段工艺设计论文(3)(1)(1).docx" class="docx" src="/Images/s.gif" /><a target="_parent" href="https://www.bdocx.com/doc/30861711.html" title="合成氨的合成工段工艺设计论文(3)(1)(1).docx">合成氨的合成工段工艺设计论文(3)(1)(1).docx</a>
</li></div>
</ul>
</div>
<div class="box hot-keywords mt10" id="box3" style="overflow: hidden;width: 288px; border:solid 1px #dedede;">
<div class="boxHd" style="border: none;padding-bottom: 0px;">
<em></em><span>相关搜索</span>
</div>
<input name="ctl00$Content$hiddenCategoryID" type="hidden" id="Content_hiddenCategoryID" value="54" />
<div class="hot-keywords-list">
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=HTML%2bCSS%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%b8%83%e5%b1%80');"
class="tag-item ico" title="HTML+CSS网页设计与布局" hidefocus="true"><span class="ico"><em>
HTML+CSS网页设计与布局</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=HTML');"
class="tag-item ico" title="HTML" hidefocus="true"><span class="ico"><em>
HTML</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=CSS');"
class="tag-item ico" title="CSS" hidefocus="true"><span class="ico"><em>
CSS</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e7%bd%91%e9%a1%b5');"
class="tag-item ico" title="网页" hidefocus="true"><span class="ico"><em>
网页</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e8%ae%be%e8%ae%a1');"
class="tag-item ico" title="设计" hidefocus="true"><span class="ico"><em>
设计</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e5%b8%83%e5%b1%80');"
class="tag-item ico" title="布局" hidefocus="true"><span class="ico"><em>
布局</em></span></a>
<a rel="nofollow" href="javascript:;" onclick="window.open('https://www.bdocx.com/search.html?q=%e6%95%99%e6%a1%88');"
class="tag-item ico" title="教案" hidefocus="true"><span class="ico"><em>
教案</em></span></a>
</div>
</div>
<div class="job-recommend">
<h3 class="job-title"><svg t="1586228347294" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="https://www.w3.org/2000/svg" p-id="7996" width="20" height="20"><path d="M870 154c-13.1-13.1-30.4-21.8-49.8-24L527.8 97.5c-25.2-2.8-50.3 6-68.3 24l-326 326c-48.7 48.7-48.7 128.5 0 177.2l265.8 265.8c48.7 48.7 128.5 48.7 177.2 0l326-326c17.9-17.9 26.8-43.1 24-68.3L894 203.8c-2.2-19.4-10.9-36.8-24-49.8z m3.2 381.1l-326 326c-15.7 15.7-36.8 24.4-59.3 24.4s-43.5-8.7-59.3-24.4L162.9 595.3c-15.7-15.7-24.4-36.8-24.4-59.3s8.7-43.5 24.4-59.2l326-326c7.9-7.9 18.5-12.3 29.7-12.3 1.5 0 3.1 0.1 4.6 0.3l292.4 32.5c9.6 1.1 18.2 5.2 25 12 6.8 6.8 11 15.5 12.1 25.1l32.5 292.3c1.5 12.8-2.9 25.3-12 34.4z" p-id="7997" fill="#ea986c"></path><path d="M723.3 217.7c-45.8 0-83 37.2-83 83s37.2 83 83 83 83-37.2 83-83c0-45.9-37.1-83-83-83z m0 124.5c-22.9 0-41.5-18.6-41.5-41.5s18.6-41.5 41.5-41.5 41.5 18.6 41.5 41.5-18.6 41.5-41.5 41.5z" p-id="7998" fill="#ea986c"></path></svg>
热门标签</h3>
<div class="job-recommend-area">
<ul class="taglist--inline multi">
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/20niangaoxiaogong.html">20年高校工</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/wenyiwengaodinghehuorenlushi.html">文一文搞定合伙人律师</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/huanjingchuangshepingbihuodong.html">环境创设评比活动</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/yingyujianglaiwancheng.html">英语将来完成</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/shouhoukefugeren.html">售后客服个人</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag1" href="https://www.bdocx.com/mark/jingbianshashijiagongsheji.html">精编砂石加工设计</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag2" href="https://www.bdocx.com/mark/jiegaokaohuaxueelunfuxitixingtexunjingbian40tihuaxueshiyanjichudaanjiexigaokaohuaxue.html">届高考化学二轮复习题型特训精编40题化学实验基础答案+解析高考化学</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag3" href="https://www.bdocx.com/mark/jiudianwaipaigongchengshigongfangan.html">酒店外排工程施工方案</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag4" href="https://www.bdocx.com/mark/huanledeyuandanlianhuanhuilianhuanhuizuowen350zichuyijishihuanleyuandan.html">欢乐的元旦联欢会联欢会作文350字初一记事欢乐元旦</a></li>
<li class="tagPopup"><a target="_parent" class="tag tag0" href="https://www.bdocx.com/mark/huwaidaohangrumenjingtong.html">户外导航入门精通</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://static.bdocx.com/js/artDialog-5.0.3/artDialog.min.js"></script>
</div>
<div class="tempdiv cssnone" style="line-height:0px;height:0px; overflow:hidden;">
</div>
<script>
var doctitle = "《HTML+CSS网页设计与布局》教案.docx";
Encoder.EncodeType = "entity";
var nodecode = '0000600001';
var adhtml = "";
var adarray = Encoder.htmlDecode(adhtml);
initWidth();
var product_id = "27624281";
var product_code = "27624281";
var mtp = 20;
var fCount = 32;
var stp = 1;
var lmt = 20;
var ForceFreepage = parseInt('20');
if(lmt > ForceFreepage)lmt = ForceFreepage;
var mhs = 595 * 841;
var mhi = new Array("342774");
var mhls = new Array("0");
var mfvs = new Array("0");
var sw = 595;
var sh = 841;
var IsDealSwfSize = sw > 0;
var minwidth=920;
var BookMarkPage = parseInt('1');
var adpagecount = parseInt("2");
var defaultShowPage =parseInt( "5");
var defaultShowPage2 =defaultShowPage;
var leftfilecount = fCount - defaultShowPage;
if(leftfilecount<0)leftfilecount=0;
var scorename = "金币";
var LimitText = '3';
var LimitButtonText = '现在购买';
var DocScoreDownLoad = parseFloat('3');
var ReadLimitDays = "365";
var bookrelArray = "";
var url_root = "https://www.bdocx.com/";
var goumaiico = 'images/xiazai_1.gif';
var lmtext = '';
lmtext = '<div class="inner_page_more" id="page_more" style="width:930px; height:260px; line-height:30px;">'
+'<div id="html-reader-go-more" class="banner-wrap more-btn-banner" style="padding-top:40px; width:930px;">'
+'<p style="text-align:center;font-size:18px;">亲，很抱歉，此页已超出免费预览范围啦！<br/>如果喜欢就下载吧，价低环保！</p><p style="text-align:center;font-size:14px;">'
+'<b></b><span><b style="color:#ff0000">3</b> 金币</span>'
+'</p><p style="text-align:center; padding-top:30px;">'
+'<a target="_parent" rel="nofollow" href="https://www.bdocx.com/down/27624281.html" class="ui-bz-btn-senior banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">'
+'<b style="color:#fff">立即下载</b></a>'
+' <a target="_blank" href="https://www.bdocx.com/UserManage/Recharge.aspx?f=0&d=27624281"class="ui-bz-btn-senior2 banner-download" style="padding:5px 35px; font-size:15px; text-decoration:none">'
+'<b style="color:#fff">加入VIP,免费下载</b></a>'
+'</p></div></div> ';
var curtotalpage = defaultShowPage;
function showmorepage()
{
var from = curtotalpage+1;
var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage));
for (var i = from; i <=leftcount; i++) {
Viewer._Addpage(i); curtotalpage+=1;
}
leftfilecount = mtp - (curtotalpage);
Viewer._dfsp=curtotalpage;
if(from<leftcount)
{
Viewer.InitAD_left(from,leftcount);
showAd();
}
if(leftfilecount<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
var st = ($(this).scrollTop());
$(this).scrollTop(st +1);
$("#spanpage").text(fCount-curtotalpage);
}
function showmoretopage(to)
{
var from = curtotalpage+1;
var leftcount = ((mtp - curtotalpage)<defaultShowPage?mtp:(curtotalpage+defaultShowPage));
if(to > leftcount)leftcount=to;
for (var i = from; i <=leftcount; i++) {
Viewer._Addpage(i); curtotalpage+=1;
}
leftfilecount = mtp - (curtotalpage);
Viewer._dfsp=curtotalpage;
if(from<leftcount)
{
Viewer.InitAD_left(from,leftcount);
showAd();
}
if(leftfilecount<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
$("#spanpage").text(fCount-curtotalpage);
}
function adss()
{var st = ($(this).scrollTop())-2; $(this).scrollTop(st);}
function showAd()
{
$(".addivp").each(function(){
var adindex = ($(this).attr("link"));
var adid = ($(this).attr("id"));
document.getElementById(adid).innerHTML = document.getElementById("adpre" + adindex).outerHTML;
$("#adpre" + adindex).css({
margin: "0px auto"
});
});
}
</script>
<script>
var operateType = 1;
var uid = "0";
var DocID = "27624281";
var zw = 595;
var zh = 841;
var zrate = (zw==0||zh==0)?1:(zh/zw);
var isplay = 0;
var width = "830";
var height = getClientHeight();
if (height < 560) height = 560;
height = ('False' == 'True' ? 570 : height);
var scorename = "金币";
var params = {};
</script>
<script src="https://static.bdocx.com/master/view/view2.js"></script>
<script>
$(document).ready(function() {
initPage();
$("#loading").hide();
$("#spanpage").text(leftfilecount);
var lf = mtp - (defaultShowPage);
if(lf<=0)
{
if("#ftip")$("#ftip").text("本资源只提供20页预览，全部文档请下载后查看！喜欢就下载吧，查找使用更方便");
if($("#nftip"))$("#nftip").html("此文档不允许下载，在线阅读到最后一页了。");
$("#ntip").hide();
$("#ntip2").hide();
if($("#btnvip"))$("#btnvip").html("VIP查看完整版");
if("#ftip3")$("#ftip3").text(fCount-curtotalpage);
if($("#ftip2"))$("#ftip2").show();
if(fCount-curtotalpage <=0)
{
if("#ftip2")$("#ftip2").text("预览完成，如需下载请加入VIP");
if($("#btnvip"))$("#btnvip").html("VIP免费下载");
}
}
window.setTimeout(
function () {
try
{
if(BookMarkPage == 1)
{
$(this).scrollTop(0);
}
else
{
Viewer._GotoPage(BookMarkPage);
}
}catch(e){}
},500);
if(defaultShowPage>0){ $("#outer_page_more").show();}else{ $("#outer_page_more").hide();}
});
</script>
<script>
$('body').bind('contextmenu', function() {return false;});
$('body').bind("selectstart",function(){return false;});
</script>
<div class="cssnone">
<iframe title = "来源分析" src="https://www.bdocx.com/BookRead.aspx?id=3JgHIcygRiSKNA6T4nLwkQ%3d%3d&parto=%2fVbny4CnCv1qOhf0RJQOCv8tgNGhKqYkphMVhfarowdQ%2fuHtC8IImnxKqqvlkoQ3QIYaUfz2QH0oXwQ%2bod06m7fHpU5AVgd1Tqhcs8U%2bW3yFwfDYC6gxFYJ%2bfgDBbG%2by0qlOndPENyZw3PAEw%2bVr9rK5LoriKOm9%2bCvD3pNT6ood00C2Gv%2bNGnOzBhCJ2N7vp%2buDUK5zkg6%2fwCKzbipCxjL7gVTvHfAP" frameborder="0" style="width: 0px; height: 0px">
</iframe>
</div>
<!-- JiaThis Button END -->
<span id="LabelScript"></span>
</div>
</div>
<div class="getwximg_div" style="display:none;">
</div>
<script>
var isloginto = false;
function initwxlogin() {
var arr = $(".getwximg_div");
for (var i = 0; i < arr.length; i++) {
(function (index) {
var url = "https://www.bdocx.com/header.aspx?getcate=100";
$.get(url + "&t=" + (new Date()).valueOf(), function (d) {
try {
arr.eq(index).empty().html(d);
} catch (e) { }
try {
arr.html(d);
} catch (e) { }
});
})(i);
}
}
</script>
<script>function popLogin() {
window.location.href = '/login.aspx?returl=https%3a%2f%2fwww.bdocx.com%2fView_wj.aspx%3fid%3d27624281'; return;
}</script>
<script type="text/javascript">
var objjubao = null;
function jubao() {
var html = '<iframe src="https://www.bdocx.com/UserManage/ReportBack.aspx?id=27624281&url=rkm56XE mSTpX60 NSICJJzJeI0SxkjuKOfuUZPhKhDlbhcqjqusbrOZaF fx9bI" scrolling="no" frameborder="0" style="width: 600px; height: 420px"></iframe>';
objjubao = art.dialog({
title: '非法内容有奖举报', content: html,
close: Closejubao, width: '700', height: '470', skin: 'blue', lock: true,
background: '#666', opacity: .6, duration: 300, fixed: true, left: '50%',
top: '38.2%', zIndex: 1987, resize: true, drag: true
});
}
function Closejubao() {
objjubao.close();
}
</script>
<!--foot-->
<div class="bg_100 foot_nav_bg" style=" min-width:1200px;">
<div class="foot_nav">
<a href="https://www.bdocx.com/h-33.html" target="_blank" >关于我们</a> - <a href="https://www.bdocx.com/h-34.html"
target="_blank" >网站声明</a> - <a href="https://www.bdocx.com/h-35.html" target="_blank" >
网站地图</a> - <a href="https://www.bdocx.com/sitemap.html" target="_blank" >
资源地图</a>
- <a href="https://www.bdocx.com/friend.aspx" target="_blank" >友情链接</a> -
<a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" >网站客服</a>
- <a rel="nofollow" href="https://www.bdocx.com/h-38.html" target="_blank" >联系我们</a>
</div>
</div>
<div class="bg_100 siteInner_bg" style=" min-width:1200px;">
<div class="siteInner">
<p style="text-align: center;">copyright@ 2008-2022 冰点文档网站版权所有</p><p style="text-align: center;">经营许可证编号:<a href="http://beian.miit.gov.cn/" target="_blank">鄂ICP备2022015515号-1</a></p><script>var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?e215eb657a3f46c69d47e590e96ccbdd";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();</script><script>(function(){
var el = document.createElement("script");
el.src = "https://lf1-cdn-tos.bytegoofy.com/goofy/ttzz/push.js?46796c789de3003a5113847b2981b93831ac52d6d1cb31ddda7500aa017814283d72cd14f8a76432df3935ab77ec54f830517b3cb210f7fd334f50ccb772134a";
el.id = "ttzz";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(el, s);
})(window)</script>
</div>
</div>
<!--foot end-->
<!-- 代码部分begin -->
<div class="QQ_S" style="height: auto;position:fixed;right: 0px;bottom: 20px; top:auto;">
<div class="Q_top" onclick="HideFoot()"> <span class="signi"></span>收起</div>
<div class="Q_botm">
<div class="Q_pic">
<div class="Q_pic_hide"> <a rel="nofollow" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" target="_blank" title="在线客服" ><span class="hide_pic"></span>在线客服</a> </div>
</div>
<div class="Q_anser">
<div class="Q_anser_hide"><a rel="nofollow" target="_blank" href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=307372695@qq.com" title="意见反馈">
<span class="hide_pic1"></span>意见反馈 </a> </div>
</div>
<div class="Q_sign">
<div class="Q_sign_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)" title="返回顶部"><span class="hide_pic2"></span>返回顶部 </a></div>
</div>
</div>
</div>
<div class="QQ_S1">
<div class="Q_top1" onclick="ShowFoot()"> <span class="signj"></span>展开</div>
<div class="Q_botm1">
<div class="Q_pic1">
<div class="Q_pic1_hide">
<a rel="nofollow" target="_blank" href="https://wpa.qq.com/msgrd?v=3&uin=307372695&site=qq&menu=yes" >
<span class="hide_pic3"></span>QQ交谈</a></div>
</div>
<div class="Q_sign1">
<div class="Q_sign1_hide" onclick="backToTop();"><a rel="nofollow" href="javascript:void(0)">返回顶部</a></div>
</div>
</div>
</div>
<!-- 代码部分end -->
<script type="text/javascript" src="https://static.bdocx.com/js/lanrenzhijia.js"></script>
<script type="text/javascript" src="https://static.bdocx.com/js/jquery.lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
$("img.lazys").lazyload({
threshold: 200,
effect: "fadeIn"
});
</script>
<script type="text/javascript" src="https://static.bdocx.com/umeditor/xss.js"></script>
</body>
</html>
]]>
《HTML+CSS网页设计与布局》教案.docx