第1节 走进页面布局设计.pptVIP

7. 创建XHTML页面步骤 第一步：选择合适的DOCTYPE 第二步：编写HTML文档结构 第三步：添加内容 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleXHTML基础/title /head body　 /body /html 欢迎进入spanXHTML/span编程世界 br/br/ 欢迎进入pXHTML/p编程世界 布局页面 创建一个“上－中－下”布局页面，效果如下图所示： 总结 XHTML指可扩展超文本标签语言（EXtensible HyperText Markup Language） 是使用XML重构HTML4.01而来的新标准 XHTML与HTML的区别在于语法规则上XHTML更严谨、更规范 块状标独占一行，宽度为100%，行内元素宽度和高度由其中的内容决定，所以设置宽度和高度无效。 可以采用display属性改元素的默认显示方式。 常用的样式属性有：border(边框)、margin(外补丁)、padding(内补丁)、display(显示方式)、float(浮动)等。 disabled=“disabled ” * 第一章　走进页面布局设计 课程目标 学习内容 XHTML基本语法 网页布局模型 页面背景特效及元素定位 导航栏 学习目标 使用布局模型设计商业站点页面布局 使用页面背景特效及元素定位实现复杂的布局设计 熟练掌握常用导航栏的制作过程 实战项目 综合项目：51Job招聘专版 本章内容 XHTML的作用及发展 XHTML与HTML的区别 XHTML的DOCTYPE和基本标签 CSS常用属性 本章目标 熟练区别XHTML与HTML 理解XHTML的DOCTYPE 创建简单的XHTML页面布局 内容回顾 HTML文档结构 HTML基本标签 文本标签、文字布局、超链接 表单及表单元素 form、input CSS（层叠样式表） 布局知识 表格布局、DIV布局 1. XHTML简介 1.1 为什么使用XHTML 运行在用户机器上的浏览器种类繁多，在技术实现细节上存在差异。 HTML缺陷 不能适应现在越多的网络设备和应用需要 代码不规范,浏览效果不一致 内容与表现混杂 1.2 什么是XHTML XHTML指可扩展超文本标签语言（EXtensible HyperText Markup Language） W3C组织在HTML4的基础上，用XML的规则对其进行重构 是HTML向XML过渡的一种新标准 HTML XHTML XML 2. XHTML特点及发展优势 XML是Web发展的趋势 XHTML适合HTML浏览器，同时也适应XML系统。 统一浏览器的页面解析规则。 XHTML可以与其它基于XML的标记语言、应用程序及协议进行良好的交互工作，如无线应用通讯协议（WAP） 3. 如何过渡到XHTML XHTML1.0在HTML4基础上发展的新标准 使用XHTML1.0的步骤： 添加DOCTYPE(文档类型) 编写HTML基本标签（遵守一些XHTML标签规则） !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html head titlesimple document/title /head body pa simple paragraph/p /body /html 如何过渡到XHTML 一个 XHTML 文档有三个主要的部分： DOCTYPE Head Body DOCTYPE head body 如何过渡到XHTML 什么是DOCTYPE-1 DOCTYPE是document type(文档类型) 声明页面文档采用的XHTML版本 浏览器按照DOCTYPE中的DTD解析文档内容 如何过渡到XHTML 过渡的(Transitional) 严格的(Strict) 框架的(Frameset) !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml !DOCTYPE html PUBLIC -//