第7章 网页布局.ppt_第1页
第7章 网页布局.ppt_第2页
第7章 网页布局.ppt_第3页
第7章 网页布局.ppt_第4页
第7章 网页布局.ppt_第5页
已阅读5页，还剩15页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第7章网页布局 本章主要内容 Web2 0表格 CSS布局Div CSS布局 web2 0 什么是Web2 0 Web2 0一词产生在2001年 是相对于传统而言的新一类互联网应用的统称 Web2 0并未有明确的定义 但更注重用户的交互作用 用户既是网站内容的浏览者 也是网站内容的制造者 改进的网页布局技术也被认为是web2 0的组成之一 表格 CSS布局 传统表格布局的缺点内容 结构和表现混杂在一起网页源代码复杂 混乱解决方法将表现和结构分离 web2 0标准表格 CSS就是一种将表现和结构分离的布局技术其实是一种过渡手段 表格 CSS布局的实现方法首先创建表格 不带任何格式 为所有可能出现的样式创建CSS 包括大小 文字 背景等格式 在表格的单元格 行等元素上应用CSS实例 练习 7 1使用 表格 CSS 的方式为原先的网页 实验3 1 进行布局 Div CSS布局 什么是Div CSS DIV CSS是一种网页的布局方法 这一种网页布局方法有别于传统的HTML网页设计语言中的表格 table 定位方式 真正地达到了内容与表现相分离 DIV CSS的网页布局方法符合XHTML设计标准 什么是XHTML XHTML是TheExtensibleHyperTextMarkupLanguage 可扩展标识语言 的缩写 XHTML是一种符合XML标准的 被重新定义的HTML 目标是取代HTML XHTML可看作是更严格更纯净的HTML XHTML是一个W3C标准 什么是W3C W3C是英文WorldWideWebConsortium的缩写 中文意思是W3C理事会或万维网联盟 W3C于1994年10月在麻省理工学院计算机科学实验室成立 创建者是万维网的发明者TimBerners Lee W3C组织是对网络标准制定的一个非赢利组织 像HTML XHTML CSS XML的标准就是由W3C来定制 Div CSS布局的实现方法 利用div标签和CSS对div表现形式的控制来实现布局 标签 定义文档中的分区或节 块 层 标签可以把文档分割为独立的 不同的部分 中的内容自动地开始一个新行 实际上 换行是固有的唯一格式表现 块中所包含元素的表现可由DIV标签的属性来控制 也可以通过的class或id应用样式 示例 div标签 CSS盒子模型 在CSS修饰的块 如div table span等 都具有如下的表现形式 边界 边框 填充 内容 利用盒子嵌套进行页面布局 body container header main bottom left right 关键属性 heightwidthfloat 浮动 Div CSS布局实例
人人文库> 全部分类> 应用文书 > 技术指导

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论