传智播客韩顺平轻松搞定网页设计divcss.pptx

北京传智播客教育www.itcast.cn内容介绍学习目标初始css–使用css的必要性初始css–使用css的必要性初始css–使用css的必要性css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器css的三种选择器块元素和行内元素块元素和行内元素块元素和行内元素css文件的相互引用css核心内容—流css核心内容—盒子模型css核心内容—盒子模型css核心内容—盒子模型css核心内容—盒子模型css核心内容—盒子模型css核心内容—盒子模型css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—浮动css核心内容—定位css核心内容—定位css核心内容—定位①了解html的基本概念②理解html的运行基本原理③掌握html的一些基本用法④能写出简单的网页■html是什么HTML（HyperTextMark-upLanguage）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。■html可以做什么①HTML可以编写静态网页.②该静态网页可以包括文字、图形、动画、声音、表格、链接。从而构成一个个漂亮的网页。给大家看几个漂亮的网页吧!■html发展历史■w3c的介绍W3C是英文WorldWideWebConsortium的缩写，中文意思是W3C理事会或万维网联盟。W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者TimBerners-Lee。W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C会员（大约500名会员）包括生产技术产品及服务的厂商、内容供应商、团体用户、研究实验室、标准制定机构和政府部门，一起协同工作，致力在万维网发展方向上达成共识。■html和xhtml区别html->xhtml->xmlhtml语言本身有一些缺陷(比如内容和形式不能分离,标记单一,数据不能复用等),随着xml的兴起，xml越来越受到国际认可，所以人们希望xml来弥补html的不足,但是目前有成千上万的网页都是html编写的，所以完全使用xml来替代html还为时过早,于是w3c在2000推出xhtml1.0，建立XHTML的目的就是实现HTML向XML的过渡。■html项目演示高级邮箱■html项目演示麦当劳导航■html项目演示(可爱屋)■html项目演示(旅游岛)■html项目演示(仿sohu首页面)■html运行原理①本地运行■html运行原理②远程访问运行■万维网(www)简略图:■万维网(www)-综合图■html的开发工具①记事本②editplusvim③frontpage④dw⑤zendstudio⑥其它的ide■html的基本结构从下面test.html我们可以看出html的基本结构■html的标记/元素①HTML标记是用来组成HTML元素的②HTML标记用两个尖括号”<>”括起来③HTML标记一般是双标记，如<b>和</b>前一个标记是起始标记,后一个标记为结束标记④两个标记之间的文本是html元素的内容⑤某些标记称为“单标记”,因为它只需单独使用就能完整地表达意思,如<br>⑥html标记和html元素可以看做是同一个概念，在我的课程中为统一说法，就叫html元素。html常用的元素参考html语言教程(html版)■html的元素的属性每个元素都有多个属性,每个属性有不同的属性值来修饰，从而达到不同的显示效果.举例:■html的元素的属性关于每个元素，所包含的各个属性以及各个属性对应的属性值，请各位同学参看：html语言教程(html版)■HTML符号实体-介绍在网页上显示一些特殊的符号,我们需要使用html的符号实体,有些人把它称为字符实体,比如我们看一个小小的案例(html1_1.html)。为在网页上显示版权符号,我们就需要使用html的符号实体&copy;才能在网页上正确显示。■HTML符号实体-一览表■html超链接■html图像元素■html表格■html表格-小练习■上机练习题■html列表-无序列表■html列表-有序列表■html列表-框架■html框架-(fra