CSS布局教程

基于web标准的网站设计指南

选择合适的标签

选择合适的标签

在使用表格式布局的时期,设计师几乎只认识table标签,而在xhtml编码之中,就有必要使用更多的标签来组织内容了,表格式布局之中,所有样式都由表格替代,无论是标题还是列表,都使用表格中的单元格组合来实现,这样做使得网页代码变得混乱,可读性差,也不利于修改,xhtml 标记最终目的是给内容定义结构,浏览器通过解析标签把页面内容按结构展现出来,因此对于每个元素,都可以选择适合这个元素的标签进行编码

布局

div标签是布局用的标签的首选,页面中的每个区域,如页头,页脚,左分栏,右分栏都可以使用div进行表示,例如:
...

选择合适的doctype

一个标准的xhtml文档必须以doctype标签作为开始,doctype标签用于定义文档的类型,对于xhtml而言,类型可以使用3种不同的xhtml文档类型,使用方式如下:
transitional类型 xhtml文档类型的一种,是一种过渡类型,使用过度类型的xhtml网页,浏览器xhtml的解析较宽松,允许使用html4.01中的标签,但必须符合xhtml的语法。
strict类型:严格类型,使用此类型的网页,浏览器解析将相对严格,不允许使用任何表现样式的表示和属性,如在元素中直接使用bgcolor背景色属性。
...

xhtml基础

xhtml是网页代码的核心问题,我们的内容需要通过xhtml代码进行构架,对于初学者而言,我们需要了解xhtml的基本构成,以及我们该在什么地方进行我们内容的编写。
对于初次使用xhtml来进行网页设计,我们推荐使用dreamweaver软件直接创建html页面
xhtml代码最终的目的是给浏览器一个标记,告诉浏览器我们的网页有什么内容,每个内容是什么样的,而dreamweaver这样的可视化编辑器,则是帮助我们如同在word中排版一样,可视化的来编写这些xhtml标记,有关xhtml的标记的详细知识,可以通过网络搜索一些xhtml 标记的名称与用法,在天津网站建设中将针对大部分的xhtml标记进行了解,如天津网站制作天津做网站div,span等xhtml的标记的用途等。
...

可以继续使用html吗

答案是肯定的,html也是w3c的标准之一,之所以使用xhtml是因为html的设计形式已经不能满足表现与内容分离式的网站框架了,但是如果继续使用html来构建网站的话,最终的目标上来说没有差别,通过完整的html标记语言,也同样能够通过w3c的校验,最终网页的显示也不会又太大的问题,不过在这里还是继续向大家推荐使用xhtml。提供更合理的结构,在web标准设计上之中会得到方便,在未来也方便顺利的过度到xml.

那为什么不直接过渡到汽车玻璃xml 呢,xml是未来数据的描述格式,目前在应用软件和web应用的开发中已经大量使用xml 技术进行数据交换与整合,如果技术成熟,xml会取代xhtml/html成为未来的网站构建中实现内容层的一环,但就目前而言,xml 在实现网站表现层上有一定困难,使用xml+css或xstl技术构建网站本身技术上难度较高,而 xml自由的标记结构也对网站设计者提高了门槛,浏览器对xml的直接支持也不太完善,所以xml目前的应用主要在web应用及软件中用于数据交换。

...

使用web标准之后表格还有用吗

关于表格table与div的讨论在网上很多,许多网站标准的初学者在初期往往在由表格布局向div布局方面存在疑虑,在这里我们专门就表格和一些其他相关问题专门做一些讨论

关于表格

使用web标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以许多关于css布局的教程中常提到为什么使用表格排版时不明智的者句话,可能是目前对表格的理解有误,这里注意一点“使用表格排版”是不明智的,指的是我们使用了很多年的,用表格来拍板是不明智的,表格归根结底是一种现实数据的方式,表格就是起到excel的作用,有的时候我们的数据信息使用表格显示让我们能清晰易读,所以使用表格,比如公司员工联系表,产品与型号对应表等。

...

css布局是不是意味着必须手写代码

作者在初期进行web标准的网页设计的时候的确在手写代码方面下了很多功夫,但目前已经不用这样了,随着web标准的普及,网页制作工具对web标准的支持方面有了相当大的提高,特别是dreamweaver8编辑器,在web标准推出之后推出,提供了对网站标准方面非常大的支持与控制能力,使用dreamweaver8基本可以以所见即所得的形式进行符合web标准的网站了。
不过由于大家使用css进行web标准设计的入门教程,因此本书的大量使用将基于css的基本语言以及应用的代码级分析,必尽掌握css的关键性使用还是最终web标准的关键所在,天津网站建设将着重于css代码讲解,在后面的天津网站制作里讲提供有关dreamweaver8的相关简要介绍,以帮助大家快速学习css这种设计方式。
...

什么叫网站重构

重构一词本身源于软件开发中对于代码的改良,在网站重构一书中引入中国后,也带来了一股网站重构的热潮,网站重构可以理解为改变老式的html表格布局,使用新的符合web标准的天津网站建设结构以及代码改良的方式,将现有的天津网站优化转向web标准设计可以称为网站重构,天津做网站重构更深一层的意义是希望通过网页标准提供一个加大网站效益的借口,这个接口效益可以简单理解为两方面,可扩充性和维护性。

...

什么样的网站才符合web标准

符合网站标准的网站首先一点是网页能通过w3c的代码校验,w3c提供了一个帮助使用使用者校验自己天津网站建设各方面语法程序,地址在http://www.zgxwl.com,目前提供了天津网站制作天津网站优化天津做网站等多种标记语言的校验工具,如果你使用了这些语言来构建你的网站及应用,可以使用相关工具进行语法校验,通过校验是学习web标准的第一步,如果你在设计符合web标准的天津网站制作公司天津网站建设公司,那么证明你的网页在web标准的语法层面的使用上是没有问题的。

...

发挥css2.0的作用

虽然css做到了样式设计与内容的分离,但css文件本身也应该拥有良好的层次结构及规范,目的是进一步改善样式设计的可维护,css本身支持导入功能,针对于大型网站的设计,不妨使用分离的css文件来组织样式,如将字体样式专门使用font.css这样的一个文件来进行编写,表单的设计放到form.css中,通过合理的组织文件,带来后期维护的便利性,也方便网站程序能够根据浏览器版本或是终端设备进行文件的调用,进一步提升css跨平台的能力。

继承与重用的优势

使用css的优势在于其良好的重用特性,一段css设计代码可以供多个区域同时使用,然而除了重用的功能以外,css还可以实现类似面向对象程序设计中的继承机制,通过继承机制进一步的完善网站的样式设计,如在css对应的xhtml里,每一级的标签总是首先使用其本身标签的样式设计,接着使用父级标签的样式,这样部分代码就可以分别放在各级中,互相发挥作用,统一代码的最上一级标签,通过这种具有天津网站建设机制的功能,能够进一步减小在样式设计中的代码量,进一步改善天津网站制作设计。

...

如何向web标准过渡

如何向标准过渡
web标准的目标是实现网页结构,表现,行为的分离,达到最佳架构,提高网站可用性与用户体验,web标准中包括了众多的技术标准,包括相似的html与xhtml等,以目前web标准的技术框架来看,用以下几个标准及方法进行天津网站建设天津网站制作天津做网站天津网站优化是目前最为理想的选择。
...

分页:[«][4][5][6][7][8][9][10][11][12][13][14][15][16]17[18][»]

日历

<< 2010-8 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号