动态HTML教程(一)

2016-01-29 12:44 10 1 收藏

动态HTML教程(一),动态HTML教程(一)

【 tulaoshi.com - Html 】

   经过微软和Netscape关于浏览器大战新闻发布会以及种种传闻和无休止的辩论之后,你从新发布的这两种4.0版的浏览器中得到了什么呢?
   只是一个占据了你的硬盘40-MB空间的庞大怪物?还是可以推动媒体发展的令人兴奋倍受鼓舞的充满活力的新生事物?除了一些有能力制定4.0版本规格的大型站点之外,实际上动态HTML还没有真正广泛应用于互联网。
   你应该了解动态HTML的含义,它就一种超文本接术。还应该了解dHTML只能应用于最新版的浏览器,即Internet Explorer 4和 Netscape Navigator 4。
   这两种浏览器对于动态HTML的支持并不相同,所以目前缺少一种编写dHMTL网页的通用方式。这就是动态HTML不能在互联网中得到广泛应用 的原因。网站开发者为了使自己的网页让尽量多的人看到,宁可使网页的编写臃肿不堪也不敢使用动态HTML使自己的网页具备更高的效率。因为用动态HTML编写的网页在这两种广泛使用的浏览器中显示的效果有很大的区别。
   我们将学习使用串接样式表编写网页并利用Javascript给网页加入动画。如果某些用户认为在网页中加入满天飞的动画实在是无益的劳动,那么我还要讲授一些只有动态HTML才能做到的非常实用的动态用户界面。我们将充分结合我们大脑两个半球的优势编写动态的事件驱动的动画,这种动画可以根据用户的指令进行变化,如果这些还不足够吸引你,我们还将应用结构、数组循环、对象引用以及更多的串接样式表使你拥有编写可以令任何梦想都变成现实的结构化网页编程能力。
   坦白的地说,动态HMTL不是为初学者准备的教程。要引用动态HTML,你必须熟悉3中不同的技术:HTML、样式表和JavaScript。动态HTML网页实际上就是这3种技术的集
  成。所以第1天的课程只是一堂复习课。你的作业就是要重温以前所了解的关于这3种技术的知识。不是很难,但你至少要掌握这3种技术的语法。
   对于JavaScript, 我建议你阅读Javascript教程。 你应该特别注意学习一下第2日教程中关于变量的知识,第3日教程中文件对象模块(DOM)的知识,第4日教程中的循环和数组,以及在表单中通过引用来控制对象的技巧。
   关于串接样式表的内容,你可以阅读5日精通样式表教程熟悉一下样式表的语法。你还应该阅读CSS定位一文,学习如何利用样式表布局页面。
   至于HTML,你应该熟悉
  和标签以及不再有GIF文字一文。
   我并不希望你阅读和记住所有这些内容,你只需浏览一下,知道所需要的知识在什么位置可以找到就可以了。
   这里是本教程所要讲授的内容:
  第2日:利用CSS定位生成在两种浏览器都可以浏览的网页布局,以及如何将文字和图象叠放在彼此之上。
  第3日 利用你的布局并制作动画效果。
  第4日用动态HTML建立用户界面,以及如何隐藏和显示界面的元素。
  第5日:更深入地了解动态HTML以及常见的问题。
  明天见。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

来源:http://www.tulaoshi.com/n/20160129/1487389.html

延伸阅读
标签: PHP
  你可以在php程序中的任何地方使用 echo "hello world!"; 来输出你想输出的内容。 不过你将遇到以下麻烦: 1 - 当你试图在hello和world之间加入两个(或两个以上)空格, 你使用: echo "hello world!"; 你得到的输出还是一个空格,或者你在行首加入一个空格, 你的空格也将被忽略。 2 - 更糟的是输出...
标签: Web开发
正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 HTML用h1到h6这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。 h1This is a heading/h1 h2This is a heading/h2 h3This is a heading/h3 h4This is a heading/h4 h5This is a heading/h5 h6This is a heading/h6 段落划分 在HTML里用p和/p划分段落。 pThis is a ...
标签: Web开发
HTML入门 HTML基本构架 页面布局与文字设计 标题 换行br 段落标签P 水平线段hr 文字的大小设置 文字的字体与样式 文字的颜色 位置控制 综合示例 列表 无序号列表 序号列表 定义性列表 TABLE表格 表格的基本结...
标签: Web开发
html,address, blockquote, body,dd,div, dl,dt,fieldset,form, frame,frameset, h1,h2,h3,h4, h5,h6,noframes, ol,p,ul,center, dir,hr,menu,pre{display:block} li{display:list-item} head{display:none} table{display:table} ...
标签: Web开发
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre   { display: block }  li              { display: list-item }  head&nb...

经验教程

192

收藏

94
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部