网页制作与HTML语言基本结构简介.pptx

第三章 网页制作与HTML语言基本结构简介本章提要静态网页与动态网页Dreamweaver MX制作网页HTML语言的基本结构第一页，共六十二页。3.1网页制作概述静态网页与动态网页1.静态网页 由超级文本标志语言HTML的标志代码构成； 用记事本、FrontPage、Dreamweaver、Fireworks可以制作。第二页，共六十二页。2.动态网页与asp动态网页中：服务器端可以实时处理浏览器端的请求，然后将处理结果返回给浏览器端ASP是在普通HTML中嵌入VBSCript或JavaScript代码的文件，只能在服务器端运行第三页，共六十二页。认识网页1.网页的基本元素文字图像超链接第四页，共六十二页。2.网页设计原则兼容性原则简洁性原则第五页，共六十二页。3.网页的设计确定主题收集材料布局规划制作网页第六页，共六十二页。网页制作工具简介FrontpageDreamweaver第七页，共六十二页。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 结尾标签 例1-1第十三页，共六十二页。HTML/HTML在文档的最外层， 文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。 HEAD/HEAD是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。 title和/title是嵌套在HEAD头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。 BODY /BODY标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。? 上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。第十四页，共六十二页。三、?HTML的标签与属性: HTML的标签分单标签和成对标签两种。成对标签是由首标签标签名 和尾标签/标签名组成的，成对标签的作用域只作用于这对标签中 的文档。单独标签的格式标签名，单独标签在相应的位置插入元素就可以了。p换行/p换行br第十五页，共六十二页。三、?HTML的标签与属性:作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如： font color=#ff00ff face=宋体 size=30字体设置/font第十六页，共六十二页。2.2主体标签及属性、颜色的设定一、 html的主体标签body 在body和/body中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。 body标签有自己的属性，设置 body标签内的属性，可控制整个页面的显示方式第十七页，共六十二页。一、 html的主体标签bodybody标签的属性第十八页，共六十二页。格式： body text=#000000 link=#000000 alink=#000000 vlink=#000000 background=gifnam.gif bgcolor=#000000 leftmargin=3 topmargin