html中target属性以及用js控制前进、后退、刷新、注销事件
1.以下是官方文档的叙述：
测试如下：
前提是页面使用框架搭的,如果不是框架，那么除了_blank和framename之外其他的都一样！！这个已经经过验证了！！
即下边的三个标签只能是在框架中才能区分它们的作用！！
(1)_parent有如下例子
main.html代码如下：
即有三个框架在mainFrame中嵌套的是center.html接下来看这个页面的源码
在这里他在里边用的是iframe，把中间的部分又分成了左边和右边两部分！！接下来是left.html
这是之前的页面！！
改成_parent之后在点击添加日志！！
即不再是在右边的iframe中乖乖的呆着了，而是跑到整个中间的frame中来了，因为他才是他父页面！！
(2)._self
这个是将target改成_self后的效果
即他在自己的地盘打开了目标页面！！
(3)._top
这个是将target改成_self后的效果
注意看地址栏中的变化
它是直接在整个窗口中代开被连接的文档！！
以上基本上就涵盖了所有的target属性，应该没有大的问题了！！
接下来是前进、后退、刷新事件
如果是退出系统，在使用target=“top”也不好使的情况下(大多数情况)用如下代码：
window.top.location.href="目标界面";通常指向注销界面！！
简单网页制作实验总结报告
《大学计算机基础》 实验报告 专业名称: 电子商务2班 学号: xxxxxxxxxxx 姓名: x x 指导教师: x x 2011年12月24日
目录 第一章网站主题设计说明 (1) 1.1 主题内容 (1) 1.2 设计思路 (1) 第二章网站内容设计 (2) 1.1 链接1标题 (2) 1.2 链接2标题 (2) 1.3 flash制作说明 (2) 第三章网站技术难点 (3) 第四章心得体会..................................... ..... ......................... (4)
第一章网站主题设计说明 1.1 主题内容 (1) 网站主题为“四季の花”，包括春夏秋冬四个季节的比较典型的花朵及有关花的诗句，色彩缤纷，十分艳丽夺目。 1.2 设计思路 (2) 大多网站都设计的关于音乐，影视，购物等非常热门的东西，本站设计的主题是花，能让人们在闲下来的时候看看花，品品诗歌，所以做有关花的网页是个不错的选择。同时，让人们分清楚春夏秋冬都各有什么典型的花。
第二章网站内容设计 1.1链接1标题：春の花 春天是生命的季节，在这个季节里，万物复苏。所以就找了虞美人，桃花，牡丹，以及海棠花来作为春天的代表。同时配有与这些花有关的诗句。 1.2 链接2标题：夏の花 夏天充满了激情与阳光，我找了兰花，荷花，百合花等来代表这个季节，色彩艳丽，十分醒目夺人。 1.3 链接3标题：秋の花 大丽花，菊花，月季和牡丹花都竞相出现在本网页，色彩缤纷，赏心悦目。 1.4 链接4标题：冬の花 蝴蝶兰，水仙，迎春花，梅花是冬季的代表，他们刻画了一副傲立冬天的坚强的姿态。
url传递参数(特殊字符)解决方法
url 传递参数(特殊字符)解决方法 首先设置apache 配置文件，server.xml 在port=8080 那一行中加上URIEcoding=GBK 有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码 十六进制值 1. + URL 中+号表示空格%2B 2. 空格URL中的空格可以用+号或者编码%20 3. / 分隔目录和子目录%2F 4. ? 分隔实际的URL 和参数%3F 5. % 指定特殊字符%25 6. # 表示书签%23 7. & URL 中指定的参数间的分隔符%26 8. = URL 中指定参数的值%3D 解决的方法： replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符. 而str.replace(/\-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。 replace() js中替换字符变量如下： data2=data2.replace(/\%/g,"%25"); data2=data2.replace(/\#/g,"%23"); data2=data2.replace(/\&/g,"%26"); -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- 其他一些资料。。。仅供参考。。。 在使用url进行参数传递时，经常会传递一些中文名（或含有特殊字符）的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端java的encodeURI函数编码的URL，结果就不一样。
制作一个简单的网页
制作一个简单的网页 教学目标: 1、知识目标:了解网页的基本概念以及建立网站的一般方法,学习制作只有文字的网页. 2、能力目标：让学生通过学习掌握建立网站的方法,学生通过学习能够建立只有文字网页. 3、情感目标：培养学生主动实践，勇于实践的勇气，和敢与参与的意识。教学重点: 建立网站制作网页 教学难点: 建立网站制作网页 教法、学法分析: 由于本节课作为制作网页的基础知识,学生可以根据所学知识自己进行操作,教师在此过程中进行适当的指导既可。为了让学生能够充分了解网页的概念，采用教师讲解的教学方法，为了培养学生主动实践的勇气与参与意识，采用学生自主学习的方法。 教学过程: 引入： 我们已经学习过因特网的基础知识和应用，实际体验了“网上冲浪”的滋味，网上世界的确很精彩！但是我们有什么方法能让更多的人了解自己或者自己的学校或家乡呢？最好的方法就是制作一个关于自己或家乡的网页并把它发布到网上。通过了今天的学习我们就能够做到了。
一、网页的概念： {通过多媒体展示“我的家乡”网页，向学生介绍网页的组成，让学生了解网页的概念，并做出总结} 网页就是把用文字、图形、声音、影视等多媒体形式表达的信息，以及分布在因特网上的相关信息，相互链接起来而构成的一种信息表达方式。 二、制作网页前的准备工作 1、认识网页制作工具FrontPage {学生打开FrontPage软件，通过以前学习过的知识认识该软件的窗口，并了解各栏中按钮的作用。} 2、准备好网页素材 [学生在因特网上查找关于“我的家乡”的相关资料，并保存在自己的文件夹中，以便在制作网页时作用。] 三、建立“我的家乡”网站 [根据“做一做”建立一个自己的网站“命名为”我的家乡。] 布置作业: 构思自己的网站，并在小组中进行讨论。 [学生思考问题，并进行操作。] {建立网站后，我们还需要在网站中加入网页，这样我们的网站才能充实起来。} [学生在自己的文件夹中建立一个站点命名为“我的家乡” 根据“做一做”中的提示制自己作主页并保存。然后分别建立其他几网页陕西风景欣赏、陕西古诗文欣赏、自我介绍。]
js如何获取当前网页的url信息
https://www.wendangku.net/doc/658485714.html, js如何获取当前网页的url信息 JS也就是JavaScript，它是是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。 尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的编程语言来推广和宣传，但是JavaScript是一门具有非常丰富特性的语言，它有着和其他编程语言一样的复杂性，或更甚复杂。 在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，本文就简要聊一聊如何用JS取当前网页的url信息。 URL即:统一资源定位符(Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等。
https://www.wendangku.net/doc/658485714.html, 1、设置或获取对象指定的文件名或路径。 alert(window.location.pathname) 2、设置或获取整个URL 为字符串。 alert(window.location.href); //没有登录时，先登录 window.location.href="/hdmall/login.hd"; 3、设置或获取与URL 关联的端口号码。 alert(window.location.port) 4、设置或获取URL 的协议部分。 alert(window.location.protocol) 5、设置或获取href 属性中在井号“#”后面的分段。 alert(window.location.hash) 6、设置或获取location 或URL 的hostname 和port 号码。
最简单的网页
六年级信息技术上册 《最简单的网页》 四课时 一、教学目标： 利用多媒体计算机和互联网络环境，为学生们创设一个开放的学习空间，让学生自主地利用双向互动的教学辅助软件了解、掌握和巩固所学的知识，进一步探究网页的制作方法及技巧，培养学生的计算机综合应用能力、想象力、创造力、自学能力和综合审美能力，为学生深入地掌握FrontPage软件并运用到实际生活打下坚实的基础。 二、教学对象分析： 小学六年级学生的观察、分析、比较、想象等能力逐渐成熟，在性格上表现好奇、大胆，追求自己的个性，比较喜欢开放、自由的学习环境，主观意识较强。并具有了一定的自学能力和模仿能力，但学生还多以感性表象来掌握概念，形象思维仍是学生掌握知识的主要思维方式，学生对知识的吸收绝大部分都是建在感性认识的基础上，兴趣爱好仍然是学习最好的动力。因此，这节课利用Internet 网络教学，激发他们的热情，很好地发挥了学生主观能动性和创造性，使学生成为学习的主人，有利于培养学生的创新思维。 三、教学重点、难点： 掌握FrontPage的打开、保存、退出以及在FrontPage中编辑文字。 四、教学策略及教法设计： 根据教材的目标，以及学生的特点，教学的辅助课件是用FrontPage制作的网页，目的是建立一个双向互动的教学环境，使学生在网络的环境下，进行学生之间互相合作学习，与教师互动学习，充分发挥学生的主体作用，老师的主导作用，培养学生协作能力。根据学生的不同层次，建立“三位一体”的教学编排，既照顾全体学生，又照顾不同层次的提高，在“基础层次”中让学生初步按照教材的示范初步制作出文字网页：“练习层次”，强化练习，制作出完全并有一定水平的文字网页：三是“拓展层次”，拓展FrontPage的应用，插入三维艺术字、图片等。 在教法上，教师主要使用了直观演示法、主动尝试法、协作学习法、成功体
简单的网页制作教程-设计一个个人网站
题目：设计一个个人网站 一、要求： 1．使用Dreamweave网页工具制作一个个人网站； 2．包含至少四个网页: 包括首页、个人简介、个人相册等（可随意设计），网页之间用超链接相连。 3．网页中要有图片和文字内容，用表格进行页面布局； 4．添加至少两种行为，并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题，动态按钮导航栏。 首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字， 不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图 打开Dreamweaver软件，得到图 做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。 选择站点——新建站点。 我们建的文件夹就是站点根文件夹。
新建站点后得到这样一个界面 点选高级，得到界面 站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs
接下来选择左侧栏里远程信息 点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹 接下来点选左面菜单里的测试服务器， 点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs
然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求，是要至少四个网页，那我们就做四个 单击新建，然后单击 接下来，选择 然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者1、2、3、4，当然一个网站默认的索引首页名为index，这里也用index，
JS分段获取URL解析
JS分段获取URL解析 URL : 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment scheme = 通信协议 (常用的http,ftp,maito等) host = 主机 (域名或IP) port = 端口号 path = 路径 query = 查询 可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/https://www.wendangku.net/doc/658485714.html,等技术制作的网页）传递参数，可有多个参数，用”&”符号隔开，每个参数的名和值用”=”符号隔开。 fragment = 信息片断 字符串，用于指定网络资源中的片断。例如一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。(也称为锚点.) 对于这样一个URL https://www.wendangku.net/doc/658485714.html,:80/seo/?ver=1.0&id=6#imhere 我们可以用javascript获得其中的各个部分 1, window.location.href 整个URl字符串(在浏览器中就是完整的地址栏) 2,window.location.protocol URL 的协议部分
本例返回值:http: 3,window.location.host URL 的主机部分 本例返回值:https://www.wendangku.net/doc/658485714.html, 4,window.location.port URL 的端口部分 如果采用默认的80端口(update:即使添加了:80)，那么返回值并不是默认的80而是空字符本例返回值:”" 5,window.location.pathname URL 的路径部分(就是文件地址) 本例返回值:/seo/ 6,window.location.search 查询(参数)部分 除了给动态语言赋值以外，我们同样可以给静态页面,并使用javascript来获得相信应的参数值本例返回值:?ver=1.0&id=6 7,window.location.hash 锚点 本例返回值:#imhere
怎样制作自己的网页
和怎样制作自己的网页 时间:2009-09-22 19:35来源:未知作者:大宝库点击:9865次 阅读工具：字体：大中小 一 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。 建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。 第一阶段：开始时最好是学些网页编辑软件，如：FrontPage、Dreamweaver.这样可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。 第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美，还是学习网页的核心技术吧！网页编辑语言（包括:html、css、javascript、asp、xml等）。你可以选择地学习。 第三阶段:结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。 怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。 二 一、工具 1、空间 网页做好了肯定是要发表上网的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。 2、软件 推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程中看到的，便是到时发布到网络上的。 二、教程
javascript实用代码实例 js 定位 延时 传值 跳转
优点；用户操作感觉满意度高； 仅javascript的html，实现多验证多功能，不用回传，效率高，用户体验好; 知识点：可视窗口的背景着色， div的任意绝对定位， 各种输入文本情况的确检测， 用js控制div的内容：innerHTML， isNaN方法：判断字符串是否全是数字， js实现延时自动跳转到另一页面， 接受上一页面的传来的信息，并判断，进行回应:request[“uid”] login.html 将以下内容复制到文本中，改后缀名为.htm或html 即可看到显示结果
制作一个简单的电子商务网站
电子商务大作业
作业要求 制作一个简单的电子商务网站，具有以下功能： 1) 能进行用户注册、登录。用户信息保存在数据库中。 2) 能对商品信息进行维护：增加、删除、修改。商品信息保存在数据库中。 3) 实现简单的购物车功能，能对所选择的商品进行列表显示，并对价格进行统计。 纸质报告要求： 1) 实现过程说明 2) 数据库设计说明 3) 运行效果 4) 主要源代码
一、创建用户注册、登录。用户信息保存在数据库中 1) 创建数据库表 在MySQL 中创建一个名为homeworks 的数据库，并在该数据库中创建一张名为User的表格。字段名数据类型 2) 安装所需的第三方软件包 在testapp/WEB-INF 新建lib 目录，并将以下需要的第三方软件包拷贝到lib 目录下：jstl.jar、standard.jar、mysql-connector-java-5.0.7-bin.jar。 3) 配置 JDBC 数据源 web.xml页面类容如下：
js取得当前url,javascript获取当前页面url值,js获取域名-
js取得当前url,javascript获取当前页面url值,js获取域名- js取得当前url,javascript获取当前页面url值,js获取域名 分类：JS 2010-09-01 14:14 如果获取“当前”域名 host = window.location.host; url=document.domain; url = window.location.href; 取得完整url路径: 用以下代码可以完整研证结果: thisDLoc = document.location; thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisTLoc = top.location.href; thisPLoc = parent.document.location; thisTHost = top.location.hostname;
thisHost = location.hostname; 还有一种稍有些复杂的取域名的方法，也是过滤了文件夹名，文件名，参数 …… var getHost = function(url) { var host = "null"; if(typeof url == "undefined"|| null == url) { url = window.location.href; } var regex = /.*\:\/\/([^\/]*).*/; var match = url.match(regex); if(typeof match != "undefined" && null != match) { host = match[1]; } return host; }
制作一个简单的网页
制作一个简单的网页 教学目的：1、使学生初步认识Frontpage 2000中文字的添加。 2、使学生初步利用Frontpage 2000制作简单的网页。 教学软件：Frontpage 2000。 教学过程： 一、复习导入新课： 上一课同学们已经学会了如何启动Frontpage 2000，并且知道Frontpage 2000是用来制作网页的工具，但是有了好的工具我们还要学会如何来利用它做出好的网页来。今天我们就来学习如何制作一个简单的网页。 二、新授课程 1、启动Frontpage 2000。 2、根据下列步骤进行。 （1）请同学们单击工具栏上的“新建”按钮，建立一个新的网页。注意讲解这个时候看不到任何东西。 （2）请同学们利用键盘输入文字：“欢迎进入星星网！” （3）请同学们按照要求设置字体和对齐方式。选择字体大小为7号字，并选择对齐方式为居中方式进行。 （4）通过键盘自己调节文字在页面中的位置。 （5）完成后可以请同学们在“编辑区”点击“预览”方式看看作完后在网页的显示效果，如有不满意及时调整。 （6）完成后教师可以选折先做好的同学演示给没有完成的同学看。 三、课堂练习 1、在网页中输入文字“欢迎你的光临！”注意文字设置为7号，并居中显示。 2、请同学们自主练习输入一个自我介绍的网页内容，教师可以指定文字内容和设置的格式，也可以由学生自己设置。要求保存到（D:\班级名\自己名字）为以后的课做准备。 修饰网页中的文字和背景教案 【教材使用】宁教厅审定山东教育出版社出版软件FrontPage2000 【适用年级】初二年级 【适用单元】网页制作第2节 【教学目的】 1．知识目标 （1）掌握用网页编辑软件打开网站和修改网页的基本方法。 （2）学会对网页中的文字进行各种修饰。 （3）学会为网页设置背景图片。 （4）学会使用水平线美化网页。 2．技能目标 通过学生探究学习过程中，掌握美化网页的基本操作。 3．情感目标 （1）通过动手实践，培养学生的审美情趣。 （2）培养学生在学习过程中自主探究、对比、举一反三的学习能力。 （3）利用知识的迁移，培养学生的综合信息素养能力。 【课时安排】1课时
初学者如何做一个最简单的网页.
怎么样做网页一、制作网站前的准备可以使用一种汉字输入方法，快慢不拘。会用IE点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。 OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :- 现在出现在我们面前的是一个空白的页面。 1、给这个网面起个名字，怎么起？请看方法：菜单——文件——另存为……——（选择你想保存的文件名、
JS传值
本周没有接到新的项目，主要是对过去开发的未升级的项目进行修改。不过，倒是总结学习了一点点的东西。现将总结的JS传值与大家分享。 JS传值 父页面弹出子页面对话框，若传值，通常情况下使用的是get方式传值，也就是拼参数串，通过URL传递参数。 这种传值方式有以下问题（只针对弹出页面对话框这种情况）： 1 参数不需要变化时，传给服务器后又传回页面，浪费资源。 2 若参数为中文参数，可能会出现乱码现象。 3 参数若是很多的情况下，可能会传参失败，因为get方式传值是有长度限制的。 JS传值，不需要经过服务器的中间转接发送。 若父页面到子页面单向传值： 父页面： function openChild(){ window.showModalDialog('child.jsp',{params:['中国','河南 ']},'dialogHeight=620px; dialogWidth=700px; status=no'); } 子页面： 若父页面到子页面传值并接收子页面返回值时： 父页面： function openChild(){ var value = window.showModalDialog('child.jsp',{params:['中国','河南']},'dialogHeight=620px; dialogWidth=700px; status=no'); alert(value); //对返回值进行操作
制作一个简单的网页 教学案例
制作一个简单的网页教学案例 【课时安排】1课时 【教学内容分析】 本节课的主题：让学生了解网页概念并利用FrontPage软件制作简单的网页，学会建立网站的制作流程并建立一个只有文字的网页，本课是用该软件创建以“诗文荟萃”为主题的网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。 以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；充分采用教材资源，使学生学会自学，并有的放矢；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。 【分析教学对象】 1、学生的年龄特点和认知特点 八年级的学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识了解不多；对网站兴趣较大，但制作知识几乎为零。本节课给学生提出一个初步的任务：创建一网站，并制作一个简单网页，让学生体验初步的成功，这对于今后的学习有很大帮助。初二的学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生自学意识与自学能力。 2、学习者对即将学习的内容应该具备的水平 本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。 【教学目标的设计】 1.知识目标
（1）了解网页的概念； （2）了解建立网站的一般流程； （3）初识FrontPage2003并学会建立网站； （4）学习制作一个只有文字的简单网页。 2.技能目标 学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。 3.情感目标 培养学生在学习过程，自主探究能力和分类汇总知识的能力。 【教学重点与难点】 （1）重点：建立网站、保存网页的方法。 （2）难点：网站与网页的区别，网页文件名与文件标题的区别。 【教学策略设计】 1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。 2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在学习过程中，提倡某些问题的分组协作与自主探究。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。 3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。 【教学评价设计】
《制作一个简单的网页》教学案例
《制作一个简单的网页》教学案例 【课时安排】1课时 【教学内容分析】 本节课的主题：让学生认识网页概念并利用FrontPage软件制作简单的网页，学会建立网站的制作流程并建立一个只有文字的网页，本课是用该软件创建以“诗文荟萃”为主题的网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理念，增强学生的动手能力，提高学生的综合素质。 以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发学生的求知欲和学习兴趣；采用任务驱动教学，增强学生自学能力；充分采用教材资源，使学生学会自学，并有的放矢；对学生的评价方式，采用学生作品展示，是学生学习的一个延续，对学生学习起到一种推进的作用。【分析教学对象】 1、学生的年龄特点和认知特点： 初二的学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识了解不多；对网站兴趣较大，但制作知识几乎为零。本节课给学生提出一个初步的任务：创建一网站，并制作一简单网页，让学生体验初步的成功，这对于今后的学习有很大帮助。初二的学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生自学意识与自学能力。 2、学习者对即将学习的内容应该具备的水平：
本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。 【教学目标的设计】 1.知识目标： （1）了解网页的概念； （2）了解建立网站的一般流程； （3）初识FrontPage2003并学会建立网站； （4）学习制作一只有文字的简单网页。 2.技能目标： 学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。3.情感目标： 培养学生在学习过程，自主探究能力和分类汇总知识的能力。 【教学重点与难点】 （1）重点：建立网站、保存网页的方法。 （2）难点：网站与网页的区别，网页文件名与文件标题的区别。 【教学策略设计】 1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境（创设情境），以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。 2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在学习过程中，提倡某些问题的分组协作与自主探究。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信
js获取文本框的值!js获取浏览器高度和宽度值
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的高) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部门上：window.screenTop 网页正文部门左：window.screenLeft 荧幕分辩率的高：window.screen.height 荧幕分辩率的宽：window.screen.width 荧幕可用事情区高度：window.screen.availHeight 荧幕可用事情区宽度：window.screen.availWidth IE中：document.body.clientWidth ==> BODY 对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中： document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 Opera中： document.body.clientWidth ==> 可见区域宽度 document.body.clientHeight ==> 可见区域高度 document.documentElement.clientWidth ==> 页面临象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面临象高度（即BODY对象高度加上Margin 高） 没有界说W3C的规范，则 IE为： document.documentElement.clientWidth ==> 0 document.documentElement.clientHeight ==> 0 FireFox为： document.documentElement.clientWidth ==> 页面临象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面临象高度（即BODY对象高度加上Margin高）Opera为： document.documentElement.clientWidth ==> 页面临象宽度（即BODY对象宽度加上Margin宽）document.documentElement.clientHeight ==> 页面临象高度（即BODY对象高度加上Margin高）