HTML、CSS和JavaScript.ppt

HTML、CSS和JavaScript　 XML概述 可扩展标记性语言 XML用于描述数据 * * 因特网、Web和HTML 因特网是相互连接的计算机的集合 万维网（www worldwide web）是虚拟的。它无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网的某个地方，都是用某种形式的HTML 编写的。 HTML（超文本标记语言）有两个基本特性——超文本和普适性 什么是HTML 超文本和普适性 超文本：意味着可以在网页中创建一个链接，从而将访问者链接到其他任何网页，实际上可以链接到因特网上的任何东西 普适性：因为HTML 文档保存为纯文本文件，所以实际上任何计算机都可以读取网页。 什么是HTML HTML需要的工具 TXT、Word…… UltraEdit、EditPlus…… 网页三剑客（Dreamweaver，Photoshop/Fireworks ，Flash） 什么是HTML CSS：层叠样式表(Cascading Style Sheets)，样式定义如何显示HTML元素，样式通常存储在样式表中，把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题。外部样式表可以极大提高工作效率。 什么是CSS CSS的优势： 1：表现和内容相分离：将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 2：提高页面浏览速度：对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 3：易于维护和改版：你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 4: 使用CSS布局更符合现在的W3C标准. 什么是CSS XHTML：同时具有HTML 和XML 两者优点的语言 XHTML = XML + HTML 什么是XHTML Student Name张靓靓/Name Age20/Age Hobby唱歌歌/Hobby !-- -- Name周杰杰/Name Age22/Age Hobby耍双节棍棍/Hobby /Student 描述的内容 一目了然 节点成对出现 eXtensible Markup Language 可自由扩展：加入性别或者身高… 节点区分大小写 所以XHTML要关注大小写！ XHTML危险吗？ 站点越大，使用CSS 和XHTML 的重要性就越高。CSS 允许跨整个站点轻松地应用、编辑和更新格式化；XHTML 为页面提供所需的结构，确保它能够适应未来的需要。 许多公司和政府机构（包括美国政府）要求网页满足特定的可访问性需求，让残疾人也能够访问网站。在这种情况下，应该尽可能符合严格型XHTML，并且用CSS 进行格式化。一定要了解公司或政府机构对网站的具体要求。 在HTML、XHTML和CSS之间进行选择 大型商务站点希望接触尽可能广泛的访问者，因此可能会选择过渡型XHTML，从而可以利用一些得到广泛支持的废弃标记，同时又从XHTML 坚固的稳定性获益。随着这些站点的发展，它们很可能转而使用更强大的CSS。 小型站点或个人站点可能希望同时利用HTML 的简单语法和CSS 强大的格式化功能，而且在需要时使用废弃标记。 在HTML、XHTML和CSS之间进行选择 点击浏览器窗口的菜单栏——查看——源代码 点击页面空白区——右击——源代码； 如何查看网页源代码