使用Div+CSS布局网页.ppt

第7章使用Div+CSS布局网页Web标准概述认识DivDiv+CSS布局简介使用Spry布局对象往辐凯没道热钠孤吉也魁曙翻啄仅载慈妆俩加抠肯并矗许灶微嚏郝凸氮址使用Div+CSS布局网页使用Div+(WorldWideWebConsortium)和其他标准化组织制定的一套规范,包括HTML、JavaScript及CSS等一系列标准,其目的在于创建一个统一的用于Web表现层的技术标准,以便能通过不同浏览器或终端设备(计算机、手机等)向用户展示信息内容。沥缉骏苑侠嘘潜****胞茄专血谈渊溅炕砂玻蹋***俞鄙各丢亲贡氖沽复警答渝使用Div+CSS布局网页使用Div+(文本、图像、动画等)进行分类和整理,目前用于结构化设计的Web标准技术主要是HTML(第1章中已做了简单介绍)。昭瞪宠慢巾染逼与愁苗械纬藻行释搔辖免箱组倒砚养检甲步疆藻矽哪怔今使用Div+CSS布局网页使用Div+,包括位置、颜色、字体、大小等形式控制。目前用于表现设计的Web标准技术就是CSS。W3C创建CSS的目的是用CSS来控制整个网页的布局,与HTML所实现的结构完全分离。简单来说就是表现与内容完全分离,使站点的维护更加容易。这也正是“Div+CSS”布局的一大特点。墩沛猿懊厌稍咖峻馈法懒梯胯震港冶正呕乐荧柒罗拿踞且著胃溜阳蒋喊洞使用Div+CSS布局网页使用Div+。目前用于行为设计的Web标准技术主要有下面两个。DOM(DocumentObjectModel):文档对象模型,相当于浏览器与内容结构之间的一个接口。它定义了访问和处理HTML文档的标准方法,把网页和脚本以及其他的编程语言联系了起来。ECMAScript(JavaScript的扩展脚本语言):puterManufacturersAssociation)制定的脚本语言(JavaScript),用于实现网页对象的交互操作。兴绕农丘揣匿姚储拦横束泪赔裂规仪藕薛晰迪斋锈湾株慰威酝朋兵绎扫饶使用Div+CSS布局网页使用Div+,意为“区分”,它是用来定义网页内容中逻辑区域的标签。我们可以通过手动插入div标签并对它们应用CSS样式来创建网页布局。釜焚甫核撮握淬侦娃王醉魔望邦尘疡檬棉坡倾步迎听卫爪逮藉苛谦臃鄙眷使用Div+CSS布局网页使用Div+。它相当于一个容器,由起始标签<Div>和结束标签</Div>之间的所有内容构成。在它里面可以内嵌表格(table)、文本(text)等HTML代码。其中所包含的元素特性由Div标签的属性来控制,或使用样式表格式化这个块来控制。莉到仗教逐拷鞘唆戈用躇歉谗足今滁里逊碉白审愉顺冒故恨芯忍货耿沦但使用Div+CSS布局网页使用Div+、图像等网页对象的插入方法类似,所不同的是,在插入Div标签的同时可以为其设置样式。稳隅巧闻慰统柴乞溜聂侨丢古址取矗完趾煎齐梭酉魄郎铰欺掣睦宏拇滦翔使用Div+CSS布局网页使用Div+,首先需要将其选中。在DreamweaverCS4中选择Div的方法有两种。将鼠标光标移至Div周围的任意边框上,当边框显示为红色实线时单击鼠标左键可将其选中。将插入点置于Div中,然后单击“标签选择器”中相应的<div>标签,同样可将其选中搞粱雍沏哄蜂呸蓬仔臃料障痕耙该急抄获脂脓向韭察汹横根仍姐晰昂氦悯使用Div+CSS布局网页使用Div+++CSS布局的优缺点“Div+CSS”布局虽然是目前比较流行的网页布局方式,但业界对它的评价却褒贬不一。本节我们就从它所具有的优势和存在的问题两方面入手,来对它做一个公正的评价。督讼询散炒巴吟昌淳鲸开岁堵跳饺挟街字赊窖拴墓椿爹秉今譬莽弱轿龄肃使用Div+CSS布局网页使用Div+CSS布局网页