html教案范文

html教案范文 .hcm602./article/10-11-13/lamp-php-video.html兄弟连PHP视频教程blogold.chinaunix./u/23873/showart_215686.html Mysql视频.ed2000./ShowFile.asp?FileID=248448javascript视频Html与CSS部分共10天40学时2周.w3school./html/web技术教程学习资料授课方式 (1).基础灌输 (2).项目串接 (3).引导自学 (4).视频重复注强烈建议记录讲义重点和知识点第一天HTML简介（涉及第 一、二章）第一节课概念介绍万维网是我们这个时代最重要的信息传播手段。 几乎任何人都可以创建自己的网站，然后把它发布在因特网上。 一些网页属于企业，提供销售服务；另一些网页属于个人，用来分享信息。 你可以自己决定网页的内容和风格。 所有网页都要用某种形式的HTML来编写。 HTML可以对文本进行格式化，添加图形、声音和视频，并且可以将它保存为所有计算机都可以读取的文本文件。 学习和掌握HTML并不困难。 编写HTML并不是一个令人头昏的复杂过程，只需仔细输入并保持一致性。 可以在几分钟内建立一个简单的HTML页面并让它运行起来。 另外，尽管有许多软件可以替你编写HTML代码，但自己编写HTML的好处是不必学习新的软件，也不会受到这些软件特性的限制。 1.1因特网、Web和HTML你肯定听说过因特网（Inter），但是因特网究竟是什么？简单的说，因特网是相互连接的计算机的集合。 许多人拥有不间断的高速带宽连接（通过DSL、线缆或卫星），而另外一些人只在每天的某段时间内通过调制解调器用家庭计算机上网。 无论是什么类型的连接，只要你联网了，你的计算机就成为因特网的一部分，并且与当前联网的其他所有计算机连接。 万维网（ worldwideweb）是虚拟的。 它无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网的某个地方，都是用某种形式的HTML编写的。 HTML（超文本标记语言）有两个基本特性超文本和普适性。 超文本意味着可以在网页中创建一个链接，从而将访问者链接到其他任何网页，实际上可以链接到因特网上的任何东西。 这意味着可以通过许多不通的路径访问Web上的信息。 Web的创建者Tim Berners-Lee希望Web能像人的大脑那样在信息之间建立广泛的联系，而不是像书籍那样只是静态数据源。 普适性的意思是因为HTML文档保存为纯文本文件，所以实际上任何计算机都可以读取网页。 无论访问者是使用Macintosh、Windows还是UNIX计算机，甚至是Palm这样的手持设备，都可以打开网页。 Web对所有计算机都是开放的。 1.2能够打开网页并不意味着有相同的效果尽管HTML对于所有计算机都是可用的，但是这并不意味着每个人都能以相同的方式体验它。 实际上任何计算机都可以显示网页，但是这些页面的实际显示效果取决于计算机的类型、显示器、连接的速度以及用来查看页面的软件（浏览器）。 当今最流行的浏览器是IE、Firefox，Opera和Safari，同时，用手持设备和PDA上网正在逐渐流行起来。 不幸的是，这些浏览器显示网页的方式不完全相同。 所以，仅仅设计一个漂亮的外形是不行的，人们用来查看页面的系统设置会差异很大，因此，要以适当的方式创建页面，让尽可能多的访问者能够以尽可能接近预期的方式查看页面。 1.3浏览器之争1994年，网景通信公司（Netscape Communications）在Web上建起了第一道栅栏，所谓的“浏览器战争”开始了。 为了吸引用户，他们抛弃了普适性，创建了一套只有Netsca pe能够处理的HTML扩展。 例如，使用Netscape的Web冲浪者可以查看具有彩色文本、照片和其他改进的页面，而使用其他任何浏览器的冲浪者都会得到错误和古怪的结果，或者根本没有任何结果。 但是，很多人喜欢这些扩展，所以他们蜂拥进了“Netscape饭店”。 到了1996年，它成了世界上最流行的计算机程序。 微软也开始在Web上圈出自己的区域。 同样，为了吸引用户，他们增加了只有微软的IE浏览器能够识别的非标准扩展。 根据Web StandardProject（.webstandards，这是一个由第一流的设计人员组成的团体，它致力于使破碎的Web重新联合起来）的统计，在浏览器战争的高潮时期，Web设计者要浪费高达25%的时间来应付专有的标记，编写页面的多个版本来满足每种浏览器，并且只能向客户说明创建适用于所有浏览器的某些效果是不可能的。 这真是一团糟。 1.4标准的推出Web的联合国是一个称为万维网联盟（.w3，缩写为W3C）的组织，由Web的创建者Tim Berners-Lee领导。 它的目标是使Web社区意识到普适性的重要意义，同时尽可能满足开发优美页面的愿望，努力拆除现有的栅栏并防止出现新的栅栏。 W3C的成员列表（.w3/Consortium/Member/List）看起来像Web行业大公司的“全家福”，其中包括老牌公司，比如苹果（Apple）公司（它提供iTunes和iPod等产品）、Adobe公司（Photoshop等重要的Web设计工具的开发商）、美国在线（Ame rcaOnline）公司（它在1998年收购了网景通信公司）、Opera（用于桌面计算机和手持设备的Opera浏览器的开发商）和微软公司（它的IE浏览器从Netscape手中夺取了第一位的市场份额，而且一直保持至今）；还包括更现代的公司，比如Google公司（最流行的搜索引擎）和Mozilla公司（流行的开放源码Firefox浏览器的开发商，这种浏览器近年来是IE的主要竞争对手）。 W3C的意图是将这些公司聚集在一起，让它们在标准上达成一致，而依靠速度、使用的简便性、价格或其他特性来体现产品的差异，从而避免Web回到分崩离析的状态。 1.5攻打象牙塔最近（xx年年中），对于W3C的缓慢步调、过分强调抽象性以及缺乏具体结果产生了许多抱怨。 许多Web设计人员，包括领导标准化过程的设计人员，感觉被W3C及其成员公司忽视了。 HTML4.01和XHTML成为正式推荐标准已经差不多7年了，但是W3C对于未来的方向还没有形成一致的结果。 CSS2成为正式推荐标准已经差不多8年了，但是还没有任何浏览器完全支持它，尽管每种主流浏览器都是由W3C成员开发的。 CSS3仍然处于工作草案阶段，离完成可能还有好几年，更不用说实现了。 一些设计人员已经等得不耐烦了，他们决定自己动手创建可扩展的标准化解决方案（h ttp:/.microformats）。 更多信息请参见Jeffrey Zeldman的文章“An AngryFix”（.zeldman./xx/07/17/an-angry-fix/）和John Oxton的“No Iam notblood ysorry”（joshuaink./blog/753/no-i-am-not-bloody-sorry）。 在这个时期，你应该怎么做呢？我的建议一直是“适度”。 要符合标准，但是不要成为标准的奴隶。 第二节课准备工作2.1浏览网络上的网页在因特网上，每一个网站都有自己特定的地址，只有把网站的地址输入正确，才能打开相应的网页，才能浏览网页中的信息。 以”网易”为例,首先打开IE浏览器，在地址栏里htto:/.163.2.2浏览本地网页打开硬盘，进入自己存放网页的路径，双击后缀为.htm或者.html的文件即可2.3查看源代码点击浏览器窗口的菜单栏-查看-源代码，或者点击页面空白区-右击-源代码Firfox查看-页面源代码，或者点击页面空白区-右击-源代码2.4学会使用ultraedit（或者记事本）在百度或者Google搜索这个软件，按照“下一步”理论完成后，选择注册，努力查找相对应的注册号，就可以使用了。 使用这个软件要注意的几个问题1.要注册，对应版本寻找注册号；2.在菜单栏空白区选择增强版的选项；(记住是菜单栏空白区右击，切记)3.一定要去掉备份；(菜单栏高级配置文件处理备份)，点选不备份;4.选择自己最适应的字体;（在快捷栏有A这个字体图标，选择你最喜爱的）（在这里我上课使用的是Fixedsys）,我自己使用的是MS ReferenceSans Serif,而且是粗体3号字，你可以自己选择喜爱的。 2.5多种浏览器并存检测当前版本运行IE-点击“帮助”-关于IE1）安装IETester这是个相当神奇的小软件，可以帮我们模拟网页在IE5. 5、IE 6、IE7与IE8等浏览器的相容性，可以看一下辛苦作好的CSS样式或网站版面是否可以在各个主要浏览器正常显示。 2）Firfox（debug）练习安装见软件包2.6必备手册CSS2.0样式表中文手册.chm CSS完全参考手册3.0.chm样式表滤镜手册.chm第三节课HTML、CSS、Javascript综述以本书课件做辅助3.1代码片段HTML、CSS、Javascript这三种语言都是与网页设计相关的，那么他们各自在网页中所扮演的角色是什么呢？下面看一段代码1-1.html1)未作修饰，纯粹Html-开头/标题部分 题目 /文档内容显示区 第一个Html文件 简单提示，后面会做详细介绍第四节课H