http://zxh6655.cn/网站布局实录! - RainbowSoft Studio Z-Blog 1.8 Arwen Build 90619zh-CNCopyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号Thu, 09 Sep 2010 09:08:59 +0800zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/167.htmlFri, 13 Aug 2010 17:10:01 +0800http://zxh6655.cn/post/167.html每次制作网页时候我们都应该对此网页的CSS或Html中标签进行必要的初始化。
为什么要初始化CSS呢，有什么作用？
CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不近相同，所有天津网站建设开发时的第一件事可能就是如果把他们统一。
也许他们平时做页面时根本就没考虑过浏览器兼容的问题。其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。
...

]]>css网页布局http://zxh6655.cn/post/167.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=167http://zxh6655.cn/cmd.asp?act=tb&id=167&key=2bfced7azxh5566@tom.com (zxh5566)http://zxh6655.cn/post/149.htmlTue, 09 Mar 2010 19:31:31 +0800http://zxh6655.cn/post/149.htmlBlog（博客）是继Email、BBS、ICQ之后出现的第四种网络交流方式，是一种集个人自由表达、深度交流沟通的网络新方式。从2005年开始，博客开始在中国兴起，国内目前经常使用博客的人数达到2800万，都市白领成为博客群体的主力。
Blog网站存在有多种形式，有专门提供博客服务的平台或门户网站，这类网站一般规模比较大，结构复杂，遵循商业化运作模式，公司化经营，团队运作，如博客中国、博客网、 新浪博客也有个人建立的博客站点一或博客页面，功能相对简单，结构单一，一般主要有2个页面，即日志分类列表和日志详细页。
...

]]>css网页布局http://zxh6655.cn/post/149.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=149http://zxh6655.cn/cmd.asp?act=tb&id=149&key=f7b2e478zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/147.htmlSun, 07 Mar 2010 21:31:20 +0800http://zxh6655.cn/post/147.html列表在网页布局和排版方面都具有强大功能，是设计师最喜欢选用的元素，因此使用频率相当地高。传统网页布局中列表多用于多行单列的标题信息的排列，由于列表信息比较整齐直观，非常方便浏览者浏览，使用频率仅次于表格。在标准网页布局下，由于CSS定义了强大的列表属性，以及各种浏览器对CSS列表属性的狗空前支持，使列表可以配合div元素实现更多的网页布局。
XHTML列表框架
XHTML支持三种列表形式：有序列表、无序列表和定义列表。
◆有序列表
表中，每个列表项前都标有数字，表示顺序，如1,2,3，或a,b.c等，盒列表用ol元素表示，每个列表项用li元素表示。
...

]]>css网页布局http://zxh6655.cn/post/147.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=147http://zxh6655.cn/cmd.asp?act=tb&id=147&key=423eeebfzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/119.htmlMon, 08 Feb 2010 21:42:27 +0800http://zxh6655.cn/post/119.htmlXHTML校验器针对我们编写的XHTML页面，可以通过输入网站或是上传网页文件进行校验。大家不访尝试校验一下自己的页面，由于XHTML必尽是一种优化后的HTML语言，在很多语法及要求上要严格得多，相信大部分初学者在初次使用XHTML进行网页编写时很难一次通过校验，笔者也是在通过多次校验之后了解了一些XHTML的特殊要求，如img对象必须包含title属性等这些不常使用的编码
W3C提供的校验器目前仍然是全英文的界面及输出结果，而且在校验器提供的出错信息文档中，总共列举了XHTML可能校验出来的447种错误，在这里我们列举一些在进行校验时常常会碰到的错误提示及修正方法供参考：天津网站建设，天津网站制作，天津网站制作，塘沽网站建设，天津网页设计，天津网站设计
...

]]>css网页布局http://zxh6655.cn/post/119.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=119http://zxh6655.cn/cmd.asp?act=tb&id=119&key=a60052efzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/109.htmlSun, 17 Jan 2010 20:26:16 +0800http://zxh6655.cn/post/109.html    在上面的众多实例中，我们都是在讨论横向的对象之间的排列组合方式，包括横向的宽度自适应问题，但是如何实现高度自适应呢？实际上许多初学者在初次尝试高度自适应时候遇到过这个问题，对象的height:100%；并不能够直接产生实际效果，那么是不是浏览器不支持"height:l00%的编写方法？当然不是。高度值同样可以使用百分比进行设置，不同的是，天津网站优化，天津网站建设公司，天津网站制作公司，天津网站建设，天津网站制作，之所以直接使用height:l00%；不能达成效果，上与浏览器的解析方式有一定关系，我们不妨直接看一段实现了高度自适应的CSS代码。
...

]]>css网页布局http://zxh6655.cn/post/109.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=109http://zxh6655.cn/cmd.asp?act=tb&id=109&key=592f034fzxh5566@tom.com (zxh5566)http://zxh6655.cn/post/100.htmlFri, 01 Jan 2010 09:33:32 +0800http://zxh6655.cn/post/100.html不管多么复杂的页面布局设计，总是以div为基础，通过几个div之间的组合与嵌套来实现。因此在思考较复杂的页面布局之时，我们总是由粗到细逐步思考，通过l列、二列，3列这些基础的布局寿方式来相互组合从而实现复杂的布局。在前面我们曾见过一个网站、该网站便是复杂布局的一个代表，我们不妨以此网站为例，了解一下其复杂布局的实现方式。
我们注意到，网站实际上是一个居中的页面布局，所以内容都是固定宽度。我们曾从1列及二列居中实例中了解过，如果需要整体居中， 就一定需要一个div作为知綱氢箩丰要框架，也就是一个包含容器。而UXMagazine也正是这样，在设计申使用了—个主出作为全页的框架id为container。
...

]]>css网页布局http://zxh6655.cn/post/100.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=100http://zxh6655.cn/cmd.asp?act=tb&id=100&key=16832728zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/32.htmlTue, 13 Oct 2009 17:35:22 +0800http://zxh6655.cn/post/32.html在#container之中，网站从上至下将内容分为了几个区域，分别放置特定的内容，从上至下形成了一个纵向布局的模式。
    在纵向布局区域中，主要由以下几个部分构成：
    #topBar位于最顶端，其中包含网站的搜索区与频道链接；
    #header显示网站LOGO；
    #betaNotice网站的一个信息提示区，显示一段小提示；
...

]]>css网页布局http://zxh6655.cn/post/32.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=32http://zxh6655.cn/cmd.asp?act=tb&id=32&key=1d1bf437zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/31.htmlMon, 12 Oct 2009 19:54:23 +0800http://zxh6655.cn/post/31.html在上面的众多实例中，我们都是在讨论横向的对象之间的排列组合方式，包含横向的宽度自适应问题，但是如何实现高度自适应呢？实际上许多初学者在初次尝试高度自适应时要遇到过这个问题，对象的height:100%;并不能够直接产生实际效果，那么是不是浏览器不支持height:100%;的编写方法？当然不是。高度值同样可以使用百分比进行设置，不同的是，之所以直接使用height:100%;不能达成效果，与浏览器的解析方式有一定关系，我们不妨直接看一段实现了高度自适应的CSS代码：天津网站建设，天津网站优化，汽车玻璃，天津二手装载机，商业策划招商
...

]]>css网页布局http://zxh6655.cn/post/31.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=31http://zxh6655.cn/cmd.asp?act=tb&id=31&key=5351cc70zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/30.htmlSun, 11 Oct 2009 19:37:49 +0800http://zxh6655.cn/post/30.html使用浮动定位方式，从1列到多列的固定宽度及自适应，基本上可以简单完成，包括三列的固定宽度。而在这里我们提出了一个新的要求，希望有一个三列式布局，其中左栏要求固定宽度，并居左显示，右栏要求固定宽度并居右显示，而中间栏需要在左栏和右栏的中间，根据左右栏的间距变化自动适应。这给布局提出了一个新的要求，而且单纯使用float属性与百分比属性并不能实现，CSS目前还不支持百分比的计算精确到考虑左栏和右栏的占位，如果对中间栏使用100%的宽度的话，它将使用浏览器窗口的宽度，而非左栏和右栏的中间间距，因此我们需要新的思路来考虑这个问题。
...

]]>css网页布局http://zxh6655.cn/post/30.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=30http://zxh6655.cn/cmd.asp?act=tb&id=30&key=46a36180zxh5566@tom.com (zxh5566)http://zxh6655.cn/post/29.htmlSat, 10 Oct 2009 09:15:41 +0800http://zxh6655.cn/post/29.html 在1列固定宽度居中之中，我们使用margin:0px auto;似乎不能够达到这样的设置，使一个div得以达到居中显示，而二列分栏中，需要控制的是左分栏的左边与右分栏的右边相等，因此使用margin:0px auto;似乎不能达到这样的效果，这时就需要进行div的嵌套式设计来完成了，可以使用一个居中的div作为容器，将二列分栏的两个div放置在容器中，从而实现二列的居中显示，结合上面的代码，新的XHTML代码结构如下:天津网站建设，天津网站优化，天津做网站
...

]]>css网页布局http://zxh6655.cn/post/29.html#commenthttp://zxh6655.cn/http://zxh6655.cn/feed.asp?cmt=29http://zxh6655.cn/cmd.asp?act=tb&id=29&key=edeaaa19