计算机协会网页的设计教学课件.pptVIP

网页设计教程之html;内容介绍: 1.html介绍 2.优秀网页欣赏 3.html项目演示 4.html运行基本原理 √ 5.html的基础知识 √;① 了解html的基本概念 ② 理解html的运行基本原理 ③ 掌握html的一些基本用法 ④ 能写出简单的网页;■ html是什么 HTML（HyperText Mark-up Language）即超文本 标记语言或超文本链接标示语言，是目前网络上应用 最为广泛的语言，也是构成网页文档的主要语言。 HTML文本是由HTML命令组成的描述性文本，HTML命令 可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部（Head）、主体（Body）两大部 分，其中头部描述浏览器所需的信息，而主体则包含 所要说明的具体内容。 ;■ html可以做什么 ①HTML可以编写静态网页. ②该静态网页可以包括文字、图形、动画、声音、 表格、链接。从而构成一个个漂亮的网页。 给大家看几个漂亮的网页吧! ;■ html发展历史;■ w3c的介绍 W3C是英文 World Wide Web Consortium 的缩 写，中文意思是W3C理事会或万维网联盟。W3C于 1994年10月在麻省理工学院计算机科学实验室成立 。创建者是万维网的发明者Tim Berners-Lee。 W3C组织是对网络标准制定的一个非赢利组织，像 HTML、XHTML、CSS、XML的标准就是由W3C来 定制。W3C会员（大约500名会员）包括生产技术产 品及服务的厂商、内容供应商、团体用户、研究实验 室、标准制定机构和政府部门，一起协同工作，致力 在万维网发展方向上达成共识。 ;■ html和xhtml区别 html-xhtml-xml html语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不 能复用等),随着xml的兴起，xml越来越受到国际认可，所以人们希望xml 来弥补html的不足,但是目前有成千上万的网页都是html编写的，所以完 全使用xml来替代html还为时过早,于是w3c在2000推出xhtml1.0，建立 XHTML的目的就是实现HTML向XML的过渡。 ;■ html项目演示 高级邮箱 ;■ html项目演示 麦当劳导航 ;■ html项目演示(可爱屋) ;■ html项目演示(旅游岛) ;■ html项目演示(仿sohu首页面);■ html运行原理 ①本地运行 ;■ html运行原理 ②远程访问运行 ;■ 万维网(www) 简略图: ;■ html的开发工具 ①记事本 ②editplus ③frontpage ④dreamweaver 等等。。。 ;■ html的基本结构 从下面test.html我们可以看出html的基本结构 ;■ html的标记/元素 ①HTML标记是用来组成HTML元素的 ②HTML标记用两个尖括号””括起来 ③H ④两个标记之间的文本是html元素的内容 ⑤某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思, 如br / ⑥html标记和html元素可以看做是同一个概念，在我的课程中为统 一说法，就叫html元素。 html常用的元素参考 html语言教程(html版) ;■ html的元素的属性 每个元素都有多个属性,每个属性有不同的属性值来修饰，从而达到 不同的显示效果.举例:;■ html的元素的属性 关于每个元素，所包含的各个属性以及各个属性对应的属性值，请 各位同学参看：html语言教程(html版) ;■ HTML符号实体-介绍 在网页上显示一些特殊的符号,我们需要使用html的符号实体,有些 人把它称为字符实体 为在网页上显示版权符号,我们就需要使用html的符号实体 copy; 才能在网页上正确显示。 ;■ HTML符号实体-一览表 ;html简单文本标记 b今天天气真好??/b 今天天气真好！ i今天天气真好！/i 今天天气真好！ u今天天气真好！/u 今天天气真好！ sup今天天气真好！/sup 今天天气真好！（上标） sub今天天气真好！/sub 今天天气真好！（下标） ;html简单标题标记 h# ... /h# #=1, 2, 3, 4, 5, 6 h1今天天气真好！/h1 今天天气真好！ h2今天天气真好！/h2 今天天气真好！ h3今天天气真好！/h3 今天天气真好！ h4今天天气真好！/h4 今天天气真好！ h5今天天气真好！/h5 今天天气真好！ h6今天天气真好！/h6 今天天气真好！;■ html超链接