第3章 网页制作及HTML语言基本结构简介.ppt

第三章 网页制作与HTML语言基本结构简介 本章提要 静态网页与动态网页 Dreamweaver MX制作网页 HTML语言的基本结构 3.1网页制作概述 3.1.1静态网页与动态网页 1.静态网页 由超级文本标志语言HTML的标志代码构成； 用记事本、FrontPage、Dreamweaver、Fireworks可以制作。 2.动态网页与asp 动态网页中：服务器端可以实时处理浏览器端的请求，然后将处理结果返回给浏览器端 ASP是在普通HTML中嵌入VBSCript或JavaScript代码的文件，只能在服务器端运行 3.1.2认识网页 1.网页的基本元素 文字 图像 超链接 2.网页设计原则 兼容性原则 简洁性原则 3.网页的设计 确定主题 收集材料 布局规划 制作网页 3.1.3网页制作工具简介 Frontpage Dreamweaver 3.2Dreamweaver2004概览 Dreamweaver2004界面 输入与编辑文本 超级链接 使用图像 表格 创建交互表单 页面布局 3.3使用Dreamweaver制作主页框架 基本操作步骤 主页框架的制作 3.4HTML语言基本结构 HTML简介 HTML文件的基本结构 HTML的　 HTML简介 HTML的英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。 ?? 所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。 HTML的基本结构 HTML的基本结构 ??? 一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置， ??? HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。 HTML的基本结构 HTML ? ? 开始标签HEAD ? TITLE 一个简单的HTML示例 /TITLE?? ?头部标签/HEAD? BODY CENTER??????????????????????????????????? ?? H1欢迎光临我的主页/H1?????????????????????? BR??????????????????????????????????????????? HR??????????????????????????????????????????? 文件主体FONT SIZE= 7 COLOR= red??????????????????? ? 这是我第一次做主页???????????????????????????? /FONT??????????????????????????????????????? /CENTER?????????????????????????????????????? /BODY /HTML 结尾标签 HTML/HTML在文档的最外层， 文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。 ??? HEAD/HEAD是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。 ??? title和/title是嵌套在HEAD头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 ??? BODY /BODY标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。 ?? ? 上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。 三、?HTML的标签与属性: HTML的标签分单标签和成对标签两种。成对标签是由首标签标签名 和尾标签/标签名组成的，成对标签的作用域只作用于这对标签中 的文档。单独标签的格式标签名，单独标签在相应的位置插入元素就可以了。 p换行/p 换行br 三、