第9章 Dreamweaver专题.ppt

Html实例 HTML（Hyper Text Markup Language 超文本标识语言） 是一种用来制作超文本文档的简单标记语言。 用HTML编写的超文本文档称为HTML文档。 Html样式 HTML HEAD title/title meta /HEAD BODY HTML 文件的正文 /BODY /HTML xhtml XHTML是EXtensible HyperText Markup Language的英文缩写,即可扩展的超文本标记语言. XHTML是用来代替HTML的, 是2000年w3c公布发行的. XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求. XHTML是基于XML的应用. XHTML更简洁更严紧. XHTML也可以说就是HTML一个升级版本.(w3c描述它为HTML 4.01) 除此之外XHTML和HTML基本相同. CSS介绍 HTML主要侧重于定义内容，比如p表示一个段落，h1表示标题，而并没有过多设计HTML的排版和界面效果 HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。 CSS的英文是Cascading Style Sheets，中文可以翻译成串联式样式表。 JavaScript介绍 HTML网页在互动性方面能力较弱，例如下拉菜单中自动会出现该菜单项的所有子菜单，用纯HTML网页无法实现；要实现这些功能，就需要用到Javascript。 Javascript是一种脚本语言，是基于客户端运行的，用户点击带有Javascript的网页，网页里的Javascript就传到浏览器，由浏览器对此作处理。不需要和Web Server发生任何数据交换， 因此，不会增加Web Server的负担。 Html编写与规则 手工直接编写 记事本等，存成.htm .html格式 使用可视化HTML编 辑 器 Frontpage、Dreamweaver等 由Web 服务器（ 或称HTTP 服务器） 一 方实时动态地生成。 *.htm或*.html 区分大小写 首页文件名默认为：index.htm 或 index.html Htmlhead HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 另外，搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页，你也要填写适当的head信息。(网站被搜索引擎收录，还有其它的方法，比如被其它网站链接，这里不赘述，请浏览搜索引擎网站。) head title/title link/link meta/meta /heads Htmlhead 标题(title):它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。 链接(link):用链接(link)可以建立和外部文件的链接。常用的是对CSS外部样式表(external style sheet)的链接。 关于网页信息(meta):意为描述 meta元素下面可以插入很多很有用的元素属性。下面介绍四种： meta name=keywords content=study,computer 用来标记搜索引擎在搜索你的页面时所取出的关键词。 meta name=author content=“wutao 用来标记文档的作者。 meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 用来标记你的页面的解码方式。 meta http-equiv=“refresh” content=“5;URL=/eschool” 用来自动刷新网页 Htmlbody body元素表明是HTML文档的主体部分。在body与/body之间，通常都会有很多其它元素；这些元素和元素属性构成HTML文档的主体部分。 (1)bgcolor bgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。 （2)background background属性标志HTML文档的背景图片。如：background=“images/bg.gif。 (3)bgproperties=fixed bgproperties=fixed使背景图片成水印效果，即图片不随着滚动条的滚动而滚动。 (4)text text属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。 (5)超级链接颜色 link、vlink、alink分别控制普通超